.tinto-page{padding:4px 0}.tinto-page__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:16px}.tinto-page__title{margin:0;font-size:16px;font-weight:600;color:#2c2c2c}.tinto-filters{margin-bottom:16px}.tinto-filters .form-control{height:38px}.tinto-filters .button{height:38px;width:100%}.input-group-sm>.input-group-append>.button,.input-group-sm>.input-group-prepend>.button{height:calc(1.5em + .5rem + 2px);padding:0 .6rem;font-size:.875rem;line-height:1;border-radius:0 .2rem .2rem 0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}.input-group-sm>.input-group-prepend>.button{border-radius:.2rem 0 0 .2rem}.tinto-table-wrap{border:1px solid #ddd;border-radius:3px;overflow:clip;background:#fff}.tinto-table{width:100%;margin-bottom:0;border-collapse:initial;border-spacing:0}.tinto-table thead{text-align:left}.tinto-table thead>tr>th{padding:10px;color:#444;font-weight:700;background:#f6f6f6;border-bottom:1px solid #ddd;font-size:12px;white-space:nowrap}.tinto-table tbody>tr>td{padding:10px;line-height:1.428571429;vertical-align:middle;border-top:1px solid #f1f1f1;font-size:12px;color:#555}.tinto-table tbody>tr:first-child>td{border-top:none}.tinto-table tbody>tr:hover{background-color:#f5f6f8}.tinto-table__primary{font-weight:500;color:#444}.tinto-table td>.tinto-table__primary,.tinto-table td>.tinto-table__sub{display:block}.tinto-table__sub{font-size:.8em;color:#999}.tinto-table__muted{color:#d0d5dd;font-style:italic}.tinto-table__empty{text-align:center;padding:40px 20px!important;color:#999}.tinto-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;letter-spacing:.2px}.tinto-badge--indigo,.tinto-badge--teal{background:#f6f6f6;color:#555;border:1px solid #ddd}.tinto-dot{display:inline-block;width:8px;height:8px;border-radius:50%}.tinto-dot--on{background:#5eb95e}.tinto-dot--off{background:#d0d5dd}.tinto-modal__title{font-size:15px;font-weight:600;color:#2c2c2c;margin-bottom:14px}.tinto-modal__footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;padding:12px 20px;border-top:1px solid #e9ecef;background:#fff}.tinto-label{font-size:11px;font-weight:600;color:#667085;text-transform:uppercase;letter-spacing:.3px;margin-bottom:2px;display:block}.tinto-section{margin-top:14px;padding:12px;background:#f9fafb;border:1px solid #e4e7eb;border-radius:8px}.tinto-section__label{font-size:11px;font-weight:700;text-transform:uppercase;color:#667085;letter-spacing:.4px;margin-bottom:8px}.tinto-pagination{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:14px}.tinto-table th.tinto-sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.tinto-table th.tinto-sortable:hover{background:#ececec}.tinto-table th.tinto-sortable .sort-icon{margin-left:4px;color:#999;font-size:10px}.tinto-table th.tinto-sortable.is-active .sort-icon{color:#004576}.tinto-actions{display:-webkit-box;display:-ms-flexbox;display:flex;gap:4px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.tinto-cor-swatch{display:inline-block;width:32px;height:24px;border-radius:3px;border:1px solid #ddd;vertical-align:middle;cursor:help}.tinto-sync-steps{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:6px;margin-top:8px}.tinto-sync-step,.tinto-sync-steps{display:-webkit-box;display:-ms-flexbox;display:flex}.tinto-sync-step{-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;font-size:13px;color:#344054}.tinto-sync-step__icon{width:18px;text-align:center;-ms-flex-negative:0;flex-shrink:0}.tinto-sync-step__name{font-weight:500;text-transform:capitalize;min-width:90px}.tinto-sync-step__detail{font-size:11px;color:#667085}.tinto-sync-step__progress{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;-webkit-box-flex:1;-ms-flex:1;flex:1}.tinto-sync-step__counter{font-size:11px;color:#004576;font-weight:500;white-space:nowrap}.tinto-progress-bar{-webkit-box-flex:1;-ms-flex:1;flex:1;height:6px;background:#e4e7eb;border-radius:3px;overflow:hidden;min-width:80px;max-width:200px}.tinto-progress-bar__fill{display:block;height:100%;background:#004576;border-radius:3px;-webkit-transition:width .5s ease;transition:width .5s ease}.tinto-badge--success{background:#ecfdf3;color:#027a48;border:1px solid #a9efc5}.tinto-badge--error{background:#fef3f2;color:#b42318;border:1px solid #fecdca}.tinto-badge--warn{background:#fffaeb;color:#b54708;border:1px solid #fedf89}.tinto-badge--muted{background:#f2f4f7;color:#667085;border:1px solid #e4e7eb}