@charset "UTF-8";

@font-face {
    font-family: 'Vazirmatn';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('../fonts/vazirmatn/Vazirmatn-Variable.woff2') format('woff2-variations');
}

body.tiko-dashboard-document {
    margin: 0;
    overflow-x: hidden;
    background: #f9f9f9;
    color: #55565d;
}

body.tiko-dashboard-document,
body.tiko-dashboard-document button,
body.tiko-dashboard-document input,
body.tiko-dashboard-document select,
body.tiko-dashboard-document textarea {
    font-family: 'Vazirmatn', Tahoma, Arial, sans-serif;
}

body.tiko-dashboard-document a {
    text-decoration: none;
}

html.tiko-panel-menu-open,
html.tiko-panel-menu-open body {
    overflow: hidden;
}

.tiko-kando-app {
    --tiko-panel-blue: #1e2f9d;
    --tiko-panel-blue-bright: #285dd8;
    --tiko-panel-pink: #ef4f80;
    --tiko-panel-canvas: #f9f9f9;
    --tiko-panel-quiet: #f6f7f9;
    --tiko-panel-line: rgba(34, 35, 50, 0.1);
    --tiko-panel-ink: #55565d;
    --tiko-panel-muted: #8a8b92;
    position: relative;
    min-height: 100vh;
    direction: rtl;
    background: var(--tiko-panel-canvas);
    color: var(--tiko-panel-ink);
    font-size: 12px;
    line-height: 1.9;
}

.tiko-kando-app *,
.tiko-kando-app *::before,
.tiko-kando-app *::after {
    box-sizing: border-box;
}

.tiko-kando-app a {
    color: inherit;
    transition: color 180ms ease, background-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.tiko-kando-app button,
.tiko-kando-app a {
    -webkit-tap-highlight-color: transparent;
}

.tiko-kando-topbar {
    position: relative;
    z-index: 50;
    min-height: 81px;
    padding: 0 18px 7px;
    background: var(--tiko-panel-canvas);
}

.tiko-kando-topbar-inner {
    width: min(1500px, 100%);
    min-height: 74px;
    margin-inline: auto;
    display: flex;
    align-items: center;
    direction: ltr;
}

.tiko-kando-top-actions {
    margin-inline-start: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    direction: ltr;
}

.tiko-kando-icon-button {
    position: relative;
    width: 38px;
    min-width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #fff;
    color: #4a4b50;
    box-shadow: 3px 0 12px -5px rgba(34, 35, 50, 0.18);
}

.tiko-kando-icon-button:hover,
.tiko-kando-icon-button:focus-visible {
    background: rgba(255, 255, 255, 0.82);
    color: var(--tiko-panel-blue);
    transform: translateY(-1px);
}

.tiko-kando-icon-button.is-logout:hover,
.tiko-kando-icon-button.is-logout:focus-visible {
    background: #e34f48;
    color: #fff;
}

.tiko-kando-icon-button .dashicons {
    width: 19px;
    height: 19px;
    font-size: 19px;
}

.tiko-kando-icon-button.has-notification::after {
    position: absolute;
    top: 1px;
    right: -2px;
    width: 7px;
    height: 7px;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #d54c4c;
    content: "";
}

.tiko-kando-menu-toggle {
    min-height: 44px;
    padding: 7px 4px;
    display: none;
    align-items: center;
    gap: 7px;
    border: 0;
    background: transparent;
    color: #55565d;
    font-weight: 700;
    cursor: pointer;
}

.tiko-kando-menu-toggle .dashicons {
    width: 23px;
    height: 23px;
    font-size: 23px;
}

.tiko-kando-layout {
    width: min(1500px, calc(100% - 36px));
    margin-inline: auto;
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(270px, 1fr);
    grid-template-areas: "content sidebar";
    gap: 20px;
    align-items: start;
    direction: ltr;
}

.tiko-kando-panel1-header {
    display: none;
}

.tiko-kando-content,
.tiko-kando-sidebar {
    direction: rtl;
}

.tiko-kando-sidebar {
    grid-area: sidebar;
    position: relative;
    z-index: 60;
    min-width: 0;
    padding: 0 15px 30px;
    margin-block-start: -81px;
    border-radius: 0 0 7px 7px;
    background: #fff;
    box-shadow: 0 0 15px -8px rgba(0, 0, 0, 0.22);
}

.tiko-kando-sidebar-close {
    display: none;
}

.tiko-kando-identity {
    min-height: 224px;
    padding: 17px 10px 18px;
    display: flex;
    align-items: center;
    flex-direction: column;
    border-bottom: 1px dashed #c3c3c3;
    border-radius: 0 0 50px 50px;
    text-align: center;
}

.tiko-kando-logo {
    width: 116px;
    height: 116px;
    margin-block-end: 9px;
    display: grid;
    place-items: center;
    border: 1px solid #edcf5b;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 16px 28px -20px rgba(30, 47, 157, 0.7);
}

.tiko-kando-logo img {
    width: 94px;
    height: 94px;
    display: block;
    border-radius: 50%;
    object-fit: contain;
}

.tiko-kando-logo > .dashicons {
    width: 76px;
    height: 76px;
    color: var(--tiko-panel-blue-bright);
    font-size: 76px;
}

.tiko-kando-site-name {
    max-width: 100%;
    overflow: hidden;
    color: #66676c;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tiko-kando-balance {
    max-width: 100%;
    margin-block-start: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    color: var(--tiko-panel-pink) !important;
    font-size: 13px;
    font-weight: 700;
}

.tiko-kando-balance strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tiko-kando-balance .dashicons {
    width: 19px;
    height: 19px;
    font-size: 19px;
}

.tiko-kando-display-preferences {
    width: min(210px, 100%);
    margin-block-start: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.tiko-kando-display-preferences label {
    min-width: 0;
    flex: 1 1 0;
}

.tiko-kando-display-preferences label > span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
}

.tiko-kando-display-preferences select,
.tiko-kando-display-preferences button {
    width: 100%;
    min-height: 31px;
    padding: 3px 8px;
    border: 1px solid rgba(30, 47, 157, 0.18);
    border-radius: 7px;
    background: #f7f8fc;
    color: #55565d;
    font: inherit;
    cursor: pointer;
}

.tiko-kando-display-preferences select:focus-visible,
.tiko-kando-display-preferences button:focus-visible {
    border-color: var(--tiko-panel-blue-bright);
    outline: 2px solid rgba(40, 93, 216, 0.18);
    outline-offset: 1px;
}

.tiko-kando-days {
    margin: 25px -5px;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
    direction: ltr;
}

.tiko-kando-days div {
    min-width: 0;
    min-height: 70px;
    padding: 10px 2px;
    display: grid;
    align-content: center;
    gap: 7px;
    border: 1px dashed rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    background: #fff;
    color: #67686e;
    direction: rtl;
    text-align: center;
}

.tiko-kando-days strong {
    font-size: 12px;
    font-weight: 700;
}

.tiko-kando-days span {
    overflow: hidden;
    font-size: 9px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tiko-kando-days .is-today {
    border-color: var(--tiko-panel-blue);
    background: var(--tiko-panel-blue);
    color: #fff;
    box-shadow: 0 0 20px -3px rgba(0, 0, 0, 0.22);
}

.tiko-kando-days .is-today strong {
    width: 27px;
    margin-inline: auto;
    border-radius: 6px;
    background: #fff;
    color: #4e4e4e;
}

.tiko-kando-quick-actions {
    padding: 0 10px 10px;
    margin-block-end: 20px;
    display: grid;
    gap: 10px;
    border: 1px solid var(--tiko-panel-line);
    border-radius: 7px;
}

.tiko-kando-quick-actions a,
.tiko-kando-navigation a {
    min-height: 41px;
    padding: 7px 12px;
    display: flex;
    align-items: center;
    gap: 11px;
    border-radius: 5px;
    background: var(--tiko-panel-quiet);
    color: #55565d;
    font-size: 11px;
    font-weight: 700;
}

.tiko-kando-quick-actions a {
    margin-block-start: 10px;
}

.tiko-kando-quick-actions a:hover,
.tiko-kando-quick-actions a:focus-visible,
.tiko-kando-navigation a:hover,
.tiko-kando-navigation a:focus-visible {
    color: var(--tiko-panel-blue);
}

.tiko-kando-quick-actions a.is-active,
.tiko-kando-navigation a.is-active {
    background: var(--tiko-panel-blue);
    color: #fff;
}

.tiko-kando-navigation {
    display: grid;
    gap: 8px;
}

.tiko-kando-navigation a {
    position: relative;
}

.tiko-kando-navigation a.is-active::after {
    content: none;
}

.tiko-kando-navigation a.is-logout {
    margin-block-start: 2px;
    color: #b23842;
}

.tiko-kando-navigation .dashicons,
.tiko-kando-quick-actions .dashicons {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    font-size: 18px;
}

.tiko-kando-content {
    grid-area: content;
    min-width: 0;
    padding: 18px 0 10px;
}

.tiko-kando-content > * {
    min-width: 0;
    max-width: 100%;
}

.tiko-kando-welcome {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 24px;
    margin-block-end: 22px;
    padding: 24px 28px;
    border: 1px solid var(--tiko-panel-line);
    border-radius: 2px;
    background: #fff;
    box-shadow: 0 10px 24px -20px rgba(34, 35, 50, 0.5);
}

.tiko-kando-welcome img {
    grid-column: 2;
    grid-row: 1;
    width: 132px;
    height: 96px;
    object-fit: contain;
}

.tiko-kando-welcome div {
    grid-column: 1;
    grid-row: 1;
}

.tiko-kando-welcome h1,
.tiko-kando-welcome p {
    margin: 0;
}

.tiko-kando-welcome h1 {
    color: var(--tiko-panel-blue);
    font-size: clamp(20px, 2vw, 27px);
}

.tiko-kando-welcome p {
    margin-block-start: 8px;
    color: var(--tiko-panel-muted);
    line-height: 1.9;
}

.tiko-kando-content .tiko-view-head {
    min-height: 146px;
    padding: 28px 32px;
    margin-block-end: 58px;
    border: 0;
    border-radius: 2px;
    background: #fff;
    box-shadow: 0 10px 24px -20px rgba(34, 35, 50, 0.5);
}

.tiko-kando-content .tiko-view-head p {
    color: var(--tiko-panel-pink);
    font-size: 12px;
}

.tiko-kando-content .tiko-view-head h2 {
    margin-block-start: 5px;
    color: #4d4e54;
    font-size: clamp(20px, 2.2vw, 27px);
    font-weight: 700;
}

.tiko-kando-content .tiko-stat-grid {
    margin-block-end: 42px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 28px;
}

.tiko-kando-content .tiko-stat-grid article {
    min-height: 80px;
    padding: 14px 20px;
    border: 0;
    border-radius: 10px;
    background: #4389c8;
    color: #fff;
    box-shadow: 0 10px 23px -18px rgba(0, 0, 0, 0.72);
}

.tiko-kando-content .tiko-stat-grid article:nth-child(4n + 1) {
    background: #71aa36;
}

.tiko-kando-content .tiko-stat-grid article:nth-child(4n + 2) {
    background: #56a5bf;
}

.tiko-kando-content .tiko-stat-grid article:nth-child(4n + 3) {
    background: #a751a5;
}

.tiko-kando-content .tiko-stat-grid article:nth-child(4n + 4) {
    background: #df7440;
}

.tiko-kando-content .tiko-stat-grid article:nth-child(n + 5) {
    background: #4389c8;
}

.tiko-kando-content .tiko-stat-grid span,
.tiko-kando-content .tiko-stat-grid strong,
.tiko-kando-content .tiko-stat-grid a {
    color: #fff;
}

.tiko-kando-content .tiko-stat-grid strong {
    font-size: 19px;
    font-weight: 700;
}

.tiko-kando-content .tiko-stat-grid span,
.tiko-kando-content .tiko-stat-grid a {
    font-size: 11px;
}

.tiko-dashboard-section {
    padding-block-start: 18px;
    margin-block-end: 42px;
    border-top: 1px solid rgba(34, 35, 50, 0.1);
}

.tiko-dashboard-section-title {
    margin: 0 0 24px;
    color: #45464c;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
}

.tiko-dashboard-status-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 28px;
}

.tiko-dashboard-status-card {
    min-width: 0;
    min-height: 80px;
    padding: 10px 17px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    border: 1px solid rgba(34, 35, 50, 0.08);
    background: #fff;
    box-shadow: 0 6px 16px -12px rgba(0, 0, 0, 0.55);
}

.tiko-dashboard-status-icon {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    flex: 0 0 58px;
    border: 1px solid #d8d4f7;
    border-radius: 50%;
    background: #f1efff;
    color: #786de7;
    box-shadow: inset 0 0 0 7px rgba(120, 109, 231, 0.07);
}

.tiko-dashboard-status-icon .dashicons {
    width: 30px;
    height: 30px;
    font-size: 30px;
}

.tiko-dashboard-status-card > div {
    min-width: 0;
    display: grid;
    gap: 2px;
    text-align: center;
}

.tiko-dashboard-status-card strong {
    color: #55565d;
    font-size: 15px;
}

.tiko-dashboard-status-card > div span {
    color: #8a8b92;
    font-size: 10px;
}

.tiko-kando-content .tiko-dashboard-feed {
    position: relative;
    min-height: 138px;
    padding: 0;
    margin-block-end: 24px;
    overflow: visible;
}

.tiko-dashboard-feed .tiko-card-head {
    min-height: 66px;
    padding: 18px 24px;
    margin: 0;
    border-bottom: 1px solid rgba(34, 35, 50, 0.08);
}

.tiko-dashboard-feed > .tiko-empty,
.tiko-dashboard-feed > .tiko-ticket-list,
.tiko-dashboard-news-list {
    padding: 18px 24px;
}

.tiko-dashboard-feed > .tiko-empty {
    background: transparent;
    text-align: center;
}

.tiko-dashboard-feed-add {
    position: absolute;
    inset-inline-end: 30px;
    inset-block-end: -18px;
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #b36a9e;
    color: #fff !important;
    box-shadow: 0 8px 18px -9px rgba(84, 33, 73, 0.8);
}

.tiko-dashboard-feed-add:hover,
.tiko-dashboard-feed-add:focus-visible {
    background: #914f7d;
    transform: translateY(-1px);
}

.tiko-dashboard-feed-add .dashicons {
    width: 20px;
    height: 20px;
    font-size: 20px;
}

.tiko-dashboard-news-list {
    display: grid;
    gap: 14px;
}

.tiko-dashboard-news-list article + article {
    padding-block-start: 14px;
    border-top: 1px solid rgba(34, 35, 50, 0.08);
}

.tiko-dashboard-news-list article > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.tiko-dashboard-news-list p {
    margin: 4px 0 0;
    color: var(--tiko-panel-muted);
}

.tiko-kando-content .tiko-panel-card,
.tiko-kando-content .tiko-contact-card,
.tiko-kando-content .tiko-balance-card,
.tiko-kando-content .tiko-membership-summary,
.tiko-kando-content .tiko-notification-list article,
.tiko-kando-content .tiko-api-secret,
.tiko-kando-content .tiko-legacy-admin > section,
.tiko-kando-content .tiko-legacy-card {
    border: 1px solid rgba(34, 35, 50, 0.08);
    border-radius: 7px;
    background: #fff;
    box-shadow: 0 0 15px -8px rgba(0, 0, 0, 0.2);
}

.tiko-kando-content .tiko-panel-card,
.tiko-kando-content .tiko-contact-card,
.tiko-kando-content .tiko-legacy-admin > section,
.tiko-kando-content .tiko-legacy-card {
    padding: 22px;
}

.tiko-kando-content .tiko-card-head {
    margin-block-end: 18px;
}

.tiko-kando-content .tiko-card-head h3,
.tiko-kando-content .tiko-panel-card > h3 {
    color: #45464c;
    font-size: 16px;
    font-weight: 700;
}

.tiko-kando-content .tiko-table-wrap {
    border-radius: 6px;
    background: #fff;
}

.tiko-kando-content .tiko-table {
    font-size: 11px;
}

.tiko-kando-content .tiko-table th {
    background: #f6f7f9;
    color: #696a70;
    font-size: 10px;
}

.tiko-kando-content .tiko-table th,
.tiko-kando-content .tiko-table td {
    padding: 11px 10px;
    border-color: #ededf0;
}

.tiko-kando-content .tiko-form input,
.tiko-kando-content .tiko-form select,
.tiko-kando-content .tiko-form textarea,
.tiko-kando-content .tiko-inline-form input,
.tiko-kando-content .tiko-inline-form select {
    min-height: 43px;
    padding: 8px 11px;
    border: 1px solid #dfe1e6;
    border-radius: 5px;
    background: #fff;
    color: #4d4e54;
    font: inherit;
}

.tiko-kando-content .tiko-form textarea {
    min-height: 110px;
    resize: vertical;
}

.tiko-kando-content .tiko-form input:focus,
.tiko-kando-content .tiko-form select:focus,
.tiko-kando-content .tiko-form textarea:focus,
.tiko-kando-content .tiko-inline-form input:focus,
.tiko-kando-content .tiko-inline-form select:focus {
    border-color: #8e9bd5;
    outline: 2px solid rgba(30, 47, 157, 0.12);
    outline-offset: 0;
}

.tiko-kando-content .tiko-app-button,
.tiko-kando-content .tiko-form button.tiko-app-button {
    min-height: 42px;
    padding: 8px 20px;
    border-radius: 5px;
    background: var(--tiko-panel-blue);
    color: #fff;
    box-shadow: none;
    font-size: 11px;
}

.tiko-kando-content .tiko-app-button:hover,
.tiko-kando-content .tiko-app-button:focus-visible {
    background: #172679;
    color: #fff;
}

.tiko-kando-content .tiko-app-button.is-secondary {
    background: #eef0f7;
    color: var(--tiko-panel-blue);
}

.tiko-kando-content .tiko-app-notice {
    margin-block-end: 18px;
    border-radius: 7px;
    font-size: 11px;
}

.tiko-kando-content .tiko-empty {
    border-radius: 7px;
    background: #fff;
}

.tiko-kando-logo .tiko-kando-user-avatar {
    width: 94px;
    height: 94px;
    border-radius: 50%;
    object-fit: cover;
}

.tiko-kando-content .tiko-admin-overview > .tiko-view-head {
    display: none;
}

.tiko-legacy-admin {
    display: grid;
    gap: 18px;
}

.tiko-legacy-page-head,
.tiko-legacy-card-head,
.tiko-legacy-actions,
.tiko-legacy-form-actions,
.tiko-legacy-row-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}

.tiko-legacy-page-head {
    min-height: 72px;
    padding: 18px 22px;
    border: 1px solid rgba(34, 35, 50, 0.08);
    border-radius: 7px;
    background: #fff;
    box-shadow: 0 0 15px -8px rgba(0, 0, 0, 0.2);
}

.tiko-legacy-page-head h1,
.tiko-legacy-page-head h2,
.tiko-legacy-card-head h2,
.tiko-legacy-card-head h3 {
    margin: 0;
    color: #45464c;
    font-size: 17px;
    line-height: 1.7;
}

.tiko-legacy-page-head p,
.tiko-legacy-card-head p,
.tiko-legacy-card-head span {
    margin: 0;
    color: var(--tiko-panel-muted);
    font-size: 11px;
}

.tiko-legacy-card {
    min-width: 0;
    padding: 22px;
}

.tiko-legacy-card-head {
    margin-block-end: 16px;
    padding-block-end: 11px;
    border-bottom: 1px solid #ededf0;
}

.tiko-legacy-grid,
.tiko-legacy-grid-2,
.tiko-legacy-stat-grid,
.tiko-legacy-form-grid,
.tiko-legacy-definition-list {
    display: grid;
    gap: 14px;
}

.tiko-legacy-grid,
.tiko-legacy-grid-2,
.tiko-legacy-form-grid,
.tiko-legacy-definition-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tiko-legacy-stat-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tiko-legacy-stat {
    min-width: 0;
    min-height: 82px;
    padding: 14px 16px;
    display: grid;
    align-content: center;
    gap: 4px;
    border: 0;
    border-radius: 9px;
    background: #4389c8;
    color: #fff;
}

.tiko-legacy-stat:nth-child(4n + 1) { background: #71aa36; }
.tiko-legacy-stat:nth-child(4n + 2) { background: #56a5bf; }
.tiko-legacy-stat:nth-child(4n + 3) { background: #a751a5; }
.tiko-legacy-stat:nth-child(4n + 4) { background: #df7440; }

.tiko-legacy-stat span,
.tiko-legacy-stat small {
    color: rgba(255, 255, 255, 0.86);
    font-size: 10px;
}

.tiko-legacy-stat strong {
    color: #fff;
    font-size: 18px;
}

.tiko-legacy-form,
.tiko-legacy-inline-form,
.tiko-legacy-mini-form,
.tiko-legacy-filter {
    margin: 0;
}

.tiko-legacy-form,
.tiko-legacy-filter {
    display: grid;
    gap: 14px;
}

.tiko-legacy-filter {
    grid-template-columns: repeat(3, minmax(160px, 1fr)) auto;
    align-items: end;
}

.tiko-legacy-form label,
.tiko-legacy-filter label,
.tiko-legacy-inline-form label {
    min-width: 0;
    display: grid;
    gap: 6px;
    color: #55565d;
    font-size: 11px;
    font-weight: 700;
}

.tiko-legacy-form input,
.tiko-legacy-form select,
.tiko-legacy-form textarea,
.tiko-legacy-filter input,
.tiko-legacy-filter select,
.tiko-legacy-inline-form input,
.tiko-legacy-inline-form select,
.tiko-legacy-inline-form textarea {
    width: 100%;
    max-width: 100%;
    min-height: 43px;
    padding: 8px 11px;
    border: 1px solid #dfe1e6;
    border-radius: 5px;
    background: #fff;
    color: #4d4e54;
    font: inherit;
}

.tiko-legacy-form textarea,
.tiko-legacy-inline-form textarea {
    min-height: 105px;
    resize: vertical;
}

.tiko-legacy-form input:focus,
.tiko-legacy-form select:focus,
.tiko-legacy-form textarea:focus,
.tiko-legacy-filter input:focus,
.tiko-legacy-filter select:focus,
.tiko-legacy-inline-form input:focus,
.tiko-legacy-inline-form select:focus,
.tiko-legacy-inline-form textarea:focus {
    border-color: #8e9bd5;
    outline: 2px solid rgba(30, 47, 157, 0.12);
}

.tiko-legacy-form .is-wide,
.tiko-legacy-form-grid .is-wide,
.tiko-legacy-help.is-wide {
    grid-column: 1 / -1;
}

.tiko-legacy-button {
    min-height: 39px;
    padding: 7px 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 5px;
    background: var(--tiko-panel-blue);
    color: #fff !important;
    font: inherit;
    font-weight: 700;
    line-height: 1.5;
    cursor: pointer;
}

.tiko-legacy-button:hover,
.tiko-legacy-button:focus-visible {
    background: #172679;
}

.tiko-legacy-button.is-secondary {
    border: 1px solid #dfe2ef;
    background: #eef0f7;
    color: var(--tiko-panel-blue) !important;
}

.tiko-legacy-button.is-danger {
    background: #c63d48;
    color: #fff !important;
}

.tiko-legacy-button.is-success {
    background: #61b585;
    color: #fff !important;
}

.tiko-legacy-button.is-success:hover,
.tiko-legacy-button.is-success:focus-visible {
    background: #4c9d70;
}

.tiko-legacy-button.is-small {
    min-height: 31px;
    padding: 5px 10px;
    font-size: 10px;
}

.tiko-legacy-provider-toolbar,
.tiko-legacy-list-toolbar {
    min-width: 0;
    padding: 13px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    border: 1px solid rgba(34, 35, 50, 0.08);
    border-radius: 7px;
    background: #fff;
    box-shadow: 0 0 15px -8px rgba(0, 0, 0, 0.2);
}

.tiko-legacy-provider-filters {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
}

.tiko-legacy-provider-filter.is-active-filter,
.tiko-legacy-provider-filter.is-active-filter:hover,
.tiko-legacy-provider-filter.is-active-filter:focus-visible {
    border: 1px solid #a9dfc4;
    background: #eef9f3;
    color: #18784c !important;
}

.tiko-legacy-provider-filter.is-disabled-filter,
.tiko-legacy-provider-filter.is-disabled-filter:hover,
.tiko-legacy-provider-filter.is-disabled-filter:focus-visible {
    border: 1px solid #f0b7bc;
    background: #fff1f2;
    color: #ac303b !important;
}

.tiko-legacy-provider-filter.is-current {
    box-shadow: inset 0 0 0 2px currentColor;
}

.tiko-legacy-provider-editor {
    display: grid;
    grid-template-columns: minmax(0, 2.1fr) minmax(240px, 0.9fr);
    align-items: stretch;
    gap: 18px;
}

.tiko-legacy-provider-editor > .tiko-legacy-card {
    margin: 0;
}

.tiko-legacy-provider-form-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
}

.tiko-legacy-provider-form-grid label {
    min-width: 0;
    display: grid;
    gap: 6px;
}

.tiko-legacy-provider-form-grid small {
    color: #8b8d94;
    font-size: 10px;
    font-weight: 400;
}

.tiko-legacy-provider-form .tiko-legacy-form-actions {
    width: 100%;
}

.tiko-legacy-provider-form .tiko-legacy-form-actions .tiko-legacy-button {
    width: 100%;
    min-height: 42px;
}

.tiko-legacy-provider-back {
    color: #85878d;
    font-size: 10px;
    font-weight: 700;
}

.tiko-legacy-provider-guide {
    min-height: 100%;
    display: grid;
    align-content: center;
    justify-items: center;
    text-align: center;
    overflow: hidden;
}

.tiko-legacy-provider-guide img {
    width: min(100%, 270px);
    height: auto;
    margin-block-end: 16px;
    display: block;
}

.tiko-legacy-provider-guide h3 {
    margin: 0 0 7px;
    color: #4b4d53;
    font-size: 15px;
}

.tiko-legacy-provider-guide p {
    max-width: 250px;
    margin: 0;
    color: #92949b;
    font-size: 10px;
    line-height: 1.9;
}

.tiko-legacy-provider-toolbar {
    direction: rtl;
}

.tiko-legacy-provider-add {
    min-height: 36px;
    padding: 7px 17px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 0;
    border-radius: 4px;
    background: #ececec;
    color: #7f8187 !important;
    font-size: 11px;
    font-weight: 700;
}

.tiko-legacy-provider-add:hover,
.tiko-legacy-provider-add:focus-visible {
    background: #e2e2e2;
    color: #55575d !important;
}

.tiko-legacy-provider-filter.is-all-filter {
    min-height: 31px;
    padding: 5px 12px;
    display: inline-flex;
    align-items: center;
    border: 1px solid #d9dbe2;
    border-radius: 4px;
    background: #fff;
    color: #666970 !important;
    font-size: 10px;
    font-weight: 700;
}

.tiko-legacy-provider-list-card {
    padding: 0 !important;
    overflow: hidden;
}

.tiko-legacy-provider-list-head {
    min-height: 81px;
    margin: 0;
    padding: 24px 30px;
    border-bottom: 0;
}

.tiko-legacy-provider-list-head .dashicons {
    color: #4fbfc0;
    font-size: 22px;
}

.tiko-legacy-provider-list-card > .tiko-legacy-table-wrap {
    width: calc(100% - 60px);
    margin: 0 30px 30px;
}

.tiko-legacy-provider-list-card .tiko-legacy-table {
    min-width: 1050px;
}

.tiko-legacy-provider-list-card .tiko-legacy-table th,
.tiko-legacy-provider-list-card .tiko-legacy-table td {
    padding: 12px 10px;
    vertical-align: middle;
}

.tiko-legacy-provider-list-card .tiko-legacy-table th {
    background: #f8f8f9;
    color: #707278;
    font-size: 10px;
    font-weight: 700;
    text-align: center;
}

.tiko-legacy-provider-list-card .tiko-legacy-table td {
    color: #65676d;
    text-align: center;
}

.tiko-legacy-provider-list-card .tiko-legacy-table td:nth-child(2),
.tiko-legacy-provider-list-card .tiko-legacy-table td:nth-child(4) {
    text-align: right;
}

.tiko-legacy-provider-description {
    width: 170px;
    max-width: 170px;
    color: #8a8c92 !important;
    line-height: 1.75;
}

.tiko-legacy-provider-switch-form,
.tiko-legacy-provider-icon-form {
    margin: 0;
    display: inline-flex;
}

.tiko-legacy-provider-switch {
    width: 38px;
    height: 20px;
    padding: 2px;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    border: 0;
    border-radius: 999px;
    background: #d6d8dd;
    cursor: pointer;
    transition: background-color 0.16s ease;
}

/* The public theme gives enabled submit buttons its primary CTA dimensions.
 * Provider state controls are compact switches, so keep their Kando-style
 * geometry authoritative even when the control submits a form. */
.tiko-kando-app .tiko-legacy-provider-switch-form .tiko-legacy-provider-switch {
    width: 38px !important;
    min-width: 38px !important;
    height: 20px !important;
    min-height: 20px !important;
    padding: 2px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #d6d8dd !important;
    box-shadow: none !important;
    line-height: 1 !important;
}

.tiko-kando-app .tiko-legacy-provider-switch-form .tiko-legacy-provider-switch.is-on {
    background: #4bc8ad !important;
}

.tiko-kando-app .tiko-legacy-provider-switch-form .tiko-legacy-provider-switch > span {
    width: 16px !important;
    min-width: 16px !important;
    height: 16px !important;
    min-height: 16px !important;
    padding: 0 !important;
}

.tiko-legacy-provider-switch > span {
    width: 16px;
    height: 16px;
    display: block;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.22);
    transform: translateX(0);
    transition: transform 0.16s ease;
}

.tiko-legacy-provider-switch.is-on {
    background: #4bc8ad;
}

.tiko-legacy-provider-switch.is-on > span {
    transform: translateX(-18px);
}

.tiko-legacy-provider-switch:disabled {
    opacity: 0.52;
    cursor: not-allowed;
}

.tiko-legacy-provider-actions {
    min-width: 214px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    direction: rtl;
}

.tiko-legacy-provider-icon {
    width: 31px;
    height: 31px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 4px;
    background: #777;
    color: #fff !important;
    cursor: pointer;
    box-shadow: none;
}

.tiko-legacy-provider-icon .dashicons {
    width: 17px;
    height: 17px;
    font-size: 17px;
    line-height: 17px;
}

.tiko-legacy-provider-icon.is-test { background: #55b9ca; }
.tiko-legacy-provider-icon.is-test.is-tested { box-shadow: inset 0 0 0 2px #20825f; }
.tiko-legacy-provider-icon.is-edit { background: #e5a343; }
.tiko-legacy-provider-icon.is-balance { background: #4d91ce; }
.tiko-legacy-provider-icon.is-sync { background: #69ad5b; }
.tiko-legacy-provider-icon.is-services { background: #755fc2; }
.tiko-legacy-provider-icon.is-delete { background: #dd5d61; }

.tiko-legacy-provider-icon:hover,
.tiko-legacy-provider-icon:focus-visible {
    color: #fff !important;
    filter: brightness(0.91);
    outline: 2px solid rgba(38, 50, 90, 0.18);
    outline-offset: 2px;
}

.tiko-legacy-provider-pagination {
    padding: 0 30px 25px;
    display: flex;
    justify-content: center;
    gap: 6px;
}

.tiko-legacy-provider-pagination a {
    min-width: 31px;
    min-height: 31px;
    padding: 5px 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e1e2e6;
    border-radius: 4px;
    background: #fff;
    color: #686a70;
}

.tiko-legacy-provider-pagination a.is-current {
    border-color: #66b787;
    background: #66b787;
    color: #fff;
}

.tiko-legacy-provider-floating-add {
    position: fixed;
    left: 24px;
    bottom: 24px;
    z-index: 20;
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #53b97b;
    color: #fff !important;
    box-shadow: 0 8px 22px rgba(35, 95, 60, 0.28);
}

.tiko-kando-service-navigation,
.tiko-kando-service-member-navigation {
    min-height: 48px;
    margin-block-end: 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.tiko-kando-service-nav-button {
    min-height: 39px;
    padding: 8px 17px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    color: #fff !important;
    font-size: 11px;
    font-weight: 800;
}

.tiko-kando-service-nav-button.is-add {
    background: #e8e8e9;
    color: #77787e !important;
}

.tiko-kando-service-nav-button.is-all {
    background: #5ea9e9;
}

.tiko-kando-service-member-navigation {
    justify-content: flex-start;
}

.tiko-kando-service-member-navigation a {
    color: var(--tiko-panel-blue);
    font-weight: 800;
}

.tiko-kando-service-directory,
.tiko-legacy-provider-catalog-intro {
    min-width: 0;
    min-height: 350px;
    display: grid;
    grid-template-columns: minmax(280px, 0.88fr) minmax(0, 1.35fr);
    grid-template-areas: "help copy";
    align-items: start;
    gap: 46px;
    direction: ltr;
}

.tiko-kando-service-picker-copy,
.tiko-legacy-provider-catalog-copy {
    grid-area: copy;
    min-width: 0;
    padding: 22px 8px 30px;
    direction: rtl;
}

.tiko-kando-service-picker-copy h1,
.tiko-legacy-provider-catalog-copy h1 {
    margin: 0 0 12px;
    color: #4c4d53;
    font-size: 25px;
    font-weight: 900;
    line-height: 1.65;
}

.tiko-kando-service-picker-copy > p,
.tiko-legacy-provider-catalog-copy > p {
    margin: 0 0 30px;
    color: #5e6067;
    font-size: 13px;
    font-weight: 600;
}

.tiko-kando-service-picker-form,
.tiko-legacy-provider-catalog-form {
    display: grid;
    gap: 24px;
}

.tiko-legacy-provider-catalog-form label {
    margin-block-end: -16px;
    color: #66676d;
    font-size: 11px;
    font-weight: 700;
}

.tiko-kando-service-picker-form select,
.tiko-legacy-provider-catalog-form select {
    width: 100%;
    min-height: 50px;
    padding: 9px 14px;
    border: 1px solid #dedfe4;
    border-radius: 4px;
    background: #fff;
    color: #696b72;
    font: inherit;
}

.tiko-kando-service-picker-form .tiko-kando-service-picker-submit,
.tiko-legacy-provider-catalog-submit {
    width: min(340px, 100%);
    min-height: 53px;
    padding: 10px 22px;
    justify-self: end;
    border: 0;
    border-radius: 6px;
    background: #38a838;
    color: #fff;
    font: inherit;
    font-size: 13px;
    font-weight: 900;
    cursor: pointer;
}

.tiko-kando-service-picker-form .tiko-kando-service-picker-submit:hover,
.tiko-kando-service-picker-form .tiko-kando-service-picker-submit:focus-visible,
.tiko-legacy-provider-catalog-submit:hover,
.tiko-legacy-provider-catalog-submit:focus-visible {
    background: #2f9230;
}

.tiko-kando-service-help,
.tiko-legacy-provider-catalog-help {
    grid-area: help;
    min-width: 0;
    overflow: hidden;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 3px 16px rgba(32, 34, 44, 0.08);
    direction: rtl;
}

.tiko-kando-service-help img,
.tiko-legacy-provider-catalog-help img {
    width: 100%;
    height: 245px;
    padding: 22px 25px 0;
    display: block;
    object-fit: contain;
}

.tiko-kando-service-help ul,
.tiko-legacy-provider-catalog-help ul {
    margin: 0;
    padding: 17px 42px 22px 24px;
    border-top: 1px solid #f0f0f2;
    color: #55565d;
    font-size: 12px;
    font-weight: 700;
}

.tiko-kando-service-help li::marker,
.tiko-legacy-provider-catalog-help li::marker {
    color: #8d81e6;
}

.tiko-kando-service-navigation {
    margin-block-end: 10px;
}

.tiko-kando-service-directory {
    min-height: 0;
    grid-template-columns: minmax(280px, 5fr) minmax(0, 7fr);
    gap: 40px;
}

.tiko-kando-service-picker-copy {
    padding: 0;
}

.tiko-kando-service-picker-copy h1 {
    font-size: 24px;
}

.tiko-kando-service-picker-copy > p {
    font-size: 15px;
    line-height: 1.8;
}

.tiko-kando-service-picker-form .tiko-kando-service-picker-submit {
    width: min(calc(50% - 8px), 100%);
    justify-self: start;
}

.tiko-kando-service-help {
    padding: 30px;
}

.tiko-kando-service-help img {
    height: auto;
    padding: 0;
}

.tiko-kando-service-help ul {
    margin: 25px 0 0;
    padding: 0;
    border-top: 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.8;
}

/*
 * Service editor parity with the familiar Kando panel.  The original editor
 * used two floated Bootstrap-like columns whose widths totalled 11/12.  The
 * explicit third grid track below preserves that intentional empty twelfth
 * without making the modern markup depend on legacy float utilities.
 */
.tiko-kando-content .tiko-kando-service-editor {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: #7f8187;
    direction: rtl;
}

.tiko-kando-content .tiko-kando-editor-grid {
    min-width: 0;
    margin-inline: -20px;
    display: grid;
    grid-template-columns: minmax(0, 5fr) minmax(0, 6fr) minmax(0, 1fr);
    align-items: start;
    direction: ltr;
}

.tiko-kando-content .tiko-kando-editor-pricing,
.tiko-kando-content .tiko-kando-editor-main {
    min-width: 0;
    padding-inline: 20px;
    direction: rtl;
}

.tiko-kando-content .tiko-kando-editor-pricing {
    grid-column: 1;
}

.tiko-kando-content .tiko-kando-editor-main {
    grid-column: 2;
}

.tiko-kando-content .tiko-kando-editor-help {
    min-height: 0;
    padding: 30px;
    border-radius: 3px;
    background-color: #fff;
    background-image: url("kando-editor-help-bg.png");
    background-position: right bottom;
    background-repeat: no-repeat;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    color: #55575c;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.8;
}

.tiko-kando-content .tiko-kando-editor-help ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.tiko-kando-content .tiko-kando-editor-help li {
    position: relative;
    margin: 0 0 15px;
    padding-inline-start: 25px;
}

.tiko-kando-content .tiko-kando-editor-help li:last-child {
    margin-block-end: 0;
}

.tiko-kando-content .tiko-kando-editor-help li::before {
    content: "";
    position: absolute;
    inset-block-start: 9px;
    inset-inline-start: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #8c7ce5;
}

.tiko-kando-content .tiko-kando-editor-title {
    margin: 0 0 10px;
    color: #46484d;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.5;
}

.tiko-kando-content .tiko-kando-editor-subtitle {
    display: block;
    margin: 0 0 30px;
    color: #66686e;
    font-size: 15px;
    line-height: 1.8;
}

.tiko-kando-content .tiko-kando-editor-fields {
    min-width: 0;
}

.tiko-kando-content .tiko-kando-emoji-field {
    position: relative;
    min-width: 0;
}

.tiko-kando-content .tiko-kando-emoji-field > input {
    padding-inline-end: 48px !important;
}

.tiko-kando-content .tiko-kando-emoji-field > button {
    position: absolute;
    z-index: 1;
    inset-block-start: 7px;
    inset-inline-end: 7px;
    width: 34px;
    min-width: 34px;
    height: 34px;
    min-height: 34px;
    padding: 0;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 3px;
    background: transparent;
    color: #a0a1a5;
    cursor: pointer;
}

.tiko-kando-content .tiko-kando-emoji-field > button:hover,
.tiko-kando-content .tiko-kando-emoji-field > button:focus-visible {
    background: #f5f4fb;
    color: #8c7ce5;
}

.tiko-kando-content .tiko-kando-emoji-picker {
    position: absolute;
    z-index: 30;
    inset-block-start: 45px;
    inset-inline-end: 0;
    width: 238px;
    padding: 9px;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 4px;
    border: 1px solid #ededed;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(34, 35, 50, 0.14);
}

.tiko-kando-content .tiko-kando-emoji-picker button {
    width: 32px;
    min-width: 32px;
    height: 32px;
    min-height: 32px;
    padding: 0;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 3px;
    background: transparent;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
}

.tiko-kando-content .tiko-kando-emoji-picker button:hover,
.tiko-kando-content .tiko-kando-emoji-picker button:focus-visible {
    background: #f2f1fa;
    outline: 0;
}

.tiko-kando-content .tiko-kando-editor-fields > label,
.tiko-kando-content .tiko-kando-editor-fields .tiko-kando-field > label,
.tiko-kando-content .tiko-kando-editor-fields .tiko-kando-field-label,
.tiko-kando-content .tiko-kando-description > label,
.tiko-kando-content .tiko-kando-original-price > label {
    display: block;
    margin: 0;
    color: #66686e;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.8;
}

.tiko-kando-content .tiko-kando-service-editor input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.tiko-kando-content .tiko-kando-service-editor select,
.tiko-kando-content .tiko-kando-service-editor textarea {
    width: 100%;
    min-width: 0;
    min-height: 48px;
    margin: 0 0 10px;
    padding: 13px 15px;
    border: 1px solid #ededed;
    border-radius: 3px;
    background-color: #fff;
    color: #7f8187;
    font: inherit;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    box-shadow: none;
    transition: color 150ms ease, background-color 150ms ease, border-color 150ms ease;
}

.tiko-kando-content .tiko-kando-service-editor textarea {
    min-height: 150px;
    resize: vertical;
}

.tiko-kando-content .tiko-kando-service-editor input::placeholder,
.tiko-kando-content .tiko-kando-service-editor textarea::placeholder {
    color: #7f8187;
    opacity: 1;
}

.tiko-kando-content .tiko-kando-service-editor input:focus,
.tiko-kando-content .tiko-kando-service-editor select:focus,
.tiko-kando-content .tiko-kando-service-editor textarea:focus {
    outline: 0;
    border-color: #c9c3ee;
    box-shadow: 0 0 0 2px rgba(140, 124, 229, 0.12);
}

.tiko-kando-content .tiko-kando-service-editor input:disabled,
.tiko-kando-content .tiko-kando-service-editor select:disabled,
.tiko-kando-content .tiko-kando-service-editor textarea:disabled {
    background: #f3f3f4;
    color: #999ba0;
    opacity: 1;
}

.tiko-kando-content .tiko-kando-service-editor input[type="checkbox"],
.tiko-kando-content .tiko-kando-service-editor input[type="radio"] {
    width: 24px;
    min-width: 24px;
    height: 24px;
    min-height: 24px;
    margin: 0;
    padding: 0;
    border: 1px solid #dedfe3;
    accent-color: #ff5588;
    appearance: auto;
}

.tiko-kando-content .tiko-kando-service-editor .tiko-kando-check-row,
.tiko-kando-content .tiko-kando-service-editor .tiko-kando-free-toggle,
.tiko-kando-content .tiko-kando-service-editor .tiko-kando-link-option {
    min-height: 38px;
    margin: 7px 0;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #55575c;
    font-size: 14px;
}

.tiko-kando-content .tiko-kando-service-editor .tiko-kando-check-row label,
.tiko-kando-content .tiko-kando-service-editor .tiko-kando-free-toggle label,
.tiko-kando-content .tiko-kando-service-editor .tiko-kando-link-option label {
    margin: 0;
    padding: 0;
}

.tiko-kando-content .tiko-kando-minmax,
.tiko-kando-content .tiko-kando-service-editor [data-tiko-api-fields],
.tiko-kando-content .tiko-kando-service-editor [data-tiko-refill-fields],
.tiko-kando-content .tiko-kando-service-editor [data-tiko-package-fields] {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 40px;
}

.tiko-kando-content .tiko-kando-service-editor [data-tiko-package-fields] {
    grid-template-columns: minmax(0, 1fr);
}

.tiko-kando-content .tiko-kando-service-editor [hidden] {
    display: none !important;
}

.tiko-kando-content .tiko-kando-original-price {
    min-width: 0;
    margin-block-start: 15px;
}

.tiko-kando-content .tiko-kando-original-price-controls,
.tiko-kando-content .tiko-kando-original-price-control,
.tiko-kando-content .tiko-kando-original-price > .tiko-kando-field-control {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.tiko-kando-content .tiko-kando-original-price-controls > input,
.tiko-kando-content .tiko-kando-original-price-control > input,
.tiko-kando-content .tiko-kando-original-price > .tiko-kando-field-control > input {
    flex: 1 1 auto;
}

.tiko-kando-content .tiko-kando-original-price-controls > select,
.tiko-kando-content .tiko-kando-original-price-control > select,
.tiko-kando-content .tiko-kando-original-price > .tiko-kando-field-control > select {
    width: 115px;
    flex: 0 0 115px;
}

.tiko-kando-content [data-tiko-purchase-currency-label] {
    min-width: 92px;
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #46484d;
    font-size: 20px;
    font-weight: 600;
}

.tiko-kando-content [data-tiko-purchase-converted] {
    color: #55575c;
    font-weight: 700;
}

.tiko-kando-content .tiko-kando-converted-price {
    min-height: 27px;
    margin: 0;
    display: block;
    color: #55575c;
    font-size: 13px;
    line-height: 2;
}

.tiko-kando-content .tiko-kando-free-toggle {
    margin-block-start: 15px;
}

.tiko-kando-content .tiko-kando-free-quota,
.tiko-kando-content [data-tiko-free-quota] {
    margin-block: 2px 15px;
    display: grid;
    grid-template-columns: auto 82px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    color: #55575c;
    font-size: 14px;
}

.tiko-kando-content .tiko-kando-free-quota input,
.tiko-kando-content [data-tiko-free-quota] input {
    margin-block-end: 0 !important;
}

.tiko-kando-content .tiko-kando-pricing-matrix {
    min-width: 0;
    margin-block-start: 15px;
    overflow-x: auto;
    color: #55575c;
    scrollbar-width: thin;
}

.tiko-kando-content .tiko-kando-pricing-head,
.tiko-kando-content .tiko-kando-pricing-row {
    min-width: 420px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: center;
    gap: 0;
}

.tiko-kando-content .tiko-kando-pricing-head {
    min-height: 72px;
    font-size: 13px;
    line-height: 1.8;
    text-align: center;
}

.tiko-kando-content .tiko-kando-pricing-row.is-head {
    min-height: 72px;
    font-size: 13px;
    line-height: 1.8;
    text-align: center;
}

.tiko-kando-content .tiko-kando-pricing-row {
    min-height: 74px;
    font-size: 13px;
    line-height: 1.8;
}

.tiko-kando-content .tiko-kando-pricing-head > *,
.tiko-kando-content .tiko-kando-pricing-row > * {
    min-width: 0;
    padding-inline: 5px;
}

.tiko-kando-content .tiko-kando-pricing-row input {
    margin-block-end: 0 !important;
}

.tiko-kando-content .tiko-kando-pricing-row > :first-child {
    color: #55575c;
    text-align: center;
}

.tiko-kando-content .tiko-kando-pricing-row > :first-child small {
    display: block;
    font-size: 12px;
}

.tiko-kando-content .tiko-kando-pricing-row [data-tiko-price-preview] {
    display: inline;
    color: #55575c;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

.tiko-kando-content .tiko-kando-other-link-toggle {
    min-height: 35px;
    padding: 5px 12px;
    border: 1px solid #ededed;
    border-radius: 3px;
    background: #fff;
    color: #66686e;
    font: inherit;
    font-size: 11px;
    cursor: pointer;
}

.tiko-kando-content .tiko-kando-show-link-types {
    min-height: 35px;
    margin-block: 8px;
    padding: 5px 12px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border: 0;
    border-radius: 15px;
    background: #3e9e38;
    color: #fff;
    font: inherit;
    font-size: 11px;
    cursor: pointer;
}

.tiko-kando-content .tiko-kando-link-types {
    margin: 5px 0 15px;
    padding: 0;
    border: 0;
}

.tiko-kando-content .tiko-kando-link-types > legend {
    margin-block-end: 6px;
    color: #66686e;
    font-size: 11px;
}

.tiko-kando-content .tiko-kando-link-types label {
    min-height: 34px;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 9px;
    color: #55575c;
    font-size: 13px;
}

.tiko-kando-content .tiko-kando-link-types fieldset {
    margin: 0;
    padding: 8px 12px;
    border: 0;
}

.tiko-kando-content .tiko-kando-link-types fieldset legend {
    color: #66686e;
    font-size: 11px;
}

.tiko-kando-content .tiko-kando-service-editor [data-tiko-other-link-types] {
    margin-block: 10px 14px;
    padding: 12px 15px;
    border: 1px solid #ededed;
    border-radius: 3px;
    background: #fff;
}

.tiko-kando-content .tiko-kando-service-editor .wp-editor-wrap {
    margin-block: 4px 15px;
}

.tiko-kando-content .tiko-kando-service-editor .wp-editor-container {
    border-color: #ededed;
}

.tiko-kando-content .tiko-kando-editor-submit,
.tiko-kando-content .tiko-kando-service-editor button[type="submit"] {
    min-width: 150px;
    min-height: 44px;
    padding: 10px 24px;
    border: 0;
    border-radius: 3px;
    background: #ff5588;
    color: #fff;
    font: inherit;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}

.tiko-kando-content .tiko-kando-editor-submit:hover,
.tiko-kando-content .tiko-kando-editor-submit:focus-visible,
.tiko-kando-content .tiko-kando-service-editor button[type="submit"]:hover,
.tiko-kando-content .tiko-kando-service-editor button[type="submit"]:focus-visible {
    background: #f0477b;
}

.tiko-kando-content .tiko-kando-service-editor .tiko-kando-submit {
    width: calc(50% - 8px);
    min-width: 0;
    min-height: 52px;
    margin-block-start: 15px;
    padding: 14px 20px;
    border-radius: 15px;
    background: #3e9e38;
}

.tiko-kando-content .tiko-kando-service-editor .tiko-kando-submit:hover,
.tiko-kando-content .tiko-kando-service-editor .tiko-kando-submit:focus-visible {
    background: #348930;
}

.tiko-service-groups.is-kando-directory-result {
    margin-block-start: 10px;
}

.tiko-service-groups.is-kando-directory-result .tiko-service-category-head {
    justify-content: center;
    text-align: center;
}

.tiko-legacy-category-toolbar {
    justify-content: flex-start;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.tiko-legacy-category-list {
    position: relative;
    padding: 0;
    overflow: hidden;
}

.tiko-legacy-category-list-head {
    min-height: 68px;
    margin: 0;
    padding: 18px 24px;
    border-bottom: 1px solid #ededf0;
}

.tiko-legacy-category-list-head h2,
.tiko-legacy-category-name,
.tiko-legacy-category-brand {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.tiko-legacy-category-list-head .dashicons,
.tiko-legacy-category-name .dashicons,
.tiko-legacy-category-brand .dashicons {
    color: #7771cb;
}

.tiko-legacy-category-list .tiko-legacy-table-wrap {
    border: 0;
    border-radius: 0;
}

.tiko-legacy-category-list .tiko-legacy-table th,
.tiko-legacy-category-list .tiko-legacy-table td {
    padding: 14px 13px;
    vertical-align: middle;
}

.tiko-legacy-category-switch {
    width: 39px;
    height: 23px;
    padding: 0;
    display: inline-grid;
    place-items: center;
    border: 0;
    border-radius: 999px;
    background: #d6d8de;
    color: #fff;
    cursor: pointer;
}

.tiko-legacy-category-switch.is-active {
    background: #6ac783;
}

.tiko-legacy-category-switch .dashicons {
    width: 16px;
    height: 16px;
    font-size: 16px;
}

.tiko-legacy-category-actions {
    justify-content: flex-start;
}

.tiko-legacy-category-action {
    width: 32px;
    height: 32px;
    padding: 0;
    display: inline-grid;
    place-items: center;
    border: 0;
    border-radius: 4px;
    color: #fff !important;
    cursor: pointer;
}

.tiko-legacy-category-action.is-edit {
    background: #6f77cd;
}

.tiko-legacy-category-action.is-delete {
    background: #57b7c3;
}

.tiko-legacy-category-action .dashicons {
    width: 16px;
    height: 16px;
    font-size: 16px;
}

.tiko-legacy-catalog-floating-add {
    position: fixed;
    z-index: 20;
    left: 24px;
    bottom: 24px;
    width: 48px;
    height: 48px;
    display: inline-grid;
    place-items: center;
    border-radius: 50%;
    background: #ef4f80;
    color: #fff !important;
    box-shadow: 0 8px 22px rgba(142, 43, 82, 0.28);
}

.tiko-legacy-catalog-editor {
    display: grid;
    grid-template-columns: minmax(0, 2.1fr) minmax(240px, 0.9fr);
    align-items: stretch;
    gap: 18px;
}

.tiko-legacy-catalog-editor-card {
    min-width: 0;
}

.tiko-legacy-catalog-editor-head {
    margin-block-end: 18px;
    padding-block-end: 14px;
    border-bottom: 1px solid #ededf0;
}

.tiko-legacy-catalog-editor-head h2 {
    margin: 0;
    color: #45464c;
    font-size: 17px;
    line-height: 1.8;
}

.tiko-legacy-catalog-editor-head p {
    margin: 3px 0 0;
    color: #92949b;
    font-size: 10px;
}

.tiko-legacy-catalog-form {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
}

.tiko-legacy-catalog-form > label,
.tiko-legacy-editor-field {
    min-width: 0;
    display: grid;
    gap: 6px;
}

.tiko-legacy-catalog-form .tiko-legacy-form-actions,
.tiko-legacy-catalog-form .tiko-legacy-form-actions .tiko-legacy-button {
    width: 100%;
}

.tiko-legacy-icon-reference {
    margin: -6px 0 0;
    padding: 10px 12px;
    border: 1px dashed #d9dce4;
    border-radius: 5px;
    background: #fafafd;
    font-size: 10px;
}

.tiko-legacy-icon-reference a {
    color: var(--tiko-panel-blue);
    font-weight: 700;
}

.tiko-legacy-catalog-guide {
    min-height: 100%;
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 14px;
    overflow: hidden;
}

.tiko-legacy-catalog-guide img {
    width: min(100%, 270px);
    height: auto;
    display: block;
}

.tiko-legacy-catalog-guide ul {
    width: 100%;
    margin: 0;
    padding: 0 20px 0 0;
    color: #7c7e85;
    font-size: 10px;
    line-height: 1.95;
}

.tiko-legacy-catalog-guide code {
    direction: ltr;
    unicode-bidi: isolate;
}

.tiko-legacy-catalog-icon {
    font-size: 20px;
    text-align: center;
}

.tiko-legacy-catalog-icon i,
.tiko-legacy-category-name > i,
.tiko-legacy-category-brand > i {
    min-width: 22px;
    color: #7771cb;
    font-size: 20px;
    line-height: 1;
    text-align: center;
}

.tiko-legacy-link-types {
    min-width: 0;
    margin: 2px 0;
    padding: 14px;
    display: grid;
    gap: 12px;
    border: 1px solid #e1e3e8;
    border-radius: 6px;
}

.tiko-legacy-link-types > legend,
.tiko-legacy-link-type-groups legend {
    padding-inline: 6px;
    color: #5b5d64;
    font-size: 11px;
    font-weight: 700;
}

.tiko-legacy-link-types label,
.tiko-legacy-link-option {
    width: auto;
    min-height: 24px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 10px;
    font-weight: 600;
}

.tiko-legacy-link-types input[type="radio"],
.tiko-legacy-publish-check input[type="checkbox"] {
    width: 17px;
    min-width: 17px;
    height: 17px;
    min-height: 17px;
    margin: 0;
    padding: 0;
}

.tiko-legacy-show-link-types {
    width: fit-content;
    min-height: 36px;
    padding: 7px 13px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 0;
    border-radius: 5px;
    background: #61b585;
    color: #fff;
    font: inherit;
    font-size: 10px;
    font-weight: 700;
    cursor: pointer;
}

.tiko-legacy-link-type-groups {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.tiko-legacy-link-type-groups[hidden] {
    display: none;
}

.tiko-legacy-link-type-groups > fieldset {
    min-width: 0;
    padding: 11px;
    display: grid;
    gap: 8px;
    border: 1px dashed #dfe1e6;
    border-radius: 5px;
}

.tiko-legacy-editor-field > label {
    color: #55565d;
    font-size: 11px;
    font-weight: 700;
}

.tiko-legacy-editor-field .wp-editor-wrap,
.tiko-legacy-editor-field .wp-editor-container {
    max-width: 100%;
}

.tiko-legacy-provider-rate-hint,
.tiko-legacy-preserved-notice {
    margin: 0;
    padding: 10px 12px;
    border: 1px solid #e0e3ed;
    border-radius: 5px;
    background: #f8f9fc;
    color: #777a84;
    font-size: 10px;
    line-height: 1.8;
}

.tiko-legacy-notification-alert-fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    padding: 14px;
    border: 1px dashed #dfd9c2;
    border-radius: 6px;
    background: #fffdf5;
}

.tiko-legacy-notification-alert-fields[hidden] {
    display: none;
}

.tiko-legacy-notification-alert-fields label {
    min-width: 0;
    display: grid;
    gap: 6px;
    color: #55565d;
    font-size: 11px;
    font-weight: 700;
}

.tiko-legacy-publish-check {
    width: fit-content;
    min-height: 34px;
    display: inline-flex !important;
    grid-template-columns: none !important;
    align-items: center;
    gap: 8px !important;
}

.tiko-legacy-notification-advanced {
    padding: 12px 14px;
    border: 1px solid #e2e4ea;
    border-radius: 6px;
    background: #fbfbfd;
}

.tiko-legacy-notification-advanced > summary {
    color: #555861;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
}

.tiko-legacy-notification-advanced > p {
    color: #888b94;
    font-size: 10px;
}

.tiko-legacy-notification-list-card {
    padding: 0;
    overflow: hidden;
}

.tiko-legacy-notification-list-card > .tiko-legacy-card-head {
    margin: 0;
    padding: 20px 24px;
}

.tiko-legacy-notification-cards {
    display: grid;
    border-top: 1px solid #eceef1;
}

.tiko-legacy-notification-row {
    min-width: 0;
    display: flex;
    align-items: stretch;
    border-bottom: 1px solid #eff0f2;
    background: #fff;
}

.tiko-legacy-notification-row:last-child {
    border-bottom: 0;
}

.tiko-legacy-notification-row-link {
    min-width: 0;
    padding: 13px 18px;
    display: grid;
    grid-template-columns: 58px 76px minmax(180px, 1fr) 96px;
    align-items: center;
    gap: 13px;
    flex: 1 1 auto;
    color: #5d5f66 !important;
}

.tiko-legacy-notification-row-link:hover,
.tiko-legacy-notification-row-link:focus-visible {
    background: #fafafd;
}

.tiko-legacy-notification-row time {
    display: grid;
    justify-items: center;
    color: #777981;
}

.tiko-legacy-notification-row time strong {
    font-size: 18px;
}

.tiko-legacy-notification-row time span,
.tiko-legacy-notification-copy small {
    color: #999ba2;
    font-size: 9px;
}

.tiko-legacy-notification-kind {
    padding: 5px 8px;
    border-radius: 4px;
    background: #e9f5fb;
    color: #3785ad;
    font-size: 9px;
    font-weight: 700;
    text-align: center;
}

.tiko-legacy-notification-kind.is-warning {
    background: #fff1d6;
    color: #9b6b18;
}

.tiko-legacy-notification-copy {
    min-width: 0;
    display: grid;
    gap: 3px;
}

.tiko-legacy-notification-copy strong,
.tiko-legacy-notification-copy small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tiko-legacy-notification-state {
    color: #777a82;
    font-size: 10px;
    font-weight: 700;
    text-align: center;
}

.tiko-legacy-notification-delete {
    width: 44px;
    min-width: 44px;
    height: 100%;
    min-height: 72px;
    padding: 0;
    display: inline-grid;
    place-items: center;
    border: 0;
    background: transparent;
    color: #cb5961;
    cursor: pointer;
}

.tiko-legacy-notification-delete:hover,
.tiko-legacy-notification-delete:focus-visible {
    background: #fff1f2;
}

.tiko-legacy-provider-service-groups {
    display: grid;
    gap: 18px;
}

.tiko-legacy-provider-service-group {
    padding: 0;
    overflow: hidden;
}

.tiko-legacy-provider-service-group > .tiko-legacy-card-head {
    min-height: 64px;
    margin: 0;
    padding: 17px 22px;
    justify-content: center;
    text-align: center;
}

.tiko-legacy-provider-service-group .tiko-legacy-table-wrap {
    border: 0;
    border-radius: 0;
}

.tiko-legacy-provider-service-group .tiko-legacy-table {
    min-width: 680px;
}

.tiko-legacy-provider-service-group .tiko-legacy-table th,
.tiko-legacy-provider-service-group .tiko-legacy-table td {
    padding: 13px 16px;
    vertical-align: middle;
}

.tiko-legacy-provider-description summary {
    width: max-content;
    padding: 5px 10px;
    border: 1px solid #dedfe5;
    border-radius: 4px;
    background: #f4f4f6;
    color: #696a70;
    font-weight: 700;
    cursor: pointer;
    list-style: none;
}

.tiko-legacy-provider-description summary::-webkit-details-marker {
    display: none;
}

.tiko-legacy-provider-description p {
    min-width: 260px;
    max-width: 440px;
    margin: 9px 0 0;
    color: #666870;
    line-height: 1.9;
}

.tiko-legacy-provider-service-operation {
    text-align: center !important;
}

.tiko-legacy-provider-service-add {
    width: 34px;
    height: 34px;
    padding: 0;
    display: inline-grid;
    place-items: center;
    border: 0;
    border-radius: 4px;
    background: #ef4f80;
    color: #fff;
    cursor: pointer;
}

.tiko-legacy-provider-service-add:hover,
.tiko-legacy-provider-service-add:focus-visible {
    background: #d93d6c;
}

.tiko-legacy-provider-service-add .dashicons {
    width: 18px;
    height: 18px;
    font-size: 18px;
}

.tiko-legacy-provider-service-dialog {
    width: min(860px, calc(100vw - 32px));
    max-height: calc(100dvh - 44px);
    padding: 0;
    overflow: auto;
    border: 0;
    border-radius: 9px;
    background: #fff;
    color: #55565d;
    box-shadow: 0 22px 70px rgba(24, 28, 44, 0.28);
    direction: rtl;
}

.tiko-legacy-provider-service-dialog::backdrop {
    background: rgba(36, 40, 51, 0.58);
}

.tiko-legacy-provider-dialog-head {
    min-height: 76px;
    padding: 17px 20px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    border-bottom: 1px solid #ededf0;
}

.tiko-legacy-provider-dialog-head h3,
.tiko-legacy-provider-dialog-head p {
    margin: 0;
}

.tiko-legacy-provider-dialog-head h3 {
    color: #46474d;
    font-size: 16px;
}

.tiko-legacy-provider-dialog-head p {
    margin-block-start: 4px;
    color: #8a8b92;
    font-size: 10px;
}

.tiko-legacy-provider-dialog-close {
    width: 32px;
    height: 32px;
    padding: 0;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 50%;
    background: #eef0f4;
    color: #64666d;
    cursor: pointer;
}

.tiko-legacy-provider-service-summary {
    margin: 0;
    padding: 16px 20px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    background: #f8f8fa;
}

.tiko-legacy-provider-service-summary div {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.tiko-legacy-provider-service-summary dt {
    color: #8a8b92;
    font-size: 10px;
}

.tiko-legacy-provider-service-summary dd {
    margin: 0;
    color: #4e5057;
    font-weight: 800;
}

.tiko-legacy-provider-dialog-workflows {
    padding: 20px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.tiko-legacy-provider-dialog-workflows > section {
    min-width: 0;
    padding: 16px;
    border: 1px solid #e5e6ea;
    border-radius: 7px;
}

.tiko-legacy-provider-dialog-workflows h4 {
    margin: 0 0 14px;
    color: #4e5057;
    font-size: 13px;
}

.tiko-legacy-provider-catalog-state {
    text-align: center;
}

.tiko-legacy-provider-catalog-state h2,
.tiko-legacy-provider-catalog-state p {
    margin: 0;
}

.tiko-legacy-provider-catalog-state p {
    margin-block-start: 8px;
    color: var(--tiko-panel-muted);
}

.tiko-legacy-provider-mapping-workspace > summary {
    padding: 3px 0;
    color: #55575d;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.tiko-legacy-provider-mapping-body {
    margin-block-start: 20px;
}

.tiko-legacy-inline-form,
.tiko-legacy-mini-form,
.tiko-legacy-row-actions {
    display: inline-flex;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 7px;
}

.tiko-legacy-inline-form .tiko-legacy-form-actions,
.tiko-legacy-mini-form .tiko-legacy-form-actions {
    display: inline-flex;
}

.tiko-legacy-table-wrap {
    width: 100%;
    overflow-x: auto;
    border: 1px solid #ededf0;
    border-radius: 6px;
    background: #fff;
}

.tiko-legacy-table {
    width: 100%;
    min-width: 720px;
    border-collapse: collapse;
    font-size: 11px;
}

.tiko-legacy-table th,
.tiko-legacy-table td {
    padding: 11px 10px;
    border-bottom: 1px solid #ededf0;
    text-align: right;
    vertical-align: top;
}

.tiko-legacy-table th {
    background: #f6f7f9;
    color: #696a70;
    font-size: 10px;
    white-space: nowrap;
}

.tiko-legacy-table td small {
    margin-block-start: 3px;
    display: block;
    color: var(--tiko-panel-muted);
}

.tiko-legacy-table tbody tr:hover {
    background: #fafbfc;
}

.tiko-legacy-operational-statuses {
    width: 100%;
    margin-block-end: 14px;
    padding: 9px;
    display: flex;
    align-items: stretch;
    gap: 7px;
    overflow-x: auto;
    border: 1px solid rgba(34, 35, 50, 0.08);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 0 15px -8px rgba(0, 0, 0, 0.2);
    scrollbar-width: thin;
}

.tiko-legacy-status-filter {
    --tiko-status-color: #3348b6;
    min-width: 116px;
    min-height: 54px;
    padding: 8px 10px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 7px;
    flex: 1 0 116px;
    border: 1px solid #eceef4;
    border-radius: 6px;
    background: #fafbfc;
    color: #5d5f67 !important;
    text-decoration: none !important;
    transition: border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}

.tiko-legacy-status-filter span {
    font-size: 10px;
    font-weight: 800;
    white-space: nowrap;
}

.tiko-legacy-status-filter strong {
    min-width: 27px;
    height: 27px;
    padding-inline: 6px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tiko-status-color) 13%, white);
    color: var(--tiko-status-color);
    font-size: 11px;
}

.tiko-legacy-status-filter:hover,
.tiko-legacy-status-filter:focus-visible,
.tiko-legacy-status-filter.is-current {
    border-color: var(--tiko-status-color);
    box-shadow: 0 4px 12px color-mix(in srgb, var(--tiko-status-color) 15%, transparent);
    transform: translateY(-1px);
}

.tiko-legacy-status-filter.is-current {
    background: color-mix(in srgb, var(--tiko-status-color) 6%, white);
}

.tiko-legacy-status-filter.is-in_flight,
.tiko-legacy-status-filter.is-cancel_requested {
    --tiko-status-color: #c87b1b;
}

.tiko-legacy-status-filter.is-working {
    --tiko-status-color: #187ea3;
}

.tiko-legacy-status-filter.is-completed {
    --tiko-status-color: #25845b;
}

.tiko-legacy-status-filter.is-partial {
    --tiko-status-color: #7b58b7;
}

.tiko-legacy-status-filter.is-closed_orders,
.tiko-legacy-status-filter.is-canceled,
.tiko-legacy-status-filter.is-rejected,
.tiko-legacy-status-filter.is-failed {
    --tiko-status-color: #b7464f;
}

.tiko-legacy-operational-notice {
    margin: -5px 0 14px;
    padding: 9px 12px;
    border-inline-start: 3px solid #c87b1b;
    border-radius: 5px;
    background: #fff8ed;
    color: #76572d;
    font-size: 10px;
}

.tiko-legacy-operational-table .tiko-legacy-table {
    min-width: 1280px;
}

/* Modern order management list. Every selector is scoped to the orders workspace. */
.tiko-orders-workspace [data-tiko-operational-statuses="orders"] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(112px, 1fr));
    gap: 8px;
    overflow: visible;
    border-radius: 10px;
    box-shadow: none;
}

.tiko-orders-workspace [data-tiko-operational-statuses="orders"] > a {
    min-width: 0;
    min-height: 48px;
    padding: 8px 10px;
    justify-content: space-between;
    border: 1px solid #e5e8f0;
    border-radius: 8px;
}

.tiko-orders-workspace [data-tiko-operational-statuses="orders"] > a:hover,
.tiko-orders-workspace [data-tiko-operational-statuses="orders"] > a:focus-visible,
.tiko-orders-workspace [data-tiko-operational-statuses="orders"] > a.is-active {
    border-color: var(--tiko-order-tab-accent);
    box-shadow: inset 0 -3px 0 var(--tiko-order-tab-accent);
}

.tiko-orders-workspace [data-tiko-operational-statuses="orders"] .tiko-order-status-label {
    min-width: 0;
    font-size: 11px;
    white-space: normal;
}

.tiko-orders-workspace .tiko-legacy-order-list {
    overflow: visible;
}

.tiko-orders-workspace .tiko-order-cards {
    display: grid;
    gap: 14px;
}

.tiko-orders-workspace .tiko-order-card {
    --tiko-order-accent: #4b68cc;
    position: relative;
    min-width: 0;
    overflow: hidden;
    overflow: clip;
    border: 1px solid #e4e7ee;
    border-inline-start: 3px solid var(--tiko-order-accent);
    border-radius: 11px;
    background: #fff;
    box-shadow: 0 2px 8px rgba(33, 43, 66, 0.045);
}

.tiko-orders-workspace .tiko-order-card.is-active { --tiko-order-accent: #4b83d1; }
.tiko-orders-workspace .tiko-order-card.is-success { --tiko-order-accent: #62ad59; }
.tiko-orders-workspace .tiko-order-card.is-warning { --tiko-order-accent: #dfa949; }
.tiko-orders-workspace .tiko-order-card.is-danger { --tiko-order-accent: #cf6670; }
.tiko-orders-workspace .tiko-order-card.is-neutral { --tiko-order-accent: #8e96a5; }

.tiko-orders-workspace .tiko-order-card-primary {
    min-width: 0;
    padding: 14px 16px;
    display: grid;
    grid-template-columns: minmax(145px, 0.8fr) minmax(240px, 1.65fr) minmax(170px, 1fr) minmax(250px, auto);
    align-items: center;
    gap: 0;
}

.tiko-orders-workspace .tiko-order-card-primary > * {
    min-width: 0;
    padding-inline: 14px;
}

.tiko-orders-workspace .tiko-order-card-primary > *:first-child {
    padding-inline-start: 0;
}

.tiko-orders-workspace .tiko-order-card-primary > *:last-child {
    padding-inline-end: 0;
}

.tiko-orders-workspace .tiko-order-card-primary > *:not(:last-child) {
    border-inline-end: 1px solid #edf0f4;
}

.tiko-orders-workspace .tiko-order-card-identity,
.tiko-orders-workspace .tiko-order-card-service,
.tiko-orders-workspace .tiko-order-card-status {
    display: grid;
    align-content: center;
    gap: 4px;
}

.tiko-orders-workspace .tiko-order-card-id-line {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
}

.tiko-orders-workspace .tiko-order-card-id-line > strong {
    color: #2f3440;
    font-size: 14px;
}

.tiko-orders-workspace .tiko-order-card-check {
    width: 17px;
    height: 17px;
    margin: 0;
    accent-color: var(--tiko-panel-blue);
}

.tiko-orders-workspace .tiko-order-card-archive {
    padding: 2px 6px;
    border-radius: 5px;
    background: #f2edf8;
    color: #745a8c;
    font-size: 9px;
    font-weight: 700;
}

.tiko-orders-workspace .tiko-order-card-identity time,
.tiko-orders-workspace .tiko-order-card-identity small,
.tiko-orders-workspace .tiko-order-card-service span,
.tiko-orders-workspace .tiko-order-card-status small {
    color: #626976;
    font-size: 11px;
    line-height: 1.75;
}

.tiko-orders-workspace .tiko-order-public-id {
    overflow: hidden;
    direction: ltr;
    unicode-bidi: isolate;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tiko-orders-workspace .tiko-order-card-service > strong {
    color: #383c46;
    font-size: 12px;
    line-height: 1.9;
    overflow-wrap: anywhere;
}

.tiko-orders-workspace .tiko-order-card-status .tiko-legacy-badge {
    justify-self: start;
}

.tiko-orders-workspace .tiko-order-card .tiko-legacy-badge.is-success {
    background: #e8f6e4;
    color: #3c7d35;
}

.tiko-orders-workspace .tiko-order-card .tiko-legacy-badge.is-danger {
    background: #fdebed;
    color: #a83b45;
}

.tiko-orders-workspace .tiko-order-card .tiko-legacy-badge.is-warning {
    background: #fff3d9;
    color: #8a6418;
}

.tiko-orders-workspace .tiko-order-card .tiko-legacy-badge.is-neutral {
    background: #edf0f6;
    color: #596171;
}

.tiko-orders-workspace .tiko-order-card-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 6px;
}

.tiko-orders-workspace .tiko-order-card-actions .tiko-legacy-button {
    gap: 5px;
    min-height: 34px;
    border-color: #cfd7ed;
    background: #f8faff;
}

.tiko-orders-workspace .tiko-order-card-actions .tiko-legacy-button .dashicons,
.tiko-orders-workspace .tiko-order-card-management > summary .dashicons {
    width: 15px;
    height: 15px;
    font-size: 15px;
}

.tiko-orders-workspace .tiko-order-card-management {
    position: static;
    display: block;
}

.tiko-orders-workspace .tiko-order-card-management > summary {
    min-height: 34px;
    padding: 5px 10px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border: 1px solid #dfe2ea;
    border-radius: 5px;
    background: #fff;
    color: #4c5360;
    font-size: 10px;
    font-weight: 700;
    cursor: pointer;
    list-style: none;
}

.tiko-orders-workspace .tiko-order-card-management > summary::-webkit-details-marker {
    display: none;
}

.tiko-orders-workspace .tiko-order-card-management > summary:focus-visible {
    border-color: #657fc9;
    outline: 2px solid rgba(30, 47, 157, 0.18);
    outline-offset: 2px;
}

.tiko-orders-workspace .tiko-order-card-management[open] {
    width: 100%;
    flex-basis: 100%;
}

.tiko-orders-workspace .tiko-order-card-management-panel {
    margin-block-start: 9px;
    padding: 12px;
    display: grid;
    gap: 10px;
    border: 1px solid #e1e5ee;
    border-radius: 8px;
    background: #fafbfe;
}

.tiko-orders-workspace .tiko-order-card-management-panel .tiko-legacy-inline-form {
    width: 100%;
}

.tiko-orders-workspace .tiko-order-card-management-panel .tiko-legacy-inline-form > label {
    flex: 1 1 180px;
}

.tiko-orders-workspace .tiko-order-card-management-panel .tiko-legacy-inline-form textarea {
    min-height: 72px;
}

.tiko-orders-workspace .tiko-order-card-management-panel .tiko-order-management-status-form > .tiko-legacy-form-actions {
    flex: 1 0 100%;
    justify-content: flex-start;
}

.tiko-orders-workspace .tiko-order-card-management-panel .tiko-order-management-archive-form {
    justify-content: flex-end;
}

.tiko-orders-workspace .tiko-order-card-secondary {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(255px, 1.45fr) minmax(0, 3.55fr);
    border-block: 1px solid #edf0f4;
    background: #fbfcfe;
}

.tiko-orders-workspace .tiko-order-card-target {
    min-width: 0;
    padding: 12px 14px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    grid-template-areas:
        "label label label"
        "target copy open";
    align-content: center;
    align-items: center;
    gap: 6px 8px;
    border-inline-end: 1px solid #e8ebf1;
}

.tiko-orders-workspace .tiko-order-card-target > span {
    grid-area: label;
    color: #626976;
    font-size: 11px;
    font-weight: 700;
}

.tiko-orders-workspace .tiko-order-card-target bdi {
    grid-area: target;
    min-width: 0;
    overflow: hidden;
    color: #315eb3;
    font-size: 10px;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tiko-orders-workspace .tiko-order-copy,
.tiko-orders-workspace .tiko-order-open {
    min-height: 30px;
    padding: 4px 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    border: 1px solid #d9deea;
    border-radius: 6px;
    background: #fff;
    color: #4d5870;
    font: inherit;
    font-size: 9px;
    font-weight: 700;
    cursor: pointer;
}

.tiko-orders-workspace .tiko-order-copy { grid-area: copy; }
.tiko-orders-workspace .tiko-order-open { grid-area: open; }

.tiko-orders-workspace .tiko-order-copy-status {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}

.tiko-orders-workspace .tiko-order-copy:hover,
.tiko-orders-workspace .tiko-order-copy:focus-visible,
.tiko-orders-workspace .tiko-order-open:hover,
.tiko-orders-workspace .tiko-order-open:focus-visible {
    border-color: #8398d4;
    color: var(--tiko-panel-blue);
}

.tiko-orders-workspace .tiko-order-copy.is-copied {
    border-color: #79bd83;
    background: #eef9ee;
    color: #357b41;
}

.tiko-orders-workspace .tiko-order-copy.is-copy-error {
    border-color: #d78c93;
    background: #fff3f4;
    color: #a33e48;
}

.tiko-orders-workspace .tiko-order-copy .dashicons,
.tiko-orders-workspace .tiko-order-open .dashicons {
    width: 14px;
    height: 14px;
    font-size: 14px;
}

.tiko-orders-workspace .tiko-order-card-metrics {
    margin: 0;
    padding: 12px 14px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(70px, 1fr));
    align-items: center;
    gap: 0;
}

.tiko-orders-workspace .tiko-order-card-metrics > div {
    min-width: 0;
    padding: 2px 11px;
    border-inline-end: 1px solid #edf0f4;
}

.tiko-orders-workspace .tiko-order-card-metrics > div:first-child {
    padding-inline-start: 0;
}

.tiko-orders-workspace .tiko-order-card-metrics > div:last-child {
    padding-inline-end: 0;
    border-inline-end: 0;
}

.tiko-orders-workspace .tiko-order-card-metrics dt {
    margin: 0 0 3px;
    color: #626976;
    font-size: 10px;
    line-height: 1.6;
}

.tiko-orders-workspace .tiko-order-card-metrics dd {
    min-width: 0;
    margin: 0;
    color: #464b56;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.7;
    overflow-wrap: anywhere;
}

.tiko-orders-workspace .tiko-order-card-metrics dd small {
    color: #626976;
    font-size: 10px;
}

.tiko-orders-workspace .tiko-order-card-metrics bdi {
    unicode-bidi: isolate;
}

.tiko-orders-workspace .tiko-order-card-progress dd {
    display: grid;
    grid-template-columns: minmax(42px, 1fr) auto;
    align-items: center;
    gap: 6px;
}

.tiko-orders-workspace .tiko-order-progress-track {
    height: 5px;
    overflow: hidden;
    border-radius: 99px;
    background: #e8ebf1;
}

.tiko-orders-workspace .tiko-order-progress-track i {
    width: var(--tiko-order-progress);
    height: 100%;
    display: block;
    border-radius: inherit;
    background: var(--tiko-order-accent);
}

.tiko-orders-workspace .tiko-order-card-progress b {
    color: #616876;
    font-size: 9px;
}

.tiko-orders-workspace .tiko-order-card-note {
    margin: 0 16px 14px;
    padding: 8px 10px;
    display: flex;
    align-items: flex-start;
    gap: 7px;
    border: 1px solid #f0dfb6;
    border-radius: 7px;
    background: #fffaf0;
    color: #6f5c31;
    font-size: 10px;
    line-height: 1.8;
}

.tiko-orders-workspace .tiko-order-card-note .dashicons {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    color: #c18f28;
    font-size: 16px;
}

@media (max-width: 1320px) {
    .tiko-orders-workspace .tiko-order-card-primary {
        grid-template-columns: minmax(145px, 0.75fr) minmax(230px, 1.5fr) minmax(170px, 1fr);
        row-gap: 12px;
    }

    .tiko-orders-workspace .tiko-order-card-secondary {
        grid-template-columns: minmax(225px, 1.2fr) minmax(0, 3.8fr);
    }

    .tiko-orders-workspace .tiko-order-card-actions {
        grid-column: 1 / -1;
        padding: 12px 0 0;
        justify-content: flex-start;
        border-block-start: 1px solid #edf0f4;
        border-inline-end: 0 !important;
    }

    .tiko-orders-workspace .tiko-order-card-status {
        border-inline-end: 0 !important;
    }
}

@media (max-width: 760px) {
    .tiko-orders-workspace [data-tiko-operational-statuses="orders"] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tiko-orders-workspace .tiko-order-card-primary {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        grid-template-areas:
            "identity status"
            "service service"
            "actions actions";
        align-items: start;
    }

    .tiko-orders-workspace .tiko-order-card-identity { grid-area: identity; }
    .tiko-orders-workspace .tiko-order-card-service { grid-area: service; }
    .tiko-orders-workspace .tiko-order-card-status { grid-area: status; }
    .tiko-orders-workspace .tiko-order-card-actions { grid-area: actions; }

    .tiko-orders-workspace .tiko-order-card-primary > * {
        padding-inline: 10px;
    }

    .tiko-orders-workspace .tiko-order-card-service,
    .tiko-orders-workspace .tiko-order-card-actions {
        grid-column: 1 / -1;
        padding: 12px 0 0;
        border-block-start: 1px solid #edf0f4;
        border-inline-end: 0 !important;
    }

    .tiko-orders-workspace .tiko-order-card-status {
        border-inline-end: 0 !important;
    }

    .tiko-orders-workspace .tiko-order-card-secondary {
        grid-template-columns: minmax(0, 1fr);
    }

    .tiko-orders-workspace .tiko-order-card-target {
        border-inline-end: 0;
        border-block-end: 1px solid #e8ebf1;
    }

    .tiko-orders-workspace .tiko-order-copy,
    .tiko-orders-workspace .tiko-order-open {
        width: 100%;
    }

    .tiko-orders-workspace .tiko-order-card-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px 0;
    }

    .tiko-orders-workspace .tiko-order-card-metrics > div {
        padding-block: 5px;
    }

    .tiko-orders-workspace .tiko-order-card-metrics > div:nth-child(2n) {
        border-inline-end: 0;
    }
}

@media (max-width: 460px) {
    .tiko-orders-workspace .tiko-order-card-primary,
    .tiko-orders-workspace .tiko-order-card-target,
    .tiko-orders-workspace .tiko-order-card-metrics {
        padding-inline: 12px;
    }

    .tiko-orders-workspace .tiko-order-card-actions .tiko-legacy-button,
    .tiko-orders-workspace .tiko-order-card-management,
    .tiko-orders-workspace .tiko-order-card-management > summary {
        width: 100%;
    }

    .tiko-orders-workspace .tiko-order-card-management > summary {
        justify-content: center;
    }

    .tiko-orders-workspace .tiko-order-card-note {
        margin-inline: 12px;
    }
}

/* Five-column member order history. Kept separate from the staff order table. */
.tiko-orders-workspace .tiko-member-orders-table-wrap {
    width: 100%;
    min-width: 0;
    overflow-x: auto;
    border: 0;
    background: transparent;
}

.tiko-orders-workspace .tiko-member-orders-table {
    width: 100%;
    min-width: 760px;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0 10px;
    color: #424752;
    font-size: 10px;
}

.tiko-orders-workspace .tiko-member-orders-table col.is-id { width: 9%; }
.tiko-orders-workspace .tiko-member-orders-table col.is-date { width: 13%; }
.tiko-orders-workspace .tiko-member-orders-table col.is-details { width: 55%; }
.tiko-orders-workspace .tiko-member-orders-table col.is-status { width: 11%; }
.tiko-orders-workspace .tiko-member-orders-table col.is-actions { width: 12%; }

.tiko-orders-workspace .tiko-member-orders-table thead th {
    padding: 11px 9px;
    border-block: 1px solid #e6e9f1;
    background: #f5f7fb;
    color: #5d6472;
    font-size: 10px;
    font-weight: 800;
    line-height: 1.7;
    text-align: right;
}

.tiko-orders-workspace .tiko-member-orders-table thead th:first-child {
    border-inline-start: 1px solid #e6e9f1;
    border-start-start-radius: 9px;
    border-end-start-radius: 9px;
}

.tiko-orders-workspace .tiko-member-orders-table thead th:last-child {
    border-inline-end: 1px solid #e6e9f1;
    border-start-end-radius: 9px;
    border-end-end-radius: 9px;
}

.tiko-orders-workspace .tiko-member-order-row {
    --tiko-member-order-accent: #8e96a5;
}

.tiko-orders-workspace .tiko-member-order-row.is-active { --tiko-member-order-accent: #4b83d1; }
.tiko-orders-workspace .tiko-member-order-row.is-success { --tiko-member-order-accent: #62ad59; }
.tiko-orders-workspace .tiko-member-order-row.is-warning { --tiko-member-order-accent: #dfa949; }
.tiko-orders-workspace .tiko-member-order-row.is-danger { --tiko-member-order-accent: #cf6670; }

.tiko-orders-workspace .tiko-member-orders-table tbody td {
    min-width: 0;
    padding: 14px 9px;
    border-block: 1px solid #e6e9f0;
    background: #fff;
    box-shadow: inset 1px 0 0 #eef0f4;
    line-height: 1.8;
    text-align: right;
    vertical-align: middle;
    overflow-wrap: anywhere;
    transition: background-color 160ms ease, border-color 160ms ease;
}

.tiko-orders-workspace .tiko-member-orders-table tbody td:first-child {
    border-inline-start: 3px solid var(--tiko-member-order-accent);
    border-start-start-radius: 11px;
    border-end-start-radius: 11px;
}

.tiko-orders-workspace .tiko-member-orders-table tbody td:last-child {
    border-inline-end: 1px solid #e6e9f0;
    border-start-end-radius: 11px;
    border-end-end-radius: 11px;
    box-shadow: none;
}

.tiko-orders-workspace .tiko-member-order-row:hover td {
    border-color: #dce2ee;
    background: #fbfcff;
}

.tiko-orders-workspace .tiko-member-order-id-stack,
.tiko-orders-workspace .tiko-member-order-actions,
.tiko-orders-workspace .tiko-member-order-details {
    min-width: 0;
    display: grid;
    align-content: start;
    gap: 7px;
}

.tiko-orders-workspace .tiko-member-order-id-stack strong {
    color: #252b36;
    font-size: 13px;
}

.tiko-orders-workspace .tiko-member-order-date time {
    display: block;
    color: #505764;
    font-weight: 700;
    unicode-bidi: isolate;
}

.tiko-orders-workspace .tiko-member-order-service {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.tiko-orders-workspace .tiko-member-order-service strong {
    color: #303641;
    font-size: 11px;
    line-height: 1.9;
}

.tiko-orders-workspace .tiko-member-order-service span {
    color: #707887;
    font-size: 9px;
    line-height: 1.75;
}

.tiko-orders-workspace .tiko-member-order-target {
    min-width: 0;
    padding: 7px 8px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    grid-template-areas: "label target copy open";
    align-items: center;
    gap: 6px;
    border: 1px solid #e7eaf1;
    border-radius: 7px;
    background: #f9fafe;
}

.tiko-orders-workspace .tiko-member-order-target > span:first-child {
    grid-area: label;
    color: #687181;
    font-weight: 800;
}

.tiko-orders-workspace .tiko-member-order-target bdi {
    grid-area: target;
    min-width: 0;
    overflow: hidden;
    color: #315eb3;
    line-height: 1.65;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    unicode-bidi: isolate;
}

.tiko-orders-workspace .tiko-member-order-target .tiko-member-order-copy,
.tiko-orders-workspace .tiko-member-order-target .tiko-member-order-open {
    width: auto;
    min-height: 28px;
    padding: 4px 7px;
    flex: 0 0 auto;
}

.tiko-orders-workspace .tiko-member-order-metrics {
    margin: 0;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border: 1px solid #eceef3;
    border-radius: 7px;
    background: #fff;
}

.tiko-orders-workspace .tiko-member-order-metrics > div {
    min-width: 0;
    padding: 6px 7px;
    border-inline-end: 1px solid #eceef3;
}

.tiko-orders-workspace .tiko-member-order-metrics > div:last-child {
    border-inline-end: 0;
}

.tiko-orders-workspace .tiko-member-order-metrics dt,
.tiko-orders-workspace .tiko-member-order-metrics dd {
    margin: 0;
}

.tiko-orders-workspace .tiko-member-order-metrics dt {
    color: #7a818e;
    font-size: 8px;
}

.tiko-orders-workspace .tiko-member-order-metrics dd {
    color: #474d58;
    font-size: 9px;
    font-weight: 800;
}

.tiko-orders-workspace .tiko-member-order-note {
    margin: 0;
    padding: 7px 8px;
    display: flex;
    align-items: flex-start;
    gap: 6px;
    border: 1px solid #f0dfb6;
    border-radius: 7px;
    background: #fffaf0;
    color: #6f5c31;
    font-size: 9px;
    line-height: 1.8;
}

.tiko-orders-workspace .tiko-member-order-note .dashicons {
    width: 15px;
    height: 15px;
    flex: 0 0 15px;
    color: #c18f28;
    font-size: 15px;
}

.tiko-orders-workspace .tiko-member-order-status .tiko-badge {
    justify-self: start;
}

.tiko-orders-workspace .tiko-member-order-actions {
    grid-template-columns: minmax(0, 1fr);
}

.tiko-orders-workspace .tiko-member-order-action {
    min-height: 32px;
    padding: 6px 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d9deea;
    border-radius: 6px;
    background: #fff;
    color: #4d5870;
    font-size: 9px;
    font-weight: 800;
    text-align: center;
    text-decoration: none;
}

.tiko-orders-workspace .tiko-member-order-action.is-primary {
    border-color: #cfd8f3;
    background: #f4f7ff;
    color: #263fa0;
}

.tiko-orders-workspace .tiko-member-order-action:hover,
.tiko-orders-workspace .tiko-member-order-action:focus-visible {
    border-color: #8398d4;
    color: var(--tiko-panel-blue);
    outline: 0;
}

@media (max-width: 1050px) {
    .tiko-orders-workspace .tiko-member-orders-table,
    .tiko-orders-workspace .tiko-member-orders-table tbody,
    .tiko-orders-workspace .tiko-member-orders-table tr,
    .tiko-orders-workspace .tiko-member-orders-table td {
        width: 100%;
        min-width: 0;
        display: block;
    }

    .tiko-orders-workspace .tiko-member-orders-table colgroup,
    .tiko-orders-workspace .tiko-member-orders-table thead {
        display: none;
    }

    .tiko-orders-workspace .tiko-member-orders-table tbody {
        display: grid;
        gap: 14px;
    }

    .tiko-orders-workspace .tiko-member-orders-table {
        border-spacing: 0;
    }

    .tiko-orders-workspace .tiko-member-order-row {
        overflow: hidden;
        border: 1px solid #e3e7ef;
        border-inline-start: 3px solid var(--tiko-member-order-accent);
        border-radius: 12px;
        background: #fff;
        box-shadow: 0 3px 12px rgba(33, 43, 66, 0.055);
    }

    .tiko-orders-workspace .tiko-member-orders-table tbody td {
        padding: 11px 13px;
        display: grid;
        grid-template-columns: minmax(106px, 0.28fr) minmax(0, 1fr);
        align-items: start;
        gap: 10px 14px;
        border: 0;
        border-block-end: 1px solid #edf0f4;
        border-radius: 0;
        box-shadow: none;
    }

    .tiko-orders-workspace .tiko-member-orders-table tbody td:last-child {
        border-block-end: 0;
    }

    .tiko-orders-workspace .tiko-member-orders-table tbody td::before {
        content: attr(data-label);
        grid-column: 1;
        grid-row: 1;
        color: #6b7280;
        font-size: 10px;
        font-weight: 800;
    }

    .tiko-orders-workspace .tiko-member-orders-table tbody td > * {
        grid-column: 2;
        min-width: 0;
    }

    .tiko-orders-workspace .tiko-member-order-actions {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {
    .tiko-orders-workspace .tiko-member-orders-table tbody td {
        grid-template-columns: minmax(82px, 0.25fr) minmax(0, 1fr);
        gap: 8px 10px;
    }

    .tiko-orders-workspace .tiko-member-order-target {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        grid-template-areas:
            "label label"
            "target target"
            "copy open";
    }

    .tiko-orders-workspace .tiko-member-order-target bdi {
        padding-block: 3px;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .tiko-orders-workspace .tiko-member-order-target .tiko-member-order-copy,
    .tiko-orders-workspace .tiko-member-order-target .tiko-member-order-open {
        width: 100%;
    }

    .tiko-orders-workspace .tiko-member-order-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tiko-orders-workspace .tiko-member-order-metrics > div:nth-child(2) {
        border-inline-end: 0;
    }

    .tiko-orders-workspace .tiko-member-order-metrics > div:nth-child(-n + 2) {
        border-block-end: 1px solid #eceef3;
    }
}

@media (max-width: 440px) {
    .tiko-orders-workspace .tiko-member-orders-table tbody td {
        display: block;
    }

    .tiko-orders-workspace .tiko-member-orders-table tbody td::before {
        margin-block-end: 7px;
        display: block;
    }
}

.tiko-legacy-date-stack,
.tiko-legacy-status-stack,
.tiko-legacy-service-summary,
.tiko-legacy-api-summary,
.tiko-legacy-operation-stack {
    display: grid;
    gap: 5px;
    align-content: start;
}

.tiko-legacy-service-summary {
    min-width: 210px;
    padding: 8px 9px;
    border: 1px solid #eceef2;
    border-radius: 5px;
    background: #fafbfc;
}

.tiko-legacy-service-summary code,
.tiko-legacy-api-summary code {
    max-width: 235px;
    overflow: hidden;
    color: #555862;
    font-family: inherit;
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tiko-legacy-api-summary {
    min-width: 150px;
}

.tiko-legacy-api-summary .tiko-legacy-badge,
.tiko-legacy-status-stack .tiko-legacy-badge {
    justify-self: start;
}

.tiko-legacy-operation-stack {
    min-width: 126px;
}

.tiko-legacy-operation-stack > .tiko-legacy-button,
.tiko-legacy-operation-stack > .tiko-legacy-mini-form,
.tiko-legacy-operation-stack > .tiko-legacy-inline-form {
    width: 100%;
}

.tiko-legacy-operation-stack .tiko-legacy-button {
    justify-content: center;
}

.tiko-legacy-admin[data-tiko-legacy-admin="bulk-update-price"] > .tiko-legacy-page-head {
    display: none;
}

.tiko-legacy-bulk-price-form {
    gap: 18px;
    padding-block-end: 12px;
}

.tiko-legacy-price-group {
    padding: 0;
    display: block;
    overflow: hidden;
}

.tiko-legacy-price-group-head {
    min-height: 58px;
    padding: 15px 20px 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-block-end: 1px solid #ededf0;
    text-align: center;
}

.tiko-legacy-price-group-head h3 {
    margin: 0;
    color: #45464c;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.9;
}

.tiko-legacy-price-group-head .tiko-legacy-price-group-social {
    margin-inline-start: 5px;
    color: #73757d;
    font-size: inherit;
    font-weight: inherit;
}

.tiko-legacy-price-group-head .tiko-legacy-price-group-inactive {
    margin-inline-start: 5px;
    color: #ff5c68;
    font-size: 12px;
    font-weight: 800;
}

.tiko-legacy-price-group .tiko-legacy-table-wrap {
    width: calc(100% - 28px);
    margin: 14px;
}

.tiko-legacy-price-group .tiko-legacy-table {
    min-width: 1040px;
}

.tiko-legacy-price-group .tiko-legacy-table th,
.tiko-legacy-price-group .tiko-legacy-table td {
    vertical-align: middle;
}

.tiko-legacy-price-group .tiko-legacy-table th:last-child,
.tiko-legacy-price-group .tiko-legacy-table td:last-child {
    width: 154px;
}

.tiko-legacy-price-group-empty {
    margin: 0;
    padding: 26px 20px;
    color: var(--tiko-panel-muted);
    text-align: center;
}

.tiko-legacy-bulk-description-button {
    min-width: 76px;
    min-height: 31px;
    padding: 5px 12px;
    border: 0;
    border-radius: 4px;
    background: #f25284;
    color: #fff;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.tiko-legacy-bulk-description-button:hover,
.tiko-legacy-bulk-description-button:focus-visible {
    background: #dc3f70;
    outline: 2px solid rgba(242, 82, 132, 0.2);
    outline-offset: 2px;
}

.tiko-legacy-bulk-description-dialog {
    width: min(620px, calc(100vw - 32px));
    max-height: calc(100dvh - 44px);
    padding: 0;
    overflow: auto;
    border: 0;
    border-radius: 8px;
    background: #fff;
    color: #55565d;
    box-shadow: 0 22px 70px rgba(24, 28, 44, 0.28);
    direction: rtl;
}

.tiko-legacy-bulk-description-dialog::backdrop {
    background: rgba(36, 40, 51, 0.58);
}

.tiko-legacy-bulk-description-head {
    min-height: 62px;
    padding: 14px 17px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    border-block-end: 1px solid #ededf0;
}

.tiko-legacy-bulk-description-head h4 {
    margin: 0;
    color: #45464c;
    font-size: 14px;
}

.tiko-legacy-bulk-description-head button {
    width: 32px;
    height: 32px;
    padding: 0;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 50%;
    background: #eef0f4;
    color: #64666d;
    cursor: pointer;
}

.tiko-legacy-bulk-description-body {
    padding: 20px;
    color: #55565d;
    line-height: 2;
    text-align: right;
}

.tiko-legacy-bulk-service-type {
    min-width: 174px;
}

.tiko-legacy-bulk-service-type small b {
    color: #55565d;
}

.tiko-legacy-desired-price label {
    display: block;
}

.tiko-legacy-desired-price input {
    width: 132px;
    min-height: 38px;
    padding: 7px 9px;
    border: 1px solid #dfe1e6;
    border-radius: 5px;
    background: #fff;
    color: #4d4e54;
    font: inherit;
    direction: ltr;
    text-align: left;
}

.tiko-legacy-desired-price input:focus {
    border-color: #8e9bd5;
    outline: 2px solid rgba(30, 47, 157, 0.12);
}

.tiko-legacy-bulk-price-form > .tiko-legacy-form-actions {
    position: sticky;
    z-index: 30;
    bottom: 18px;
    justify-content: flex-end;
    pointer-events: none;
}

.tiko-legacy-bulk-price-submit {
    width: 200px;
    min-height: 42px;
    background: #58aa47 !important;
    box-shadow: 0 7px 18px rgba(53, 116, 51, 0.24);
    pointer-events: auto;
}

.tiko-legacy-bulk-price-submit:hover,
.tiko-legacy-bulk-price-submit:focus-visible {
    background: #48953a !important;
}

.tiko-legacy-badge {
    min-height: 25px;
    padding: 3px 9px;
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    background: #edf0f7;
    color: #505461;
    font-size: 10px;
    font-weight: 700;
    white-space: nowrap;
}

.tiko-legacy-badge.is-active,
.tiko-legacy-badge.is-completed,
.tiko-legacy-badge.is-paid,
.tiko-legacy-message.is-success {
    background: #e5f6ed;
    color: #18784c;
}

.tiko-legacy-badge.is-failed,
.tiko-legacy-badge.is-canceled,
.tiko-legacy-badge.is-rejected,
.tiko-legacy-message.is-error {
    background: #fdeaea;
    color: #ac303b;
}

.tiko-legacy-badge.is-pending,
.tiko-legacy-badge.is-manual_review,
.tiko-legacy-badge.is-warning,
.tiko-legacy-message.is-warning {
    background: #fff4d9;
    color: #8a6111;
}

.tiko-legacy-badge.is-order-status {
    border: 1px solid transparent;
}

.tiko-legacy-badge.is-order-status.is-pending {
    border-color: #c8dcff;
    background: #edf4ff;
    color: #2458aa;
}

.tiko-legacy-badge.is-order-status.is-processing {
    border-color: #d9d4f7;
    background: #f3f1ff;
    color: #5d4aa1;
}

.tiko-legacy-badge.is-order-status.is-in_progress {
    border-color: #b9e5ef;
    background: #eaf8fb;
    color: #0b7187;
}

.tiko-legacy-badge.is-order-status.is-completed {
    border-color: #bfe7d1;
    background: #e8f7ef;
    color: #087a55;
}

.tiko-legacy-badge.is-order-status.is-partial {
    border-color: #f3d19e;
    background: #fff4e3;
    color: #94520e;
}

.tiko-legacy-badge.is-order-status.is-canceled,
.tiko-legacy-badge.is-order-status.is-cancelled {
    border-color: #f2c4c0;
    background: #fff0ef;
    color: #b42318;
}

.tiko-legacy-tabs {
    display: flex;
    gap: 6px;
    overflow-x: auto;
}

.tiko-legacy-tabs a {
    min-width: max-content;
    min-height: 38px;
    padding: 7px 13px;
    display: inline-flex;
    align-items: center;
    border: 1px solid #e1e3ea;
    border-radius: 6px;
    background: #fff;
    color: #686a72;
    font-weight: 700;
}

.tiko-legacy-tabs a:hover,
.tiko-legacy-tabs a.is-active {
    border-color: var(--tiko-panel-blue);
    background: var(--tiko-panel-blue);
    color: #fff;
}

.tiko-legacy-checks {
    padding: 12px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px 18px;
    border: 1px solid #dfe1e6;
    border-radius: 6px;
}

.tiko-legacy-check,
.tiko-legacy-checks label {
    display: inline-flex !important;
    align-items: center;
    gap: 7px;
}

.tiko-legacy-check input,
.tiko-legacy-checks input {
    width: 18px;
    min-height: 18px;
    margin: 0;
}

.tiko-legacy-definition-list {
    margin: 0;
}

.tiko-legacy-definition-list > div {
    padding: 10px 12px;
    border: 1px solid #ededf0;
    border-radius: 6px;
    background: #fafbfc;
}

.tiko-legacy-definition-list dt {
    color: var(--tiko-panel-muted);
    font-size: 10px;
}

.tiko-legacy-definition-list dd {
    margin: 3px 0 0;
    color: #45464c;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.tiko-legacy-help,
.tiko-legacy-empty {
    color: var(--tiko-panel-muted);
    font-size: 11px;
}

.tiko-legacy-empty,
.tiko-legacy-message {
    padding: 15px;
    border: 1px solid #e1e3e8;
    border-radius: 6px;
    background: #f8f9fb;
}

.tiko-legacy-message {
    border-inline-start: 4px solid var(--tiko-panel-blue);
}

.tiko-legacy-ticket-reply {
    width: min(84%, 760px);
    padding: 13px 15px;
    border: 1px solid #e2e4ea;
    border-radius: 8px;
    background: #f8f9fb;
}

.tiko-legacy-ticket-reply.is-staff {
    margin-inline-start: auto;
    background: #eef1ff;
}

/* Management dashboard: reproduce the familiar Kando overview while keeping
 * every value, link and capability gate supplied by the secure read model. */
.tiko-admin-overview {
    gap: 28px;
}

.tiko-kando-content > .tiko-kando-welcome:has(+ .tiko-admin-overview) {
    display: none;
}

.tiko-dashboard-welcome {
    min-width: 0;
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(34, 35, 50, 0.05);
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.06);
}

.tiko-dashboard-welcome-close {
    width: 34px;
    height: 34px;
    padding: 3px;
    position: absolute;
    top: 17px;
    left: 17px;
    z-index: 2;
    display: grid;
    place-items: center;
    border: 0;
    background: transparent;
    color: #dfe1e6;
    cursor: pointer;
}

.tiko-dashboard-welcome-close .dashicons {
    width: 28px;
    height: 28px;
    font-size: 28px;
}

.tiko-dashboard-welcome-close:hover,
.tiko-dashboard-welcome-close:focus-visible {
    color: #ff5b8e;
    outline: 2px solid rgba(255, 91, 142, 0.22);
}

.tiko-dashboard-welcome[hidden] {
    display: none !important;
}

.tiko-dashboard-alerts {
    display: grid;
}

.tiko-dashboard-alert {
    padding: 16px;
    display: grid;
    justify-items: center;
    gap: 14px;
    border: 1px solid #f1d38f;
    border-radius: 6px;
    background: #fff8e7;
    color: #665221;
    font-size: 12px;
    line-height: 2;
    text-align: center;
}

.tiko-dashboard-alert .tiko-app-button {
    min-height: 36px;
}

.tiko-dashboard-welcome-inner {
    min-height: 126px;
    padding: 20px 68px 20px 28px;
    display: flex;
    align-items: center;
    gap: 28px;
}

.tiko-dashboard-welcome-inner img {
    width: 96px;
    height: 96px;
    flex: 0 0 96px;
    border-radius: 50%;
    object-fit: contain;
}

.tiko-dashboard-welcome-copy {
    min-width: 0;
    flex: 1 1 auto;
}

.tiko-dashboard-welcome-copy h2,
.tiko-dashboard-welcome-copy p {
    margin: 0;
}

.tiko-dashboard-welcome-copy h2 {
    color: #33353d;
    font-size: 20px;
    line-height: 1.75;
}

.tiko-dashboard-welcome-copy h2 span {
    color: #ff5b8e;
    font-weight: 800;
}

.tiko-dashboard-welcome-copy p {
    margin-block-start: 8px;
    color: #777b85;
    font-size: 12px;
    line-height: 2;
}

.tiko-dashboard-reference-totals {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.tiko-dashboard-reference-total {
    min-width: 0;
    min-height: 92px;
    padding: 15px 20px 15px 64px;
    position: relative;
    overflow: hidden;
    display: grid;
    align-content: center;
    gap: 4px;
    border-radius: 4px;
    background: #367fbe;
    color: #fff !important;
    box-shadow: 0 5px 18px -13px rgba(34, 35, 50, 0.7);
}

.tiko-dashboard-reference-total.is-users { background: #83b83f; }
.tiko-dashboard-reference-total.is-orders { background: #4ba0b6; }
.tiko-dashboard-reference-total.is-wallets { background: #ad59ae; }
.tiko-dashboard-reference-total.is-providers { background: #eb793b; }
.tiko-dashboard-reference-total.is-tickets { background: #347ab9; }
.tiko-dashboard-reference-total.is-waiting { background: #397fc2; }
.tiko-dashboard-reference-total.is-answered { background: #3d83c6; }
.tiko-dashboard-reference-total.is-closed { background: #4187ca; }

.tiko-dashboard-reference-total:hover,
.tiko-dashboard-reference-total:focus-visible {
    color: #fff;
    box-shadow: 0 8px 20px -11px rgba(34, 35, 50, 0.72);
    transform: translateY(-1px);
}

.tiko-dashboard-reference-total strong,
.tiko-dashboard-reference-total > span:not(.tiko-dashboard-reference-total-icon) {
    position: relative;
    z-index: 1;
}

.tiko-dashboard-reference-total strong {
    color: #fff;
    font-size: 20px;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.tiko-dashboard-reference-total > span:not(.tiko-dashboard-reference-total-icon) {
    color: rgba(255, 255, 255, 0.95);
    font-size: 12px;
    font-weight: 700;
}

.tiko-dashboard-reference-total-icon {
    width: 82px !important;
    height: 82px !important;
    position: absolute;
    bottom: -15px;
    left: -8px;
    color: #fff !important;
    font-size: 82px !important;
    line-height: 1 !important;
    opacity: 0.13;
    transform: rotate(11deg);
}

.tiko-dashboard-money-lines {
    display: grid;
    gap: 1px;
    font-size: 13px !important;
}

.tiko-dashboard-reference-section {
    min-width: 0;
    padding: 20px 22px;
    border: 1px solid rgba(34, 35, 50, 0.08);
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 0 15px -8px rgba(0, 0, 0, 0.2);
}

.tiko-kando-content .tiko-admin-overview > .tiko-dashboard-reference-section.is-statistics {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.tiko-dashboard-reference-heading {
    margin-block-end: 16px;
    padding-block-end: 11px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-bottom: 1px solid #ededf0;
}

.tiko-dashboard-reference-heading h3,
.tiko-dashboard-reference-heading p {
    margin: 0;
}

.tiko-dashboard-reference-heading h3 {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #45464c;
    font-size: 16px;
}

.tiko-dashboard-reference-heading h3 .dashicons {
    color: #a45cae;
}

.tiko-dashboard-reference-heading p {
    margin-block-start: 5px;
    color: #8a8d95;
    font-size: 10px;
}

.tiko-dashboard-reference-heading a {
    color: var(--tiko-panel-blue);
    font-size: 10px;
    font-weight: 700;
}

.tiko-dashboard-reference-section.is-statistics > .tiko-dashboard-reference-heading {
    min-height: 49px;
    margin-block-end: 18px;
    padding: 17px 0 0;
    position: relative;
    justify-content: center;
    text-align: center;
    border-top: 1px solid #e8e9ed;
    border-bottom: 0;
}

.tiko-dashboard-reference-section.is-statistics > .tiko-dashboard-reference-heading > a {
    position: absolute;
    top: 20px;
    left: 0;
}

.tiko-dashboard-reference-status-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 17px;
}

.tiko-dashboard-reference-status-grid > a,
.tiko-dashboard-reference-levels > a {
    min-width: 0;
    min-height: 82px;
    padding: 12px 14px;
    display: grid;
    grid-template-areas:
        "icon value"
        "icon label";
    grid-template-columns: 58px minmax(0, 1fr);
    align-items: center;
    column-gap: 12px;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    background: #fff;
    color: #5f6169;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08);
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.tiko-dashboard-reference-status-grid > a > strong,
.tiko-dashboard-reference-levels > a > strong {
    grid-area: value;
    align-self: end;
    color: #545761;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.25;
}

.tiko-dashboard-reference-status-label {
    grid-area: label;
    align-self: start;
    color: #969aa4;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.65;
}

.tiko-dashboard-reference-status-icon {
    width: 56px;
    height: 56px;
    grid-area: icon;
    display: grid;
    place-items: center;
    border: 1px solid rgba(115, 103, 240, 0.25);
    border-radius: 50%;
    background: rgba(115, 103, 240, 0.12);
    color: #7367f0;
    box-shadow: 0 0 0 5px rgba(115, 103, 240, 0.035);
}

.tiko-dashboard-reference-status-icon .dashicons {
    width: 27px;
    height: 27px;
    font-size: 27px;
    line-height: 1;
}

.tiko-dashboard-reference-status-grid > a:hover,
.tiko-dashboard-reference-status-grid > a:focus-visible,
.tiko-dashboard-reference-levels > a:hover,
.tiko-dashboard-reference-levels > a:focus-visible {
    border-color: #beb8f3;
    background: #fff;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.1);
    transform: translateY(-1px);
}

.tiko-dashboard-reference-status-grid > a.is-alert {
    border-color: #df9ca7;
    background: #fff;
}

.tiko-dashboard-reference-status-grid > a.is-order-awaiting-action,
.tiko-dashboard-reference-status-grid > a.is-refill-action {
    border-color: #e8cb65;
}

.tiko-dashboard-reference-status-grid > a.is-alert > strong,
.tiko-dashboard-reference-status-grid > a.is-alert > .tiko-dashboard-reference-status-label {
    color: #a33449;
}

.tiko-legacy-user-links,
.tiko-legacy-report-ranges {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.tiko-legacy-user-links {
    margin-block: 14px 18px;
    padding-block-start: 14px;
    border-block-start: 1px solid #eceef2;
}

.tiko-legacy-user-detail .tiko-legacy-definition-list dd small {
    margin-block-start: 4px;
    display: block;
    color: var(--tiko-panel-muted);
}

.tiko-legacy-report-ranges {
    margin-block-end: 12px;
    padding: 9px;
    border: 1px solid rgba(34, 35, 50, 0.08);
    border-radius: 8px;
    background: #fff;
}

.tiko-legacy-report-ranges > a {
    min-height: 36px;
    padding: 7px 13px;
    display: inline-flex;
    align-items: center;
    border: 1px solid #e4e7ef;
    border-radius: 6px;
    background: #f8f9fb;
    color: #5f6169;
    font-size: 11px;
    font-weight: 800;
    text-decoration: none !important;
}

.tiko-legacy-report-ranges > a:hover,
.tiko-legacy-report-ranges > a:focus-visible,
.tiko-legacy-report-ranges > a.is-current {
    border-color: #7d8bd2;
    background: #eef1ff;
    color: #2d3f9f;
}

.tiko-dashboard-reference-levels {
    width: min(760px, 100%);
    margin-inline: auto;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.tiko-dashboard-reference-levels > .is-gold .tiko-dashboard-reference-status-icon {
    border-color: rgba(217, 171, 40, 0.32);
    background: rgba(217, 171, 40, 0.12);
    color: #d3a31d;
    box-shadow: 0 0 0 5px rgba(217, 171, 40, 0.04);
}

.tiko-dashboard-reference-levels > .is-silver .tiko-dashboard-reference-status-icon {
    border-color: rgba(133, 161, 184, 0.32);
    background: rgba(133, 161, 184, 0.12);
    color: #7b96ac;
    box-shadow: 0 0 0 5px rgba(133, 161, 184, 0.04);
}

.tiko-dashboard-reference-levels > .is-bronze .tiko-dashboard-reference-status-icon {
    border-color: rgba(174, 116, 76, 0.32);
    background: rgba(174, 116, 76, 0.12);
    color: #a9693e;
    box-shadow: 0 0 0 5px rgba(174, 116, 76, 0.04);
}

.tiko-dashboard-reference-feed-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
}

.tiko-dashboard-reference-feed {
    display: grid;
}

.tiko-dashboard-reference-feed > a,
.tiko-dashboard-reference-feed > article,
.tiko-dashboard-reference-feed > details {
    min-width: 0;
    min-height: 60px;
    padding: 13px 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-bottom: 1px solid #eef0f3;
}

.tiko-dashboard-notification > summary {
    list-style: none;
    color: #4b4d54;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
}

.tiko-dashboard-reference-feed > details.tiko-dashboard-notification {
    display: block;
}

.tiko-dashboard-notification > summary::-webkit-details-marker {
    display: none;
}

.tiko-dashboard-notification > summary::before {
    content: "+";
    margin-inline-end: 8px;
    color: #ff5b8e;
}

.tiko-dashboard-notification[open] > summary::before {
    content: "−";
}

.tiko-dashboard-notification-body {
    padding: 12px 18px 4px;
    color: #676a73;
    font-size: 11px;
    line-height: 2;
    overflow-wrap: anywhere;
}

.tiko-dashboard-notification-body > :first-child {
    margin-block-start: 0;
}

.tiko-dashboard-notification-body > :last-child {
    margin-block-end: 0;
}

.tiko-dashboard-reference-feed > :last-child {
    border-bottom: 0;
}

.tiko-dashboard-reference-feed > a > div,
.tiko-dashboard-reference-feed > article > div,
.tiko-dashboard-reference-feed > article > span {
    min-width: 0;
    display: grid;
    gap: 3px;
}

.tiko-dashboard-reference-feed strong {
    color: #4b4d54;
    font-size: 12px;
    overflow-wrap: anywhere;
}

.tiko-dashboard-reference-feed small {
    color: var(--tiko-panel-muted);
    font-size: 9px;
}

.tiko-dashboard-reference-section[data-tiko-dashboard-section="recent-tickets"] {
    position: relative;
    padding-block-end: 30px;
}

.tiko-dashboard-reference-feed > a.tiko-dashboard-ticket-row {
    min-height: 78px;
    padding: 11px 8px;
    display: grid;
    grid-template-columns: 66px minmax(0, 1fr);
    justify-content: normal;
    gap: 14px;
}

.tiko-dashboard-ticket-date {
    width: 66px;
    min-height: 54px;
    padding: 6px 5px;
    display: grid;
    place-content: center;
    gap: 1px;
    border-radius: 4px;
    background: #f7f7f9;
    color: #7c7f87;
    text-align: center;
}

.tiko-dashboard-reference-feed .tiko-dashboard-ticket-date strong {
    color: #696c74;
    font-size: 17px;
    line-height: 1.2;
}

.tiko-dashboard-ticket-date span {
    color: #9a9ca3;
    font-size: 8px;
    line-height: 1.5;
}

.tiko-dashboard-ticket-copy {
    min-width: 0;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.tiko-dashboard-ticket-copy > strong {
    min-width: 0;
    overflow-wrap: anywhere;
}

.tiko-dashboard-ticket-add {
    width: 34px;
    height: 34px;
    position: absolute;
    left: 18px;
    bottom: -17px;
    z-index: 2;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #a75aad;
    color: #fff !important;
    box-shadow: 0 5px 14px rgba(115, 81, 132, 0.26);
}

.tiko-dashboard-ticket-add .dashicons {
    width: 18px;
    height: 18px;
    font-size: 18px;
}

/* Tickets: status queues, order classification, card list and keyset pager. */
.tiko-legacy-ticket-toolbar {
    display: grid;
    gap: 12px;
}

.tiko-legacy-ticket-new-alert {
    margin: 0;
    padding: 16px 18px;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    border: 1px solid #ffd2d8;
    border-radius: 16px;
    background: #fff4f5;
    color: #8c2735;
    box-shadow: 0 12px 30px -24px rgba(140, 39, 53, 0.55);
}

.tiko-legacy-ticket-new-alert h3 {
    margin: 0;
    color: inherit;
    font-size: 13px;
    line-height: 1.8;
}

.tiko-legacy-ticket-new-alert p {
    margin: 2px 0 0;
    color: #a24b57;
    font-size: 11px;
    line-height: 1.9;
}

.tiko-legacy-ticket-new-alert > .dashicons {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: #ffe1e5;
    color: #d43d52;
    font-size: 21px;
}

.tiko-legacy-ticket-new-back {
    margin: 0;
}

.tiko-legacy-ticket-new-back .tiko-legacy-button {
    width: fit-content;
    gap: 6px;
}

.tiko-legacy-ticket-new-grid {
    display: grid;
    grid-template-columns: minmax(285px, 0.78fr) minmax(0, 1.22fr);
    align-items: start;
    gap: 22px;
    direction: ltr;
}

.tiko-legacy-ticket-new-grid > * {
    direction: rtl;
}

.tiko-legacy-ticket-new-help {
    min-width: 0;
    overflow: hidden;
    border: 1px solid #e4e8f0;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 22px 48px -34px rgba(34, 35, 50, 0.45);
}

.tiko-legacy-ticket-new-help-media {
    padding: 22px 22px 10px;
    background: #f6fbff;
}

.tiko-legacy-ticket-new-help img {
    width: 100%;
    height: auto;
    display: block;
}

.tiko-legacy-ticket-new-help-copy {
    padding: 18px 22px 22px;
}

.tiko-legacy-ticket-new-help-copy > span {
    color: #3766cc;
    font-size: 10px;
    font-weight: 900;
}

.tiko-legacy-ticket-new-help-copy h2 {
    margin: 4px 0 0;
    color: #343641;
    font-size: 16px;
    line-height: 1.8;
}

.tiko-legacy-ticket-new-help ul {
    margin: 12px 0 0;
    padding-inline-start: 20px;
    color: #565860;
    line-height: 2;
}

.tiko-legacy-ticket-new-help li::marker {
    color: #5a73d8;
}

.tiko-legacy-ticket-new-form-card {
    margin: 0;
    padding: clamp(20px, 3vw, 30px);
    border: 1px solid #e4e8f0;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 22px 48px -34px rgba(34, 35, 50, 0.45);
}

.tiko-legacy-ticket-new-heading {
    align-items: flex-start;
    margin-block-end: 22px;
    padding-block-end: 18px;
}

.tiko-legacy-ticket-new-heading > div > span {
    color: #ef5473;
    font-size: 10px;
    font-weight: 900;
}

.tiko-legacy-ticket-new-heading h2 {
    margin-block-start: 3px;
    font-size: 20px;
}

.tiko-legacy-ticket-new-heading p {
    margin-block-start: 5px;
    color: #777b87;
    font-size: 11px;
    line-height: 1.9;
}

.tiko-legacy-ticket-new-heading > .dashicons {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: #edf2ff;
    color: #3157c8;
    font-size: 23px;
}

.tiko-legacy-ticket-new-form {
    gap: 18px;
}

.tiko-legacy-ticket-new-form .tiko-legacy-form-grid {
    gap: 16px;
}

.tiko-legacy-ticket-new-form label > span,
.tiko-legacy-ticket-user-label {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #40434c;
    font-size: 12px;
}

.tiko-legacy-ticket-new-form label small,
.tiko-ticket-create-more summary small {
    color: #9498a3;
    font-size: 9px;
    font-weight: 600;
}

.tiko-legacy-ticket-new-form input,
.tiko-legacy-ticket-new-form select,
.tiko-legacy-ticket-new-form textarea {
    min-height: 50px;
    border-color: #dfe4ed;
    border-radius: 12px;
    background: #fbfcfe;
    font-size: 12px;
}

.tiko-legacy-ticket-new-form textarea {
    min-height: 205px;
    padding: 13px 14px;
    line-height: 2;
}

.tiko-ticket-create-more {
    overflow: hidden;
    border: 1px solid #e3e7ee;
    border-radius: 14px;
    background: #f8f9fc;
}

.tiko-ticket-create-more summary {
    padding: 12px 14px;
    display: flex;
    align-items: center;
    gap: 7px;
    color: #555963;
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
}

.tiko-ticket-create-more-grid {
    padding: 0 14px 14px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.tiko-ticket-create-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.tiko-ticket-file-button,
.tiko-ticket-submit-button {
    min-height: 48px;
    padding: 9px 16px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px !important;
    border: 0;
    border-radius: 12px;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    cursor: pointer;
}

.tiko-ticket-file-button {
    position: relative;
    overflow: hidden;
    background: #4f8fe7;
}

.tiko-ticket-file-button:hover,
.tiko-ticket-file-button:focus-within {
    background: #3778d4;
    outline: 3px solid rgba(79, 143, 231, 0.18);
}

.tiko-ticket-file-button.has-file {
    background: #366fd0;
}

.tiko-ticket-file-button input[type="file"] {
    width: 1px;
    height: 1px;
    min-height: 1px;
    padding: 0;
    position: absolute;
    opacity: 0;
}

.tiko-ticket-submit-button {
    background: #35a83a;
}

.tiko-legacy-ticket-new-form button.tiko-ticket-submit-button {
    min-height: 48px;
    border: 0;
    border-radius: 12px;
    background: #35a83a;
    box-shadow: 0 10px 22px rgba(53, 168, 58, 0.2);
}

.tiko-ticket-submit-button:hover,
.tiko-ticket-submit-button:focus-visible,
.tiko-legacy-ticket-new-form button.tiko-ticket-submit-button:hover,
.tiko-legacy-ticket-new-form button.tiko-ticket-submit-button:focus-visible {
    background: #2b8f30;
}

.tiko-ticket-file-name {
    min-height: 20px;
    margin: -8px 0 0;
    color: #747985;
    font-size: 10px;
    line-height: 1.8;
    unicode-bidi: plaintext;
}

.tiko-legacy-ticket-user-field {
    min-width: 0;
    position: relative;
    display: grid;
    gap: 6px;
    color: #55565d;
    font-size: 11px;
    font-weight: 700;
}

.tiko-legacy-ticket-user-enhanced {
    min-width: 0;
    position: relative;
    display: grid;
    gap: 5px;
}

.tiko-legacy-ticket-user-enhanced[hidden],
.tiko-legacy-ticket-user-results[hidden] {
    display: none !important;
}

.tiko-legacy-ticket-user-control {
    min-width: 0;
    position: relative;
}

.tiko-legacy-form .tiko-legacy-ticket-user-control input[type="search"] {
    padding-inline-end: 42px;
}

.tiko-legacy-ticket-user-clear {
    width: 30px;
    height: 30px;
    min-height: 0;
    padding: 0;
    position: absolute;
    inset-inline-end: 7px;
    top: 50%;
    display: grid;
    place-items: center;
    translate: 0 -50%;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #777982;
    cursor: pointer;
}

.tiko-legacy-ticket-user-clear:hover,
.tiko-legacy-ticket-user-clear:focus-visible {
    background: #eef0f6;
    color: #273891;
    outline: 2px solid rgba(39, 56, 145, 0.2);
}

.tiko-legacy-ticket-user-status {
    min-height: 20px;
    color: #747680;
    font-size: 10px;
    font-weight: 500;
    line-height: 1.8;
}

.tiko-legacy-ticket-user-field[data-tiko-ticket-user-state="error"] .tiko-legacy-ticket-user-status {
    color: #b4233c;
}

.tiko-legacy-ticket-user-field[data-tiko-ticket-user-state="selected"] .tiko-legacy-ticket-user-status {
    color: #287a4d;
}

.tiko-legacy-ticket-user-results {
    max-height: 260px;
    position: absolute;
    z-index: 30;
    inset-inline: 0;
    top: calc(100% + 4px);
    overflow-y: auto;
    overscroll-behavior: contain;
    border: 1px solid #d9dce7;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 12px 28px rgba(35, 39, 63, 0.16);
}

.tiko-legacy-ticket-user-option {
    padding: 10px 12px;
    border-block-end: 1px solid #f0f1f5;
    color: #4d4e54;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.8;
    text-align: start;
    cursor: pointer;
}

.tiko-legacy-ticket-user-option:last-child {
    border-block-end: 0;
}

.tiko-legacy-ticket-user-option:hover,
.tiko-legacy-ticket-user-option[aria-selected="true"] {
    background: #2538a7;
    color: #fff;
}

.tiko-legacy-reference-toolbar {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 8px;
}

.tiko-legacy-reference-filter-panel {
    display: grid;
    gap: 12px;
}

.tiko-legacy-reference-filter-panel[hidden] {
    display: none !important;
}

.tiko-legacy-ticket-reference-actions .is-pinned {
    background: #f25580;
    color: #fff !important;
}

.tiko-legacy-ticket-reference-actions .is-pinned:hover,
.tiko-legacy-ticket-reference-actions .is-pinned:focus-visible {
    background: #da406c;
}

.tiko-legacy-ticket-queues {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 9px;
}

.tiko-legacy-ticket-queues > a {
    min-width: 0;
    min-height: 72px;
    padding: 11px 13px;
    display: grid;
    align-content: center;
    gap: 3px;
    border: 1px solid #e3e5ec;
    border-radius: 7px;
    background: #fff;
    color: #62646b;
}

.tiko-legacy-ticket-queues > a strong {
    color: #3045ad;
    font-size: 18px;
}

.tiko-legacy-ticket-queues > a span {
    font-weight: 700;
}

.tiko-legacy-ticket-queues > a.is-current {
    border-color: #7f8dd2;
    background: #eef1ff;
    box-shadow: inset 0 0 0 1px #7f8dd2;
}

.tiko-legacy-ticket-order-groups {
    padding-block-end: 18px;
}

.tiko-legacy-ticket-order-grid {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 8px;
}

.tiko-legacy-ticket-order-grid > a {
    min-width: 0;
    min-height: 86px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    border: 1px solid #e5e7ed;
    border-block-start: 3px solid #7a8ad3;
    border-radius: 6px;
    background: #fafbfc;
    color: #5c5e66;
}

.tiko-legacy-ticket-order-grid > a > span {
    min-width: 0;
    display: grid;
    gap: 3px;
}

.tiko-legacy-ticket-order-grid > a strong {
    color: #4b4d55;
    overflow-wrap: anywhere;
}

.tiko-legacy-ticket-order-grid > a small {
    color: var(--tiko-panel-muted);
    line-height: 1.55;
}

.tiko-legacy-ticket-order-grid > a b {
    min-width: 29px;
    height: 29px;
    padding-inline: 5px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #eef0f7;
    color: #3045ad;
}

.tiko-legacy-ticket-order-grid > a.is-current {
    border-color: #7a8ad3;
    background: #eef1ff;
    box-shadow: inset 0 0 0 1px #7a8ad3;
}

.tiko-legacy-ticket-order-grid > a.is-completed { border-block-start-color: #3f9b69; }
.tiko-legacy-ticket-order-grid > a.is-progress { border-block-start-color: #3b83c8; }
.tiko-legacy-ticket-order-grid > a.is-error { border-block-start-color: #ce4b57; }
.tiko-legacy-ticket-order-grid > a.is-problem { border-block-start-color: #d07c38; }
.tiko-legacy-ticket-order-grid > a.is-no-order { border-block-start-color: #888d99; }
.tiko-legacy-ticket-order-grid > a.is-invalid { border-block-start-color: #b14c89; }

.tiko-legacy-ticket-cards {
    display: grid;
    gap: 9px;
}

.tiko-legacy-ticket-cards > article {
    min-width: 0;
    padding: 12px 13px;
    display: grid;
    grid-template-columns: minmax(92px, auto) minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    border: 1px solid #e8eaf0;
    border-inline-start: 4px solid #7b89ca;
    border-radius: 7px;
    background: #fff;
}

.tiko-legacy-ticket-cards > article.is-pinned {
    border-inline-start-color: #d28a31;
    background: #fffdf7;
}

.tiko-legacy-ticket-cards > article > time,
.tiko-legacy-ticket-card-body,
.tiko-legacy-ticket-card-actions {
    min-width: 0;
}

.tiko-legacy-ticket-cards > article > time,
.tiko-legacy-ticket-card-body {
    display: grid;
    gap: 5px;
}

.tiko-legacy-ticket-cards > article > time small {
    color: var(--tiko-panel-muted);
}

.tiko-legacy-ticket-title {
    color: #41434a !important;
    font-size: 13px;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.tiko-legacy-ticket-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    color: #777982;
}

.tiko-legacy-ticket-meta .is-order-state {
    padding-inline-start: 7px;
    border-inline-start: 1px solid #e2e4e9;
}

.tiko-legacy-ticket-card-actions,
.tiko-legacy-pagination {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
}

.tiko-legacy-pagination {
    margin-block-start: 16px;
    padding-block-start: 14px;
    justify-content: center;
    border-top: 1px solid #ededf0;
}

/* Payments: familiar gateway strip, compact operational facets and ledger rows. */
.tiko-legacy-payment-toolbar {
    margin-block-end: 12px;
}

.tiko-legacy-payment-gateway-cards {
    padding: 10px;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 8px;
    border: 1px solid rgba(34, 35, 50, 0.08);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 0 15px -8px rgba(0, 0, 0, 0.2);
}

.tiko-legacy-payment-gateway-cards > a,
.tiko-legacy-payment-status-cards > a,
.tiko-legacy-payment-type-cards > a {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 7px;
    border: 1px solid #e8eaf0;
    border-radius: 6px;
    background: #fafbfc;
    color: #64666d;
    font-weight: 700;
}

.tiko-legacy-payment-gateway-cards > a {
    min-height: 53px;
    padding: 10px 12px;
    border-block-start: 3px solid #7f8bd0;
}

.tiko-legacy-payment-gateway-cards > .is-gateway-1 { border-block-start-color: #52a85c; }
.tiko-legacy-payment-gateway-cards > .is-gateway-2 { border-block-start-color: #dba147; }
.tiko-legacy-payment-gateway-cards > .is-gateway-3 { border-block-start-color: #79b897; }
.tiko-legacy-payment-gateway-cards > .is-gateway-4 { border-block-start-color: #678bd0; }
.tiko-legacy-payment-gateway-cards > .is-gateway-5 { border-block-start-color: #55a9b8; }
.tiko-legacy-payment-gateway-cards > .is-gateway-6 { border-block-start-color: #9e75bc; }

.tiko-legacy-payment-gateway-cards > a strong,
.tiko-legacy-payment-status-cards > a strong,
.tiko-legacy-payment-type-cards > a strong {
    min-width: 27px;
    height: 27px;
    padding-inline: 5px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: #eef0f7;
    color: #3045ad;
    font-size: 11px;
}

.tiko-legacy-payment-gateway-cards > a.is-current,
.tiko-legacy-payment-status-cards > a.is-current,
.tiko-legacy-payment-type-cards > a.is-current {
    border-color: #7d89cf;
    background: #eef1ff;
    box-shadow: inset 0 0 0 1px #7d89cf;
}

.tiko-legacy-payment-facet-grid {
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
    gap: 12px;
}

.tiko-legacy-payment-status-cards,
.tiko-legacy-payment-type-cards {
    min-width: 0;
    padding: 9px;
    display: flex;
    align-items: stretch;
    gap: 7px;
    overflow-x: auto;
    border: 1px solid rgba(34, 35, 50, 0.08);
    border-radius: 8px;
    background: #fff;
    scrollbar-width: thin;
}

.tiko-legacy-payment-status-cards > a,
.tiko-legacy-payment-type-cards > a {
    min-width: 108px;
    min-height: 48px;
    padding: 8px 10px;
    flex: 1 0 108px;
}

.tiko-legacy-payment-type-cards > a.is-topup {
    border-color: #b9dfca;
    background: #f1faf5;
    color: #267a4d;
}

.tiko-legacy-payment-filter {
    grid-template-columns: minmax(180px, 2fr) minmax(180px, 1fr) auto auto;
    padding: 14px;
    border: 1px solid rgba(34, 35, 50, 0.08);
    border-radius: 8px;
    background: #fff;
}

.tiko-legacy-payment-success-only {
    min-height: 42px;
    align-self: end;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    white-space: nowrap;
}

.tiko-legacy-payment-list .tiko-legacy-table {
    min-width: 1120px;
}

.tiko-legacy-payment-row td:first-child {
    border-inline-start: 3px solid #69ad69;
}

.tiko-legacy-payment-row.is-failed td:first-child,
.tiko-legacy-payment-row.is-canceled td:first-child,
.tiko-legacy-payment-row.is-expired td:first-child {
    border-inline-start-color: #dc5870;
}

.tiko-legacy-payment-row.is-manual_review td:first-child,
.tiko-legacy-payment-row.is-pending td:first-child,
.tiko-legacy-payment-row.is-created td:first-child {
    border-inline-start-color: #d99c43;
}

.tiko-legacy-payment-warning {
    margin-block-start: 5px;
    display: block;
    color: #a54c34;
    font-size: 10px;
    font-weight: 700;
}

.tiko-legacy-payment-operation {
    min-width: 128px;
}

.tiko-legacy-payment-operation > summary {
    min-height: 32px;
    padding: 6px 11px;
    display: inline-flex;
    align-items: center;
    border-radius: 6px;
    background: #4c9e56;
    color: #fff;
    font-weight: 800;
    cursor: pointer;
    list-style: none;
}

.tiko-legacy-payment-operation > summary::-webkit-details-marker {
    display: none;
}

.tiko-legacy-payment-operation[open] {
    width: min(470px, 72vw);
    padding: 10px;
    border: 1px solid #e1e4ea;
    border-radius: 7px;
    background: #fff;
    box-shadow: 0 8px 22px -14px rgba(34, 35, 50, 0.55);
}

.tiko-legacy-payment-operation[open] > summary {
    margin-block-end: 11px;
}

.tiko-legacy-payment-operation .tiko-legacy-definition-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-block-end: 10px;
}

.tiko-legacy-payment-operation .tiko-legacy-inline-form {
    width: 100%;
    margin-block-start: 10px;
    padding-block-start: 10px;
    border-block-start: 1px solid #eceef2;
}

.tiko-legacy-payment-operation .tiko-legacy-inline-form > label:not(.tiko-legacy-check) {
    flex: 1 1 230px;
}

@media (max-width: 1100px) {
    .tiko-legacy-ticket-new-grid {
        grid-template-columns: 1fr;
    }

    .tiko-legacy-ticket-new-form-card {
        order: 1;
    }

    .tiko-legacy-ticket-new-help {
        order: 2;
    }

    .tiko-legacy-provider-editor {
        grid-template-columns: 1fr;
    }

    .tiko-legacy-catalog-editor {
        grid-template-columns: 1fr;
    }

    .tiko-legacy-catalog-guide {
        min-height: 250px;
    }

    .tiko-legacy-catalog-guide img {
        width: min(48%, 220px);
    }

    .tiko-legacy-provider-guide {
        min-height: 260px;
    }

    .tiko-legacy-provider-guide img {
        width: min(48%, 220px);
    }

    .tiko-dashboard-reference-totals {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tiko-dashboard-reference-status-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tiko-legacy-ticket-queues,
    .tiko-legacy-ticket-order-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .tiko-legacy-payment-gateway-cards {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .tiko-legacy-payment-facet-grid {
        grid-template-columns: 1fr;
    }

    .tiko-legacy-payment-filter {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tiko-legacy-stat-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tiko-legacy-filter {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {
    .tiko-ticket-create-actions,
    .tiko-ticket-create-more-grid {
        grid-template-columns: 1fr;
    }

    .tiko-legacy-ticket-new-alert {
        padding: 14px;
        grid-template-columns: 36px minmax(0, 1fr);
    }

    .tiko-legacy-ticket-new-alert > .dashicons {
        width: 36px;
        height: 36px;
        font-size: 20px;
    }

    .tiko-legacy-ticket-new-form-card,
    .tiko-legacy-ticket-new-help-copy,
    .tiko-legacy-ticket-new-help-media {
        padding: 16px;
    }

    .tiko-legacy-provider-service-picker .tiko-legacy-form {
        grid-template-columns: 1fr;
    }

    .tiko-legacy-provider-list-head {
        min-height: 68px;
        padding: 18px 16px;
    }

    .tiko-legacy-provider-list-card > .tiko-legacy-table-wrap {
        width: calc(100% - 32px);
        margin: 0 16px 20px;
    }

    .tiko-legacy-provider-pagination {
        padding-inline: 16px;
    }

    .tiko-legacy-provider-add,
    .tiko-legacy-provider-filter {
        flex: 1 1 auto;
        justify-content: center;
    }

    .tiko-legacy-provider-floating-add {
        left: 16px;
        bottom: 16px;
    }

    .tiko-legacy-link-type-groups,
    .tiko-legacy-notification-alert-fields {
        grid-template-columns: 1fr;
    }

    .tiko-legacy-notification-row-link {
        padding: 12px;
        grid-template-columns: 46px minmax(0, 1fr);
        gap: 8px 10px;
    }

    .tiko-legacy-notification-kind,
    .tiko-legacy-notification-state {
        grid-column: 2;
        justify-self: start;
    }

    .tiko-legacy-notification-copy {
        grid-column: 2;
        grid-row: 1;
    }

    .tiko-legacy-notification-delete {
        width: 38px;
        min-width: 38px;
    }

    .tiko-dashboard-reference-totals,
    .tiko-dashboard-reference-status-grid,
    .tiko-dashboard-reference-levels,
    .tiko-dashboard-reference-feed-grid,
    .tiko-legacy-ticket-queues,
    .tiko-legacy-ticket-order-grid,
    .tiko-legacy-payment-gateway-cards,
    .tiko-legacy-payment-filter {
        grid-template-columns: 1fr;
    }

    .tiko-dashboard-reference-total {
        min-height: 92px;
    }

    .tiko-dashboard-welcome-inner {
        padding: 54px 22px 24px;
        flex-direction: column-reverse;
        gap: 12px;
        text-align: center;
    }

    .tiko-dashboard-welcome-inner img {
        width: 78px;
        height: 78px;
        flex-basis: 78px;
    }

    .tiko-dashboard-reference-section.is-statistics > .tiko-dashboard-reference-heading {
        padding-inline: 0;
        padding-block-end: 28px;
    }

    .tiko-dashboard-reference-section.is-statistics > .tiko-dashboard-reference-heading > a {
        top: auto;
        bottom: 2px;
        left: 50%;
        transform: translateX(-50%);
    }

    .tiko-dashboard-reference-feed > a,
    .tiko-dashboard-reference-feed > article {
        align-items: start;
        flex-direction: column;
    }

    .tiko-legacy-ticket-cards > article {
        grid-template-columns: 1fr;
    }

    .tiko-legacy-ticket-card-actions {
        justify-content: stretch;
    }

    .tiko-legacy-ticket-card-actions .tiko-legacy-button {
        flex: 1 1 auto;
    }

    .tiko-legacy-grid,
    .tiko-legacy-grid-2,
    .tiko-legacy-stat-grid,
    .tiko-legacy-form-grid,
    .tiko-legacy-definition-list,
    .tiko-legacy-filter {
        grid-template-columns: 1fr;
    }

    .tiko-legacy-card,
    .tiko-legacy-page-head {
        padding: 16px;
    }

    .tiko-legacy-button,
    .tiko-legacy-form-actions .tiko-legacy-button {
        width: 100%;
    }

    .tiko-legacy-ticket-reply {
        width: 94%;
    }

    .tiko-legacy-provider-toolbar,
    .tiko-legacy-list-toolbar,
    .tiko-legacy-provider-filters {
        width: 100%;
    }

    .tiko-legacy-price-group {
        padding: 0;
    }

    .tiko-legacy-price-group-head {
        min-height: 52px;
        padding: 12px 14px 10px;
    }

    .tiko-legacy-price-group-head h3 {
        font-size: 13px;
    }

    .tiko-legacy-price-group .tiko-legacy-table-wrap {
        width: calc(100% - 20px);
        margin: 10px;
    }

    .tiko-legacy-bulk-price-form > .tiko-legacy-form-actions {
        bottom: 10px;
    }

    .tiko-legacy-bulk-description-dialog {
        width: calc(100vw - 20px);
    }
}

.tiko-kando-footer {
    padding: 18px 6px 13px;
    margin-block-start: 24px;
    border-top: 2px dotted rgba(0, 0, 0, 0.11);
    color: #686b6f;
    font-size: 10px;
    text-align: center;
}

.tiko-kando-footer a {
    color: var(--tiko-panel-blue);
    font-weight: 700;
}

/*
 * Panel one has its own account header and horizontal route rail. Panel two
 * keeps the vertical account/sidebar structure defined by the base rules.
 */
@media (min-width: 993px) {
    .tiko-kando-app.is-panel1 .tiko-kando-topbar {
        min-height: 58px;
        padding-block-end: 0;
        background: #fff;
        box-shadow: 0 2px 12px rgba(34, 35, 50, 0.08);
    }

    .tiko-kando-app.is-panel1 .tiko-kando-topbar-inner {
        min-height: 58px;
    }

    .tiko-kando-app.is-panel1 .tiko-kando-layout {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas:
            "panel1-header"
            "sidebar"
            "content";
        gap: 14px;
        padding-block-start: 18px;
        direction: rtl;
    }

    .tiko-kando-app.is-panel1 .tiko-kando-panel1-header {
        grid-area: panel1-header;
        min-width: 0;
        min-height: 92px;
        padding: 14px 18px;
        display: grid;
        grid-template-columns:
            minmax(190px, 1fr)
            minmax(170px, 0.85fr)
            minmax(260px, 1.4fr)
            minmax(140px, 0.7fr);
        align-items: center;
        gap: 14px;
        border: 1px solid var(--tiko-panel-line);
        border-block-start: 3px solid var(--tiko-panel-blue);
        border-radius: 7px;
        background: #fff;
        box-shadow: 0 8px 22px -18px rgba(34, 35, 50, 0.72);
        direction: rtl;
    }

    .tiko-kando-panel1-account,
    .tiko-kando-panel1-balance {
        min-width: 0;
        min-height: 58px;
        display: flex;
        align-items: center;
        gap: 11px;
        border-radius: 7px;
    }

    .tiko-kando-panel1-account:hover,
    .tiko-kando-panel1-account:focus-visible,
    .tiko-kando-panel1-balance:hover,
    .tiko-kando-panel1-balance:focus-visible {
        background: var(--tiko-panel-quiet);
        outline: 2px solid rgba(40, 93, 216, 0.12);
        outline-offset: 2px;
    }

    .tiko-kando-panel1-avatar {
        width: 54px;
        height: 54px;
        flex: 0 0 54px;
        border: 2px solid #edcf5b;
        border-radius: 50%;
        object-fit: cover;
    }

    .tiko-kando-panel1-account > span,
    .tiko-kando-panel1-balance > span:last-child {
        min-width: 0;
        display: grid;
        gap: 2px;
    }

    .tiko-kando-panel1-account small,
    .tiko-kando-panel1-balance small {
        color: var(--tiko-panel-muted);
        font-size: 9px;
    }

    .tiko-kando-panel1-account strong,
    .tiko-kando-panel1-balance strong {
        overflow: hidden;
        color: #505158;
        font-size: 12px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .tiko-kando-panel1-balance {
        padding-inline: 13px;
        border-inline-start: 1px dashed #d6d7da;
        border-inline-end: 1px dashed #d6d7da;
        color: var(--tiko-panel-pink);
    }

    .tiko-kando-panel1-balance > .dashicons {
        width: 24px;
        height: 24px;
        flex: 0 0 24px;
        font-size: 24px;
    }

    .tiko-kando-panel1-balance strong {
        color: var(--tiko-panel-pink);
    }

    .tiko-kando-panel1-quick-actions {
        min-width: 0;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .tiko-kando-panel1-quick-actions a {
        min-width: 0;
        min-height: 43px;
        padding: 8px 11px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 7px;
        border: 1px solid rgba(30, 47, 157, 0.12);
        border-radius: 7px;
        background: #f6f7fb;
        color: var(--tiko-panel-blue);
        font-weight: 700;
        text-align: center;
    }

    .tiko-kando-panel1-quick-actions a:hover,
    .tiko-kando-panel1-quick-actions a:focus-visible,
    .tiko-kando-panel1-quick-actions a.is-active {
        border-color: var(--tiko-panel-blue);
        background: var(--tiko-panel-blue);
        color: #fff;
    }

    .tiko-kando-panel1-quick-actions .dashicons {
        width: 18px;
        height: 18px;
        flex: 0 0 18px;
        font-size: 18px;
    }

    .tiko-kando-panel1-preferences {
        width: 100%;
        margin: 0;
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 7px;
    }

    .tiko-kando-panel1-preferences select,
    .tiko-kando-panel1-preferences button {
        min-height: 35px;
    }

    .tiko-kando-app.is-panel1 .tiko-kando-sidebar {
        grid-area: sidebar;
        width: 100%;
        padding: 9px;
        margin: 0;
        border: 1px solid var(--tiko-panel-line);
        border-radius: 7px;
        box-shadow: 0 5px 18px -14px rgba(34, 35, 50, 0.5);
    }

    .tiko-kando-app.is-panel1 .tiko-kando-identity,
    .tiko-kando-app.is-panel1 .tiko-kando-days,
    .tiko-kando-app.is-panel1 .tiko-kando-quick-actions {
        display: none;
    }

    .tiko-kando-app.is-panel1 .tiko-kando-navigation {
        display: flex;
        align-items: stretch;
        gap: 6px;
        overflow-x: auto;
        scrollbar-width: thin;
    }

    .tiko-kando-app.is-panel1 .tiko-kando-navigation a {
        min-width: max-content;
        min-height: 46px;
        flex: 0 0 auto;
        padding-inline: 13px;
        background: transparent;
    }

    .tiko-kando-app.is-panel1 .tiko-kando-navigation a:hover,
    .tiko-kando-app.is-panel1 .tiko-kando-navigation a:focus-visible {
        background: var(--tiko-panel-quiet);
    }

    .tiko-kando-app.is-panel1 .tiko-kando-navigation a.is-active {
        background: var(--tiko-panel-blue);
        color: #fff;
    }

    .tiko-kando-app.is-panel1 .tiko-kando-navigation a.is-active::after {
        inset-block: auto -9px;
        inset-inline: 9px;
        width: auto;
        height: 4px;
        border-radius: 4px 4px 0 0;
    }

    .tiko-kando-app.is-panel1 .tiko-kando-navigation a.is-logout {
        margin-block-start: 0;
    }

    .tiko-kando-app.is-panel1 .tiko-kando-content {
        grid-area: content;
        width: 100%;
        padding-block-start: 0;
    }

    .tiko-kando-app.is-panel2 .tiko-kando-sidebar {
        grid-area: sidebar;
    }

    .tiko-kando-app.is-panel2 .tiko-kando-content {
        grid-area: content;
    }
}

.tiko-kando-backdrop,
.tiko-kando-mobile-actions {
    display: none;
}

@media (max-width: 1399px) {
    .tiko-kando-topbar-inner,
    .tiko-kando-layout {
        width: min(1240px, calc(100% - 36px));
    }

    .tiko-kando-layout {
        grid-template-columns: minmax(0, 3fr) minmax(260px, 1fr);
    }

    .tiko-kando-content .tiko-stat-grid {
        gap: 18px;
    }

    .tiko-dashboard-status-grid {
        gap: 18px;
    }
}

@media (max-width: 1100px) and (min-width: 993px) {
    .tiko-kando-topbar-inner,
    .tiko-kando-layout {
        width: min(960px, calc(100% - 28px));
    }

    .tiko-kando-content .tiko-stat-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tiko-dashboard-status-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 992px) {
    body.tiko-dashboard-document {
        padding-block-end: 72px;
    }

    .tiko-kando-welcome {
        grid-template-columns: 1fr;
        padding: 22px;
        text-align: center;
    }

    .tiko-kando-welcome img,
    .tiko-kando-welcome div {
        grid-column: 1;
    }

    .tiko-kando-welcome img {
        grid-row: 1;
        justify-self: center;
    }

    .tiko-kando-welcome div {
        grid-row: 2;
    }

    .tiko-kando-topbar {
        min-height: 68px;
        padding: 0 12px;
        background: #fff;
        box-shadow: 0 0 11px rgba(0, 0, 0, 0.1);
    }

    .tiko-kando-topbar-inner {
        width: 100%;
        min-height: 68px;
        justify-content: space-between;
        direction: rtl;
    }

    .tiko-kando-menu-toggle {
        display: inline-flex;
    }

    .tiko-kando-top-actions {
        direction: ltr;
    }

    .tiko-kando-icon-button {
        width: 34px;
        min-width: 34px;
        height: 34px;
        border-radius: 11px;
        background: #eff1f5;
    }

    .tiko-kando-icon-button.is-logout {
        background: #ffebeb;
    }

    .tiko-kando-layout {
        width: 100%;
        display: block;
    }

    .tiko-kando-content {
        width: 100%;
        padding: 24px 12px 18px;
    }

    .tiko-kando-sidebar {
        position: fixed;
        z-index: 1001;
        inset-block: 0;
        right: 0;
        left: auto;
        width: min(270px, 82vw);
        height: 100dvh;
        padding-inline: 15px;
        margin: 0;
        overflow-y: auto;
        overscroll-behavior: contain;
        border-radius: 0;
        visibility: hidden;
        opacity: 0;
        transform: translateX(105%);
        transition: transform 260ms ease, opacity 200ms ease, visibility 260ms ease;
    }

    .admin-bar .tiko-kando-sidebar {
        inset-block-start: 32px;
        height: calc(100dvh - 32px);
    }

    .tiko-kando-sidebar-close {
        position: absolute;
        z-index: 2;
        inset-block-start: 9px;
        inset-inline-start: 9px;
        width: 24px;
        height: 24px;
        padding: 0;
        display: grid;
        place-items: center;
        border: 0;
        border-radius: 8px;
        background: #cacaca;
        color: #fff;
        cursor: pointer;
    }

    .tiko-kando-sidebar-close .dashicons {
        width: 18px;
        height: 18px;
        font-size: 18px;
    }

    .tiko-kando-backdrop {
        position: fixed;
        z-index: 1000;
        inset: 0;
        width: 100%;
        height: 100%;
        padding: 0;
        border: 0;
        background: rgba(45, 47, 53, 0.45);
        cursor: pointer;
    }

    .tiko-kando-app.is-sidebar-open .tiko-kando-sidebar {
        visibility: visible;
        opacity: 1;
        transform: translateX(0);
    }

    .tiko-kando-app.is-sidebar-open .tiko-kando-backdrop {
        display: block;
    }

    .tiko-kando-app.is-sidebar-open {
        height: 100dvh;
        overflow: hidden;
    }

    .tiko-kando-identity {
        min-height: 216px;
    }

    .tiko-kando-logo {
        width: 106px;
        height: 106px;
    }

    .tiko-kando-logo img {
        width: 86px;
        height: 86px;
    }

    .tiko-kando-days {
        gap: 7px;
    }

    .tiko-kando-content .tiko-view-head {
        min-height: 250px;
        padding: 30px 24px;
        margin-block-end: 58px;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }

    .tiko-kando-content .tiko-view-head h2 {
        font-size: 23px;
    }

    .tiko-kando-content .tiko-stat-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .tiko-kando-content .tiko-stat-grid article {
        min-height: 78px;
    }

    .tiko-dashboard-status-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
    }

    .tiko-kando-service-directory,
    .tiko-legacy-provider-catalog-intro {
        min-height: 0;
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas:
            "copy"
            "help";
        gap: 24px;
    }

    .tiko-kando-service-picker-copy,
    .tiko-legacy-provider-catalog-copy {
        padding-inline: 0;
    }

    .tiko-kando-service-help,
    .tiko-legacy-provider-catalog-help {
        width: min(520px, 100%);
        justify-self: center;
    }

    .tiko-legacy-provider-dialog-workflows {
        grid-template-columns: minmax(0, 1fr);
    }

    .tiko-kando-mobile-actions {
        position: fixed;
        z-index: 900;
        inset-inline: 0;
        inset-block-end: 0;
        height: 64px;
        padding: 8px 23px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: #fff;
        box-shadow: 0 -5px 18px rgba(34, 35, 50, 0.1);
        direction: ltr;
    }

    .tiko-kando-mobile-actions a {
        width: 42px;
        height: 42px;
        display: grid;
        place-items: center;
        border-radius: 50%;
        color: #686b6f;
    }

    .tiko-kando-mobile-actions a.is-primary {
        width: 58px;
        height: 58px;
        margin-block-start: -30px;
        border: 4px solid #e57c38;
        background: var(--tiko-panel-blue);
        color: #fff;
        box-shadow: 0 0 0 4px #fff;
    }

    .tiko-kando-mobile-actions .dashicons {
        width: 22px;
        height: 22px;
        font-size: 22px;
    }

    .tiko-kando-mobile-actions .is-primary .dashicons {
        width: 27px;
        height: 27px;
        font-size: 27px;
    }

    .tiko-kando-footer {
        margin-block-end: 22px;
    }
}

@media (max-width: 782px) {
    .admin-bar .tiko-kando-sidebar {
        inset-block-start: 46px;
        height: calc(100dvh - 46px);
    }
}

@media (max-width: 560px) {
    .tiko-kando-top-actions {
        gap: 7px;
    }

    .tiko-kando-content .tiko-form-grid,
    .tiko-kando-content .tiko-detail-list {
        grid-template-columns: 1fr;
    }

    .tiko-kando-content .tiko-panel-card,
    .tiko-kando-content .tiko-contact-card,
    .tiko-kando-content .tiko-legacy-admin > section,
    .tiko-kando-content .tiko-legacy-card {
        padding: 16px;
    }

    .tiko-kando-content .tiko-view-head {
        min-height: 286px;
        padding-inline: 20px;
    }

    .tiko-dashboard-status-grid {
        grid-template-columns: 1fr;
    }

    .tiko-kando-service-navigation,
    .tiko-kando-service-member-navigation {
        align-items: stretch;
        flex-direction: column;
    }

    .tiko-kando-service-nav-button,
    .tiko-kando-service-picker-submit,
    .tiko-legacy-provider-catalog-submit {
        width: 100%;
    }

    .tiko-kando-service-picker-copy h1,
    .tiko-legacy-provider-catalog-copy h1 {
        font-size: 22px;
    }

    .tiko-kando-service-help img,
    .tiko-legacy-provider-catalog-help img {
        height: 210px;
    }

    .tiko-legacy-provider-service-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tiko-legacy-provider-dialog-workflows,
    .tiko-legacy-provider-dialog-head {
        padding-inline: 14px;
    }

    .tiko-dashboard-feed .tiko-card-head,
    .tiko-dashboard-feed > .tiko-empty,
    .tiko-dashboard-feed > .tiko-ticket-list,
    .tiko-dashboard-news-list {
        padding-inline: 16px;
    }
}

@media (max-width: 992px) {
    .tiko-kando-content .tiko-kando-editor-grid {
        margin-inline: 0;
        grid-template-columns: minmax(0, 1fr);
        gap: 40px;
    }

    .tiko-kando-content .tiko-kando-editor-main,
    .tiko-kando-content .tiko-kando-editor-pricing {
        grid-column: 1;
        padding-inline: 0;
    }

    .tiko-kando-content .tiko-kando-editor-main {
        grid-row: 1;
    }

    .tiko-kando-content .tiko-kando-editor-pricing {
        grid-row: 2;
    }

    .tiko-kando-content .tiko-kando-editor-help {
        width: min(560px, 100%);
    }
}

@media (max-width: 560px) {
    .tiko-kando-content .tiko-kando-editor-title {
        font-size: 22px;
    }

    .tiko-kando-content .tiko-kando-minmax,
    .tiko-kando-content .tiko-kando-service-editor [data-tiko-api-fields],
    .tiko-kando-content .tiko-kando-service-editor [data-tiko-refill-fields] {
        grid-template-columns: minmax(0, 1fr);
        gap: 0;
    }

    .tiko-kando-content .tiko-kando-editor-help {
        padding: 22px;
    }

    .tiko-kando-content .tiko-kando-original-price-controls,
    .tiko-kando-content .tiko-kando-original-price-control,
    .tiko-kando-content .tiko-kando-original-price > .tiko-kando-field-control {
        flex-wrap: wrap;
    }

    .tiko-kando-content .tiko-kando-original-price-controls > select,
    .tiko-kando-content .tiko-kando-original-price-control > select,
    .tiko-kando-content .tiko-kando-original-price > .tiko-kando-field-control > select {
        width: 110px;
        flex-basis: 110px;
    }

    .tiko-kando-content [data-tiko-purchase-currency-label] {
        min-width: 76px;
    }

    .tiko-kando-content .tiko-kando-free-quota,
    .tiko-kando-content [data-tiko-free-quota] {
        grid-template-columns: auto 76px minmax(0, 1fr);
        gap: 7px;
        font-size: 12px;
    }
}

/*
 * Route-level Kando parity. The legacy reference keeps list tools and the
 * table card at the top of the canvas; it does not add a second hero header.
 */
.tiko-kando-app.is-action-orders .tiko-legacy-admin > .tiko-legacy-page-head,
.tiko-kando-app.is-action-social .tiko-legacy-admin > .tiko-legacy-page-head,
.tiko-kando-app.is-action-payments .tiko-legacy-admin > .tiko-legacy-page-head,
.tiko-kando-app.is-action-refill .tiko-legacy-admin > .tiko-legacy-page-head,
.tiko-kando-app.is-action-tickets .tiko-legacy-admin > .tiko-legacy-page-head,
.tiko-kando-app.is-action-notifications .tiko-legacy-admin > .tiko-legacy-page-head,
.tiko-kando-app.is-action-bulk-update-price .tiko-legacy-admin > .tiko-legacy-page-head {
    display: none;
}

.tiko-kando-navigation [data-tiko-ticket-waiting-count] {
    min-width: 31px;
    min-height: 25px;
    padding: 2px 8px;
    margin-inline-start: auto;
    display: inline-grid;
    place-items: center;
    border: 0;
    border-radius: 5px;
    background: #ef4f80;
    color: #fff;
    font-size: 11px;
    line-height: 1;
}

.tiko-schedule-workspace {
    display: grid;
    gap: 14px;
}

.tiko-schedule-toolbar {
    min-height: 42px;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 10px;
}

.tiko-schedule-toolbar > .tiko-app-button,
.tiko-schedule-filter > summary {
    min-height: 37px !important;
    padding: 7px 14px !important;
    border-radius: 4px !important;
}

.tiko-schedule-filter {
    min-width: 0;
}

.tiko-schedule-filter > summary {
    width: max-content;
    list-style: none;
    background: #6ca8e5 !important;
    color: #fff !important;
    cursor: pointer;
}

.tiko-schedule-filter > summary::-webkit-details-marker {
    display: none;
}

.tiko-schedule-filter[open] {
    width: 100%;
    padding: 14px;
    border: 1px solid rgba(34, 35, 50, 0.08);
    border-radius: 7px;
    background: #fff;
}

.tiko-schedule-filter[open] > summary {
    margin-block-end: 13px;
}

.tiko-schedule-filter .tiko-form-inline {
    grid-template-columns: minmax(170px, 1fr) minmax(260px, 2fr) auto auto;
    align-items: end;
}

.tiko-schedule-status-tabs {
    margin-block: 0;
}

.tiko-schedule-list-card {
    margin: 0;
}

.tiko-schedule-list-card > .tiko-card-head h3 {
    display: inline-flex;
    align-items: center;
    gap: 9px;
}

.tiko-schedule-list-card > .tiko-card-head .dashicons {
    color: #a378a1;
}

.tiko-topup-reference-card {
    min-height: 360px;
    padding: 0 !important;
    overflow: hidden;
}

.tiko-topup-reference-card > .tiko-card-head {
    min-height: 80px;
    padding: 21px 28px;
    margin: 0;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ededf0;
}

.tiko-topup-reference-card > .tiko-card-head h2 {
    margin: 0;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #55565d;
    font-size: 18px;
}

.tiko-topup-reference-card > .tiko-card-head .dashicons {
    color: #a378a1;
}

.tiko-topup-reference-intro {
    padding: 25px 24px 8px;
    text-align: center;
}

.tiko-topup-reference-intro p {
    margin: 0 0 2px;
}

.tiko-topup-reference-intro strong {
    color: #ef4f80;
}

.tiko-topup-reference-intro small {
    display: block;
    line-height: 1.7;
}

.tiko-topup-reference-card > .tiko-empty {
    width: min(500px, calc(100% - 40px));
    margin: 32px auto;
    text-align: center;
}

.tiko-topup-reference-card .tiko-topup-form {
    width: min(500px, calc(100% - 40px));
    padding: 0 0 28px;
    margin-inline: auto;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
}

.tiko-topup-amount-control {
    display: flex;
    align-items: stretch;
    direction: ltr;
}

.tiko-topup-amount-control input {
    min-width: 0;
    border-radius: 0 5px 5px 0 !important;
    direction: rtl;
}

.tiko-topup-amount-control > span {
    min-width: 61px;
    display: grid;
    place-items: center;
    border: 1px solid #dfe1e6;
    border-inline-start: 0;
    border-radius: 5px 0 0 5px;
    background: #f6f7f9;
    color: #55565d;
}

.tiko-topup-coupon {
    border: 0;
    background: transparent;
    text-align: center;
}

.tiko-topup-coupon-toggle {
    padding: 4px;
    border: 0;
    background: transparent;
    color: #d36466;
    font-size: 11px;
    text-align: center;
    cursor: pointer;
}

.tiko-topup-coupon-fields {
    margin-block-start: 10px;
    padding: 13px;
    border: 1px solid rgba(34, 35, 50, 0.08);
    border-radius: 7px;
    background: #f9fafb;
    text-align: start;
}

.tiko-topup-coupon-fields[hidden] {
    display: none !important;
}

.tiko-topup-coupon-fields .tiko-app-button {
    width: 100%;
    margin-block-start: 10px;
}

.tiko-topup-coupon-result {
    margin: 10px 0 0;
    color: #696b73;
    font-size: 11px;
    line-height: 1.8;
    text-align: center;
}

.tiko-topup-coupon-result.is-success {
    color: #34752a;
}

.tiko-topup-coupon-result.is-error {
    color: #a33449;
}

.tiko-topup-reference-card .tiko-form-action {
    text-align: center;
}

.tiko-topup-reference-card .tiko-form-action .tiko-app-button {
    min-width: 140px;
    background: #58a645;
}

.tiko-kando-content .tiko-profile-card {
    padding: 0;
}

.tiko-kando-content .tiko-profile-card-head {
    min-height: 66px;
    padding: 17px 22px;
    border-bottom-color: #ededf0;
}

.tiko-kando-content .tiko-profile-card-head h3 {
    margin: 0;
    color: #45464c;
    font-size: 15px;
}

.tiko-kando-content .tiko-profile-card > form,
.tiko-kando-content .tiko-profile-mobile-flow {
    padding: 20px 22px;
}

.tiko-kando-content .tiko-profile-basic-form .tiko-profile-password-section {
    padding: 18px 0 0;
}

.tiko-kando-content .tiko-profile-card input:not([type="hidden"]),
.tiko-kando-content .tiko-profile-card select,
.tiko-kando-content .tiko-profile-card textarea {
    min-height: 43px;
    padding: 8px 11px;
    border: 1px solid #dfe1e6;
    border-radius: 5px;
    background: #fff;
    color: #4d4e54;
    font: inherit;
}

.tiko-kando-content .tiko-profile-card input:focus,
.tiko-kando-content .tiko-profile-card select:focus,
.tiko-kando-content .tiko-profile-card textarea:focus {
    border-color: #8e9bd5;
    outline: 2px solid rgba(30, 47, 157, 0.12);
}

.tiko-kando-content .tiko-avatar-picker input {
    width: 1px;
    min-height: 1px;
    padding: 0;
    border: 0;
}

.tiko-kando-content .tiko-profile-pink-button,
.tiko-kando-content .tiko-form button.tiko-profile-pink-button {
    background: var(--tiko-panel-pink);
    color: #fff;
}

.tiko-kando-content .tiko-profile-pink-button:hover,
.tiko-kando-content .tiko-profile-pink-button:focus-visible,
.tiko-kando-content .tiko-form button.tiko-profile-pink-button:hover,
.tiko-kando-content .tiko-form button.tiko-profile-pink-button:focus-visible {
    background: #d83e6d;
}

.tiko-kando-content .tiko-profile-resend-button {
    background: var(--tiko-panel-blue-bright);
    color: #fff;
}

.tiko-kando-content .tiko-profile-mobile-card .tiko-app-button.is-success {
    background: #25794a;
    color: #fff;
}

.tiko-kando-content .tiko-mobile-verification-banner,
.tiko-kando-content .tiko-profile-mobile-warning {
    border-radius: 5px;
}

.tiko-kando-content .tiko-mobile-verification-page {
    border-radius: 18px;
}

.tiko-kando-content .tiko-mobile-verification-page-head {
    min-height: 74px;
    padding: 19px 24px;
}

.tiko-kando-content .tiko-mobile-verification-page-body {
    background: #fff;
}

.tiko-kando-content .tiko-profile-api-secret {
    padding: 13px;
    border-radius: 5px;
    box-shadow: none;
}

.tiko-kando-content .tiko-profile-signature-editor textarea {
    min-height: 210px;
}

@media (max-width: 800px) {
    .tiko-schedule-filter .tiko-form-inline {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 560px) {
    .tiko-profile-mobile-actions {
        grid-template-columns: minmax(0, 1fr);
    }

    .tiko-topup-reference-card {
        min-height: 0;
    }

    .tiko-topup-reference-card > .tiko-card-head {
        min-height: 64px;
        padding: 16px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tiko-kando-app *,
    .tiko-kando-app *::before,
    .tiko-kando-app *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
    }
}

/* Admin orders queue — compact operational inbox based on the approved visual. */
.tiko-orders-workspace {
    --tiko-orders-primary: #1e55d9;
    --tiko-orders-primary-dark: #173f9f;
    --tiko-orders-primary-soft: #eef4ff;
    --tiko-orders-surface: #fff;
    --tiko-orders-canvas: #f7f9fc;
    --tiko-orders-line: #e2e7f0;
    --tiko-orders-line-strong: #d4dce9;
    --tiko-orders-ink: #202838;
    --tiko-orders-muted: #707a8e;
    --tiko-orders-z-popover: 210;
    --tiko-orders-z-dialog: 620;
    gap: 14px;
    overflow: visible;
}

.tiko-orders-workspace textarea {
    resize: none;
}

.tiko-orders-workspace input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
}

.tiko-orders-workspace .tiko-orders-queue-head {
    min-width: 0;
    padding: 4px 2px 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.tiko-orders-workspace .tiko-orders-queue-title,
.tiko-orders-workspace .tiko-orders-queue-title > div,
.tiko-orders-workspace .tiko-orders-actions {
    min-width: 0;
}

.tiko-orders-workspace .tiko-orders-queue-title {
    display: flex;
    align-items: center;
}

.tiko-orders-workspace .tiko-orders-queue-title h1,
.tiko-orders-workspace .tiko-orders-queue-title p,
.tiko-orders-workspace .tiko-orders-list-head h2 {
    margin: 0;
}

.tiko-orders-workspace .tiko-orders-queue-title h1 {
    color: #131a2b;
    font-size: clamp(20px, 2vw, 24px);
    font-weight: 900;
    line-height: 1.45;
}

.tiko-orders-workspace .tiko-orders-queue-title p {
    margin-block-start: 2px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    color: var(--tiko-orders-muted);
    font-size: 10px;
    font-weight: 650;
}

.tiko-orders-workspace .tiko-orders-actions {
    flex: 0 0 auto;
    justify-content: flex-end;
}

.tiko-orders-workspace .tiko-orders-actions .tiko-app-button,
.tiko-orders-workspace .tiko-order-filter .tiko-app-button {
    min-height: 40px;
    padding: 8px 14px;
    gap: 6px;
    border: 1px solid transparent;
    border-radius: 8px;
    box-shadow: none;
    font-size: 10px;
    white-space: nowrap;
}

.tiko-orders-workspace .tiko-orders-actions .tiko-app-button .dashicons,
.tiko-orders-workspace .tiko-order-filter .tiko-app-button .dashicons {
    width: 17px;
    height: 17px;
    font-size: 17px;
}

.tiko-orders-workspace .tiko-app-button.is-primary {
    border-color: var(--tiko-orders-primary);
    background: var(--tiko-orders-primary);
    color: #fff;
}

.tiko-orders-workspace .tiko-app-button.is-primary:hover,
.tiko-orders-workspace .tiko-app-button.is-primary:focus-visible {
    border-color: var(--tiko-orders-primary-dark);
    background: var(--tiko-orders-primary-dark);
    color: #fff;
}

.tiko-orders-workspace .tiko-app-button.is-secondary {
    border-color: var(--tiko-orders-line);
    background: #fff;
    color: #34415a;
}

.tiko-orders-workspace .tiko-app-button.is-secondary:hover,
.tiko-orders-workspace .tiko-app-button.is-secondary:focus-visible {
    border-color: #b7c8ec;
    background: var(--tiko-orders-primary-soft);
    color: var(--tiko-orders-primary-dark);
}

.tiko-orders-workspace .tiko-app-button.is-quiet-danger {
    border-color: #f0dadd;
    background: #fff;
    color: #a8404c;
}

.tiko-orders-workspace .tiko-app-button.is-quiet-danger:hover,
.tiko-orders-workspace .tiko-app-button.is-quiet-danger:focus-visible {
    border-color: #e3afb6;
    background: #fff5f6;
    color: #8d2e39;
}

.tiko-orders-workspace .tiko-orders-command-bar {
    min-width: 0;
    padding: 12px;
    display: block;
    overflow: visible;
    border: 1px solid var(--tiko-orders-line);
    border-radius: 12px;
    background: var(--tiko-orders-surface);
}

.tiko-orders-workspace .tiko-order-filter {
    padding: 0;
    display: grid;
    grid-template-columns: minmax(260px, 1fr) minmax(150px, 0.5fr) auto auto auto;
    align-items: center;
    gap: 8px;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.tiko-orders-workspace .tiko-order-filter-search {
    grid-column: 1;
    grid-row: 1;
}

.tiko-orders-workspace .tiko-order-filter-status {
    grid-column: 2;
    grid-row: 1;
}

.tiko-orders-workspace .tiko-order-more-filters {
    grid-column: 3;
    grid-row: 1;
}

.tiko-orders-workspace .tiko-order-filter > button {
    grid-column: 4;
    grid-row: 1;
}

.tiko-orders-workspace .tiko-order-filter-clear {
    grid-column: 5;
    grid-row: 1;
}

.tiko-orders-workspace [data-tiko-operational-statuses="orders"] {
    grid-column: 1 / -1;
    grid-row: 2;
}

.tiko-orders-workspace .tiko-order-filter > label {
    min-width: 0;
    display: grid;
    gap: 4px;
    color: #4f5b70;
    font-size: 10px;
    font-weight: 800;
    white-space: nowrap;
}

.tiko-orders-workspace .tiko-order-filter > label > span:first-child {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tiko-orders-workspace .tiko-order-filter input,
.tiko-orders-workspace .tiko-order-filter select {
    width: 100%;
    min-width: 0;
    min-height: 40px;
    padding: 7px 10px;
    border: 1px solid var(--tiko-orders-line-strong);
    border-radius: 8px;
    background: #fff;
    color: #354057;
    font: inherit;
    font-weight: 650;
    white-space: nowrap;
}

.tiko-orders-workspace .tiko-order-filter input:focus,
.tiko-orders-workspace .tiko-order-filter select:focus {
    border-color: #86a9ef;
    outline: 3px solid rgba(30, 85, 217, 0.12);
    outline-offset: 0;
}

.tiko-orders-workspace .tiko-order-filter-control {
    position: relative;
    display: block;
}

.tiko-orders-workspace .tiko-order-filter-search {
    min-width: 0;
}

.tiko-orders-workspace .tiko-order-filter-control > .dashicons {
    position: absolute;
    z-index: 1;
    inset-block-start: 50%;
    inset-inline-start: 11px;
    width: 17px;
    height: 17px;
    color: #758197;
    font-size: 17px;
    transform: translateY(-50%);
    pointer-events: none;
}

.tiko-orders-workspace .tiko-order-filter-control input {
    padding-inline: 36px 38px;
}

.tiko-orders-workspace .tiko-order-search-clear {
    position: absolute;
    z-index: 2;
    inset-block-start: 50%;
    inset-inline-end: 7px;
    width: 27px;
    min-width: 27px;
    height: 27px;
    min-height: 27px;
    padding: 0;
    display: inline-grid;
    place-items: center;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #7a8598;
    transform: translateY(-50%);
    cursor: pointer;
}

.tiko-orders-workspace .tiko-order-search-clear[hidden] {
    display: none;
}

.tiko-orders-workspace .tiko-order-search-clear:hover,
.tiko-orders-workspace .tiko-order-search-clear:focus-visible {
    background: #edf2fb;
    color: var(--tiko-orders-primary-dark);
    outline: none;
}

.tiko-orders-workspace .tiko-order-search-clear .dashicons {
    width: 17px;
    height: 17px;
    font-size: 17px;
}

.tiko-orders-workspace .tiko-order-more-filters {
    position: relative;
    min-width: 0;
}

.tiko-orders-workspace .tiko-order-more-filters > summary {
    min-height: 40px;
    padding: 7px 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border: 1px solid var(--tiko-orders-line-strong);
    border-radius: 8px;
    background: #fff;
    color: #536078;
    font-size: 10px;
    font-weight: 800;
    white-space: nowrap;
    cursor: pointer;
    list-style: none;
}

.tiko-orders-workspace .tiko-order-more-filters > summary::-webkit-details-marker {
    display: none;
}

.tiko-orders-workspace .tiko-order-more-filters > summary:hover,
.tiko-orders-workspace .tiko-order-more-filters > summary:focus-visible,
.tiko-orders-workspace .tiko-order-more-filters[open] > summary,
.tiko-orders-workspace .tiko-order-more-filters.has-active-filter > summary {
    border-color: #aec3ee;
    background: var(--tiko-orders-primary-soft);
    color: var(--tiko-orders-primary-dark);
}

.tiko-orders-workspace .tiko-order-more-filters > summary b {
    padding: 2px 5px;
    border-radius: 999px;
    background: var(--tiko-orders-primary);
    color: #fff;
    font-size: 9px;
    font-weight: 850;
    line-height: 1.4;
}

.tiko-orders-workspace .tiko-order-more-filters > div {
    position: absolute;
    z-index: var(--tiko-orders-z-popover);
    inset-block-start: calc(100% + 7px);
    inset-inline-end: 0;
    width: min(390px, 76vw);
    padding: 12px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    border: 1px solid var(--tiko-orders-line);
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 14px 34px rgba(31, 44, 72, 0.14);
}

.tiko-orders-workspace .tiko-order-more-filters label {
    min-width: 0;
    display: grid;
    gap: 5px;
    color: #5e6a80;
    font-size: 10px;
    font-weight: 800;
}

.tiko-orders-workspace [data-tiko-operational-statuses="orders"] {
    min-width: 0;
    padding: 0;
    display: flex;
    align-items: stretch;
    gap: 6px;
    overflow-x: auto;
    overflow-y: hidden;
    border: 0;
    border-radius: 8px;
    background: transparent;
    box-shadow: none;
    scrollbar-width: thin;
}

.tiko-orders-workspace [data-tiko-operational-statuses="orders"] > a {
    min-width: 92px;
    flex: 1 0 92px;
    min-height: 40px;
    padding: 6px 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1px solid var(--tiko-orders-line);
    border-radius: 8px;
    background: #fff;
    color: #68748a;
    font-size: 10px;
    font-weight: 750;
    white-space: nowrap;
    box-shadow: none;
}

.tiko-orders-workspace [data-tiko-operational-statuses="orders"] > a:hover,
.tiko-orders-workspace [data-tiko-operational-statuses="orders"] > a:focus-visible,
.tiko-orders-workspace [data-tiko-operational-statuses="orders"] > a.is-active {
    border-color: #9bb8ef;
    background: var(--tiko-orders-primary-soft);
    color: var(--tiko-orders-primary-dark);
    box-shadow: none;
    transform: none;
}

.tiko-orders-workspace [data-tiko-operational-statuses="orders"] .tiko-order-status-label {
    min-width: 0;
    gap: 5px;
    font-size: inherit;
    white-space: nowrap;
}

.tiko-orders-workspace [data-tiko-operational-statuses="orders"] .tiko-order-status-label .dashicons {
    width: 15px;
    height: 15px;
    color: currentColor;
    font-size: 15px;
    opacity: 0.72;
}

.tiko-orders-workspace [data-tiko-operational-statuses="orders"] strong {
    min-width: 18px;
    height: 18px;
    padding-inline: 5px;
    border: 0;
    border-radius: 999px;
    background: #edf0f5;
    color: #69758a;
    font-size: 9px;
}

.tiko-orders-workspace [data-tiko-operational-statuses="orders"] > a.is-active strong {
    background: var(--tiko-orders-primary);
    color: #fff;
}

.tiko-orders-workspace .tiko-legacy-operational-notice {
    margin: 0;
    border-inline-start-width: 1px;
}

.tiko-orders-workspace #tiko-order-bulk-form {
    margin: 0;
    padding: 10px 12px;
    display: flex;
    align-items: end;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 10px;
    border: 1px solid #dce5f6;
    border-radius: 10px;
    background: #f5f8ff;
}

.tiko-orders-workspace #tiko-order-bulk-form > label {
    min-width: min(260px, 100%);
}

.tiko-orders-workspace .tiko-orders-list-card {
    margin: 0;
    padding: 0;
    overflow: visible;
    border: 1px solid var(--tiko-orders-line);
    border-radius: 12px;
    background: #fff;
    box-shadow: none;
}

.tiko-orders-workspace .tiko-orders-list-head {
    min-height: 48px;
    padding: 10px 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-block-end: 1px solid var(--tiko-orders-line);
}

.tiko-orders-workspace .tiko-orders-list-head h2 {
    color: var(--tiko-orders-ink);
    font-size: 13px;
    font-weight: 900;
}

.tiko-orders-workspace .tiko-orders-list-head span {
    color: var(--tiko-orders-muted);
    font-size: 10px;
    font-weight: 700;
}

.tiko-orders-workspace .tiko-orders-table-wrap {
    width: 100%;
    min-width: 0;
    overflow: visible;
}

.tiko-orders-workspace .tiko-orders-table {
    width: 100%;
    min-width: 0;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    color: #3f4859;
    font-size: 10.5px;
}

.tiko-orders-workspace .tiko-orders-table col.is-order-id { width: 5.5%; }
.tiko-orders-workspace .tiko-orders-table col.is-date { width: 8.5%; }
.tiko-orders-workspace .tiko-orders-table col.is-details { width: 35%; }
.tiko-orders-workspace .tiko-orders-table col.is-status { width: 10.5%; }
.tiko-orders-workspace .tiko-orders-table col.is-user { width: 11.5%; }
.tiko-orders-workspace .tiko-orders-table col.is-api-id { width: 8.5%; }
.tiko-orders-workspace .tiko-orders-table col.is-api-response { width: 10%; }
.tiko-orders-workspace .tiko-orders-table col.is-actions { width: 10%; }

.tiko-orders-workspace .tiko-orders-table thead th {
    padding: 10px 9px;
    border: 0;
    border-block-end: 1px solid var(--tiko-orders-line-strong);
    border-radius: 0;
    background: #f8f9fc;
    color: #667187;
    font-size: 10px;
    font-weight: 850;
    line-height: 1.6;
    text-align: center;
    overflow-wrap: anywhere;
    white-space: normal;
}

.tiko-orders-workspace .tiko-orders-table tbody td,
.tiko-orders-workspace .tiko-orders-table tbody td:first-child,
.tiko-orders-workspace .tiko-orders-table tbody td:last-child {
    min-width: 0;
    padding: 11px 9px;
    border: 0;
    border-block-end: 1px solid #e9edf3;
    border-radius: 0;
    background: #fff;
    box-shadow: none;
    line-height: 1.75;
    text-align: right;
    vertical-align: middle;
    overflow-wrap: anywhere;
    word-break: normal;
    transition: background-color 160ms ease;
}

.tiko-orders-workspace .tiko-orders-table tbody tr:last-child td {
    border-block-end: 0;
}

.tiko-orders-workspace .tiko-orders-row { --tiko-orders-row-accent: #8e98aa; }
.tiko-orders-workspace .tiko-orders-row.is-active { --tiko-orders-row-accent: #4b83d1; }
.tiko-orders-workspace .tiko-orders-row.is-success { --tiko-orders-row-accent: #4d9a69; }
.tiko-orders-workspace .tiko-orders-row.is-warning { --tiko-orders-row-accent: #d69b36; }
.tiko-orders-workspace .tiko-orders-row.is-danger { --tiko-orders-row-accent: #c85c69; }

.tiko-orders-workspace .tiko-orders-table tbody .tiko-orders-row > td:first-child {
    border-inline-start: 3px solid var(--tiko-orders-row-accent);
}

.tiko-orders-workspace .tiko-orders-row:hover td {
    border-color: #e9edf3;
    background: #fafcff;
}

.tiko-orders-workspace .tiko-orders-cell-id,
.tiko-orders-workspace .tiko-orders-cell-user,
.tiko-orders-workspace .tiko-orders-cell-api-id,
.tiko-orders-workspace .tiko-orders-cell-api-response,
.tiko-orders-workspace .tiko-orders-cell-status,
.tiko-orders-workspace .tiko-orders-cell-date,
.tiko-orders-workspace .tiko-orders-actions-stack {
    min-width: 0;
}

.tiko-orders-workspace .tiko-orders-cell-id,
.tiko-orders-workspace .tiko-orders-cell-user,
.tiko-orders-workspace .tiko-orders-cell-api-id,
.tiko-orders-workspace .tiko-orders-cell-api-response,
.tiko-orders-workspace .tiko-orders-cell-status {
    align-content: start;
}

.tiko-orders-workspace .tiko-orders-id-line {
    margin-block-end: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}

.tiko-orders-workspace .tiko-orders-id-line > strong {
    color: var(--tiko-orders-primary-dark);
    font-size: 12px;
    font-weight: 900;
}

.tiko-orders-workspace .tiko-orders-user-identity {
    display: grid;
    gap: 2px;
}

.tiko-orders-workspace .tiko-orders-user-identity > strong {
    color: #273248;
    font-size: 10.5px;
    font-weight: 850;
}

.tiko-orders-workspace .tiko-orders-user-identity small,
.tiko-orders-workspace .tiko-orders-cell-api-response small,
.tiko-orders-workspace .tiko-orders-cell-status small {
    display: block;
    color: var(--tiko-orders-muted);
    font-size: 9px;
    line-height: 1.7;
}

.tiko-orders-workspace .tiko-orders-cell-details {
    display: grid;
    min-width: 0;
    align-content: start;
    gap: 5px;
}

.tiko-orders-workspace .tiko-orders-service-head {
    min-width: 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
}

.tiko-orders-workspace .tiko-orders-service-head > strong {
    min-width: 0;
    flex: 1 1 auto;
    color: #273248;
    font-size: 11px;
    font-weight: 850;
    line-height: 1.75;
}

.tiko-orders-workspace .tiko-orders-service-head > span {
    min-width: max-content;
    padding: 2px 6px;
    border: 1px solid #dce5f4;
    border-radius: 5px;
    background: #f5f8fd;
    color: #54627b;
    font-size: 9px;
    font-weight: 800;
    line-height: 1.65;
}

.tiko-orders-workspace .tiko-orders-provider-line {
    margin: 0;
    color: var(--tiko-orders-muted);
    font-size: 9.5px;
    line-height: 1.65;
}

.tiko-orders-workspace .tiko-orders-provider-line strong,
.tiko-orders-workspace .tiko-orders-provider-line bdi {
    color: #4a5870;
    font-weight: 800;
}

.tiko-orders-workspace .tiko-orders-target {
    min-width: 0;
    padding: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.tiko-orders-workspace .tiko-orders-target > span:first-child {
    color: #657188;
    font-size: 10px;
    font-weight: 800;
}

.tiko-orders-workspace .tiko-orders-target > bdi,
.tiko-orders-workspace .tiko-orders-target-link {
    min-width: 0;
    flex: 1 1 145px;
    overflow: hidden;
    color: #1e5fd0;
    font-size: 9.5px;
    line-height: 1.65;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    unicode-bidi: isolate;
}

.tiko-orders-workspace .tiko-orders-target-link bdi {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tiko-orders-workspace .tiko-orders-target .tiko-order-copy {
    width: 28px;
    min-width: 28px;
    min-height: 28px;
    padding: 4px 6px;
    flex: 0 0 auto;
    border: 1px solid #d9e2f2;
    border-radius: 6px;
    background: #fff;
    color: #2859b7;
}

.tiko-orders-workspace .tiko-orders-metrics {
    margin: 1px 0 0;
    padding-block-start: 5px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border: 0;
    border-block-start: 1px solid #edf0f5;
    border-radius: 0;
    background: transparent;
}

.tiko-orders-workspace .tiko-orders-metrics > div {
    min-width: 0;
    padding: 3px 6px;
    display: flex;
    align-items: baseline;
    gap: 4px;
    border-inline-end: 1px solid #edf0f5;
}

.tiko-orders-workspace .tiko-orders-metrics > div:first-child {
    padding-inline-start: 0;
}

.tiko-orders-workspace .tiko-orders-metrics > div:nth-child(3n) {
    padding-inline-end: 0;
    border-inline-end: 0;
}

.tiko-orders-workspace .tiko-orders-metrics > div:nth-child(n + 4) {
    border-block-start: 1px solid #edf0f5;
}

.tiko-orders-workspace .tiko-orders-metrics dt,
.tiko-orders-workspace .tiko-orders-metrics dd {
    margin: 0;
}

.tiko-orders-workspace .tiko-orders-metrics dd.is-cost {
    color: #b64a58;
}

.tiko-orders-workspace .tiko-orders-metrics dd.is-profit {
    color: #21845d;
}

.tiko-orders-workspace .tiko-orders-parameters {
    margin: 0;
    padding: 6px 8px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px 10px;
    border: 1px solid #e8ebf2;
    border-radius: 6px;
    background: #fafbfe;
}

.tiko-orders-workspace .tiko-orders-parameters > div {
    min-width: 0;
    display: flex;
    align-items: baseline;
    gap: 4px;
}

.tiko-orders-workspace .tiko-orders-parameters dt,
.tiko-orders-workspace .tiko-orders-parameters dd {
    margin: 0;
    font-size: 9px;
    line-height: 1.65;
}

.tiko-orders-workspace .tiko-orders-parameters dt {
    color: #7a8496;
    white-space: nowrap;
}

.tiko-orders-workspace .tiko-orders-parameters dd {
    min-width: 0;
    overflow: hidden;
    color: #455169;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tiko-orders-workspace .tiko-orders-metrics dt {
    color: #7b8596;
    font-size: 10px;
    white-space: nowrap;
}

.tiko-orders-workspace .tiko-orders-metrics dd {
    overflow: hidden;
    color: #303b50;
    font-size: 10px;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tiko-orders-workspace .tiko-orders-note {
    margin: 0;
    padding: 5px 7px;
    border: 1px solid #f0dfb6;
    border-radius: 6px;
    background: #fffaf0;
    font-size: 10px;
}

.tiko-orders-workspace .tiko-orders-admin-note {
    margin: 0;
    padding: 5px 7px;
    border-inline-start: 2px solid #d9a64a;
    background: #fffaf0;
    color: #6b5733;
    font-size: 9px;
    line-height: 1.75;
}

.tiko-orders-workspace .tiko-orders-provider-head {
    margin-block-end: 6px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
}

.tiko-orders-workspace .tiko-orders-provider-head > strong {
    color: #273248;
    font-size: 10.5px;
    font-weight: 850;
}

.tiko-orders-workspace .tiko-orders-provider-head .tiko-legacy-badge,
.tiko-orders-workspace .tiko-orders-cell-status .tiko-legacy-badge {
    min-height: 24px;
    padding: 3px 7px;
    font-size: 10px;
    white-space: nowrap;
}

.tiko-orders-workspace .tiko-orders-cell-status .tiko-legacy-badge.is-success {
    background: #e9f7ef;
    color: #18784c;
}

.tiko-orders-workspace .tiko-orders-cell-status .tiko-legacy-badge.is-danger {
    background: #fdebec;
    color: #a93440;
}

.tiko-orders-workspace .tiko-orders-cell-status .tiko-legacy-badge.is-warning {
    background: #fff3d8;
    color: #865c0c;
}

.tiko-orders-workspace .tiko-orders-cell-status .tiko-legacy-badge.is-neutral {
    background: var(--tiko-orders-primary-soft);
    color: #2859b7;
}

.tiko-orders-workspace .tiko-orders-provider-state {
    padding: 3px 7px;
    display: inline-flex;
    border-radius: 999px;
    background: #edf1f7;
    color: #59657a;
    font-size: 9.5px;
    font-weight: 800;
    white-space: nowrap;
}

.tiko-orders-workspace .tiko-orders-provider-ids {
    margin: 0 0 5px;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 5px;
}

.tiko-orders-workspace .tiko-orders-provider-ids > div {
    min-width: 0;
    padding: 5px 6px;
    border: 1px solid #e6eaf1;
    border-radius: 6px;
    background: #f9fafd;
}

.tiko-orders-workspace .tiko-orders-provider-ids dt,
.tiko-orders-workspace .tiko-orders-provider-ids dd {
    margin: 0;
}

.tiko-orders-workspace .tiko-orders-provider-ids dt {
    color: #7a8496;
    font-size: 9.5px;
}

.tiko-orders-workspace .tiko-orders-provider-ids dd {
    overflow: hidden;
    color: #315cad;
    font-size: 9.5px;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tiko-orders-workspace .tiko-orders-provider-check {
    margin-block-start: 3px;
    color: #546179;
    font-weight: 750;
}

.tiko-orders-workspace .tiko-orders-cell-date time {
    display: block;
    color: #3d485b;
    font-size: 9.5px;
    font-weight: 750;
    line-height: 1.8;
    unicode-bidi: isolate;
}

.tiko-orders-workspace .tiko-orders-cell-api-id > bdi {
    display: block;
    overflow: hidden;
    color: #2758ad;
    font-size: 9.5px;
    font-weight: 850;
    line-height: 1.8;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    unicode-bidi: isolate;
}

.tiko-orders-workspace .tiko-orders-cell-api-response {
    display: grid;
    align-content: start;
    gap: 3px;
}

.tiko-orders-workspace .tiko-orders-cell-api-response > strong {
    color: #34415a;
    font-size: 9.5px;
    font-weight: 850;
    line-height: 1.7;
}

.tiko-orders-workspace .tiko-orders-cell-api-response > small {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tiko-orders-workspace .tiko-orders-cell-status > * {
    margin-block-end: 6px;
}

.tiko-orders-workspace .tiko-orders-cell-status > *:last-child {
    margin-block-end: 0;
}

.tiko-orders-workspace .tiko-orders-actions-stack {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 34px;
    align-content: start;
    gap: 5px;
}

.tiko-orders-workspace .tiko-orders-actions-stack > .tiko-legacy-button:first-child {
    grid-column: auto;
}

.tiko-orders-workspace .tiko-orders-actions-stack .tiko-legacy-button,
.tiko-orders-workspace .tiko-orders-actions-stack .tiko-order-card-management {
    width: 100%;
}

.tiko-orders-workspace .tiko-orders-actions-stack .tiko-order-card-management > summary {
    width: 34px;
}

.tiko-orders-workspace .tiko-orders-actions-stack .tiko-legacy-button,
.tiko-orders-workspace .tiko-orders-actions-stack .tiko-order-card-management > summary {
    min-height: 30px;
    padding: 5px 7px;
    justify-content: center;
    gap: 4px;
    border: 1px solid #dce4f2;
    border-radius: 6px;
    background: #fff;
    color: #2858ad;
    font-size: 10px;
    text-align: center;
    white-space: nowrap;
}

.tiko-orders-workspace .tiko-orders-actions-stack .tiko-legacy-button:hover,
.tiko-orders-workspace .tiko-orders-actions-stack .tiko-legacy-button:focus-visible,
.tiko-orders-workspace .tiko-orders-actions-stack .tiko-order-card-management > summary:hover,
.tiko-orders-workspace .tiko-orders-actions-stack .tiko-order-card-management > summary:focus-visible {
    border-color: #b6c9ef;
    background: var(--tiko-orders-primary-soft);
    color: var(--tiko-orders-primary-dark);
}

.tiko-orders-workspace .tiko-orders-cell-actions,
.tiko-orders-workspace .tiko-orders-actions-stack .tiko-order-card-management {
    position: relative;
    overflow: visible;
}

.tiko-orders-workspace .tiko-orders-actions-stack .tiko-order-card-management-panel {
    position: absolute;
    z-index: var(--tiko-orders-z-popover);
    inset-block-start: calc(100% + 7px);
    inset-inline-end: 0;
    width: min(440px, 72vw);
    max-height: 65vh;
    overflow: auto;
    border: 1px solid var(--tiko-orders-line);
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 16px 42px rgba(29, 36, 55, 0.18);
}

.tiko-orders-workspace .tiko-orders-actions-stack .tiko-order-card-management-panel .tiko-legacy-inline-form {
    width: 100%;
}

.tiko-orders-workspace .tiko-order-management-help {
    margin: 0;
    padding: 8px 10px;
    border: 1px solid #e5e9f1;
    border-radius: 7px;
    background: #f8f9fc;
    color: #6c778c;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.8;
}

.tiko-orders-workspace .tiko-order-card-management-panel textarea {
    resize: none;
}

.tiko-orders-workspace .tiko-order-refund-choice {
    min-height: 42px;
    padding: 9px 10px;
    display: flex !important;
    align-items: flex-start;
    gap: 8px;
    border: 1px solid #f0d4da;
    border-radius: 7px;
    background: #fff7f8;
    color: #65444b;
    font-size: 10px;
    font-weight: 750;
    line-height: 1.75;
    white-space: normal;
}

.tiko-orders-workspace .tiko-order-refund-choice[hidden] {
    display: none !important;
}

.tiko-orders-workspace .tiko-order-refund-choice input[type="checkbox"] {
    width: 18px;
    min-width: 18px;
    height: 18px;
    min-height: 18px;
    margin: 1px 0 0;
    flex: 0 0 18px;
    accent-color: #d64c61;
}

.tiko-orders-workspace .tiko-order-refund-choice input[type="checkbox"]:disabled {
    opacity: 0.58;
}

.tiko-orders-workspace .tiko-order-management-cancel-form {
    padding-block-start: 10px;
    border-block-start: 1px solid #f0dfe2;
}

.tiko-orders-workspace .tiko-order-management-cancel-form > label:first-of-type {
    min-height: 36px;
    padding: 7px 9px;
    display: flex;
    align-items: center;
    gap: 7px;
    border: 1px solid #f0dfe2;
    border-radius: 7px;
    background: #fff7f8;
}

.tiko-orders-workspace .tiko-order-management-cancel-form input[type="checkbox"] {
    width: 18px;
    min-width: 18px;
    height: 18px;
    min-height: 18px;
    margin: 0;
    flex: 0 0 18px;
    accent-color: #d64c61;
}

.tiko-orders-workspace .tiko-order-management-cancel-form .tiko-legacy-form-actions {
    width: 100%;
    flex: 1 0 100%;
    margin: 0;
}

.tiko-orders-workspace .tiko-order-card-management-panel .tiko-order-management-status-form .tiko-legacy-form-actions .tiko-legacy-button {
    width: 100%;
    border-color: var(--tiko-orders-primary);
    background: var(--tiko-orders-primary);
    color: #fff !important;
}

.tiko-orders-workspace .tiko-order-card-management-panel .tiko-order-management-status-form .tiko-legacy-form-actions .tiko-legacy-button:hover,
.tiko-orders-workspace .tiko-order-card-management-panel .tiko-order-management-status-form .tiko-legacy-form-actions .tiko-legacy-button:focus-visible {
    border-color: var(--tiko-orders-primary-dark);
    background: var(--tiko-orders-primary-dark);
    color: #fff !important;
}

.tiko-orders-workspace .tiko-order-management-cancel-form .tiko-legacy-button.is-danger {
    width: 100%;
    border-color: #c63d48;
    background: #c63d48;
    color: #fff !important;
}

.tiko-orders-workspace .tiko-order-management-cancel-form .tiko-legacy-button.is-danger:hover,
.tiko-orders-workspace .tiko-order-management-cancel-form .tiko-legacy-button.is-danger:focus-visible {
    border-color: #a92f3a;
    background: #a92f3a;
    color: #fff !important;
}

.tiko-orders-workspace .tiko-orders-actions-stack .tiko-order-management-ticket {
    width: 100%;
    margin-block-end: 8px;
}

.tiko-orders-workspace .tiko-order-confirm-dialog,
.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-confirm-dialog {
    position: fixed;
    z-index: var(--tiko-orders-z-dialog);
    inset: 0;
    width: min(470px, calc(100vw - 32px));
    max-width: 100%;
    max-height: min(620px, calc(100vh - 32px));
    margin: auto;
    padding: 0;
    overflow: auto;
    border: 1px solid #dfe4ed;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 24px 70px rgba(20, 28, 45, 0.24);
    color: #293246;
    direction: rtl;
}

.tiko-orders-workspace .tiko-order-confirm-dialog::backdrop,
.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-confirm-dialog::backdrop {
    background: rgba(18, 25, 38, 0.52);
}

.tiko-orders-workspace .tiko-order-confirm-shell,
.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-confirm-shell {
    padding: 24px;
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    align-items: start;
    gap: 14px;
}

.tiko-orders-workspace .tiko-order-confirm-icon,
.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-confirm-icon {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border: 1px solid #f0ced3;
    border-radius: 10px;
    background: #fff5f6;
    color: #ba3f4e;
}

.tiko-orders-workspace .tiko-order-confirm-icon .dashicons,
.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-confirm-icon .dashicons {
    width: 23px;
    height: 23px;
    font-size: 23px;
}

.tiko-orders-workspace .tiko-order-confirm-shell h2,
.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-confirm-shell h2 {
    margin: 0;
    color: #242d40;
    font-size: 17px;
    font-weight: 900;
    line-height: 1.6;
}

.tiko-orders-workspace .tiko-order-confirm-shell p,
.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-confirm-shell p {
    margin: 5px 0 0;
    color: #687286;
    font-size: 12px;
    line-height: 1.95;
}

.tiko-orders-workspace .tiko-order-confirm-actions,
.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-confirm-actions {
    grid-column: 1 / -1;
    padding-block-start: 5px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
}

.tiko-orders-workspace .tiko-order-confirm-actions .tiko-legacy-button,
.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-confirm-actions .tiko-legacy-button {
    width: 100%;
    min-height: 42px;
    justify-content: center;
    border-radius: 7px;
}

.tiko-orders-workspace form[aria-busy="true"] button[type="submit"],
.tiko-order-edit-workspace[data-tiko-order-edit] form[aria-busy="true"] button[type="submit"] {
    cursor: wait;
    opacity: 0.68;
}

.tiko-orders-workspace .tiko-legacy-pagination {
    padding: 12px 14px;
    border-block-start: 1px solid var(--tiko-orders-line);
}

@media (max-width: 1240px) {
    .tiko-orders-workspace .tiko-order-filter {
        grid-template-columns: minmax(240px, 1fr) minmax(150px, 0.55fr) auto auto auto;
    }

    .tiko-orders-workspace .tiko-order-filter-search { grid-column: 1; grid-row: 1; }
    .tiko-orders-workspace .tiko-order-filter-status { grid-column: 2; grid-row: 1; }
    .tiko-orders-workspace .tiko-order-more-filters { grid-column: 3; grid-row: 1; justify-self: start; }
    .tiko-orders-workspace .tiko-order-filter > button { grid-column: 4; grid-row: 1; }
    .tiko-orders-workspace .tiko-order-filter-clear { grid-column: 5; grid-row: 1; }
    .tiko-orders-workspace [data-tiko-operational-statuses="orders"] { grid-column: 1 / -1; grid-row: 2; }
}

@media (max-width: 1180px) {
    .tiko-orders-workspace .tiko-order-filter {
        grid-template-columns: minmax(220px, 1fr) minmax(280px, 1.2fr);
    }

    .tiko-orders-workspace .tiko-order-filter-search { grid-column: 1; grid-row: 1; }
    .tiko-orders-workspace [data-tiko-operational-statuses="orders"] { grid-column: 2; grid-row: 1; }
    .tiko-orders-workspace .tiko-order-filter-status { grid-column: 1; grid-row: 2; }
    .tiko-orders-workspace .tiko-order-more-filters { grid-column: 2; grid-row: 2; justify-self: stretch; }
    .tiko-orders-workspace .tiko-order-more-filters > summary { width: 100%; }
    .tiko-orders-workspace .tiko-order-filter > button { grid-column: 1; grid-row: 3; }
    .tiko-orders-workspace .tiko-order-filter-clear { grid-column: 2; grid-row: 3; }

    .tiko-orders-workspace .tiko-orders-table,
    .tiko-orders-workspace .tiko-orders-table tbody,
    .tiko-orders-workspace .tiko-orders-table td {
        width: 100%;
        display: block;
    }

    .tiko-orders-workspace .tiko-orders-table colgroup,
    .tiko-orders-workspace .tiko-orders-table thead {
        display: none;
    }

    .tiko-orders-workspace .tiko-orders-table tbody {
        display: grid;
        gap: 12px;
    }

    .tiko-orders-workspace .tiko-orders-table tr {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .tiko-orders-workspace .tiko-orders-table {
        padding: 12px;
        border-spacing: 0;
        background: var(--tiko-orders-canvas);
    }

    .tiko-orders-workspace .tiko-orders-row {
        overflow: hidden;
        border: 1px solid var(--tiko-orders-line);
        border-inline-start: 1px solid var(--tiko-orders-line);
        border-radius: 10px;
        background: #fff;
        box-shadow: none;
    }

    .tiko-orders-workspace .tiko-orders-table tbody td,
    .tiko-orders-workspace .tiko-orders-table tbody td:first-child,
    .tiko-orders-workspace .tiko-orders-table tbody td:last-child {
        padding: 10px 12px;
        display: grid;
        grid-template-columns: minmax(132px, 0.32fr) minmax(0, 1fr);
        align-items: start;
        gap: 10px 14px;
        border: 0;
        border-block-end: 1px solid #edf0f4;
        border-radius: 0;
        box-shadow: none;
    }

    .tiko-orders-workspace .tiko-orders-cell-id { grid-column: 1 / 2; grid-row: 1; }
    .tiko-orders-workspace .tiko-orders-cell-date { grid-column: 2 / 4; grid-row: 1; }
    .tiko-orders-workspace .tiko-orders-cell-status { grid-column: 4 / 7; grid-row: 1; }
    .tiko-orders-workspace .tiko-orders-cell-details { grid-column: 1 / -1; grid-row: 2; }
    .tiko-orders-workspace .tiko-orders-cell-user { grid-column: 1 / 3; grid-row: 3; }
    .tiko-orders-workspace .tiko-orders-cell-api-id { grid-column: 3 / 5; grid-row: 3; }
    .tiko-orders-workspace .tiko-orders-cell-api-response { grid-column: 5 / 7; grid-row: 3; }
    .tiko-orders-workspace .tiko-orders-cell-actions { grid-column: 1 / -1; grid-row: 4; }

    .tiko-orders-workspace .tiko-orders-table tbody td:last-child {
        border-block-end: 0;
    }

    .tiko-orders-workspace .tiko-orders-table tbody td::before {
        content: attr(data-title);
        grid-column: 1;
        grid-row: 1;
        color: #69758a;
        font-size: 10px;
        font-weight: 850;
    }

    .tiko-orders-workspace .tiko-orders-table tbody td > * {
        grid-column: 2;
        min-width: 0;
    }

    .tiko-orders-workspace .tiko-orders-actions-stack .tiko-order-card-management-panel {
        position: static;
        width: 100%;
        max-height: none;
        margin-block-start: 8px;
        box-shadow: none;
    }

    .tiko-orders-workspace .tiko-orders-actions-stack .tiko-order-card-management[open] {
        grid-column: 1 / -1;
    }

    .tiko-orders-workspace .tiko-orders-actions-stack {
        grid-template-columns: minmax(0, 180px) 34px;
    }

    .tiko-orders-workspace .tiko-orders-actions-stack > .tiko-legacy-button:first-child,
    .tiko-orders-workspace .tiko-orders-actions-stack .tiko-order-card-management {
        grid-column: auto;
    }
}

@media (max-width: 820px) {
    .tiko-orders-workspace .tiko-orders-queue-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .tiko-orders-workspace .tiko-orders-actions {
        width: 100%;
        justify-content: flex-start;
    }

    .tiko-orders-workspace .tiko-order-filter {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tiko-orders-workspace .tiko-order-filter-search {
        grid-column: 1 / -1;
        grid-row: auto;
    }

    .tiko-orders-workspace [data-tiko-operational-statuses="orders"] {
        grid-column: 1 / -1;
        grid-row: auto;
    }

    .tiko-orders-workspace .tiko-order-filter-status,
    .tiko-orders-workspace .tiko-order-more-filters,
    .tiko-orders-workspace .tiko-order-filter > button,
    .tiko-orders-workspace .tiko-order-filter-clear {
        grid-column: auto;
        grid-row: auto;
    }

    .tiko-orders-workspace .tiko-order-filter .tiko-app-button {
        align-self: end;
    }
}

@media (max-width: 620px) {
    .tiko-orders-workspace {
        gap: 12px;
    }

    .tiko-orders-workspace .tiko-orders-queue-head {
        padding-inline: 2px;
    }

    .tiko-orders-workspace .tiko-orders-queue-title h1 {
        font-size: 19px;
    }

    .tiko-orders-workspace .tiko-orders-actions {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    .tiko-orders-workspace .tiko-orders-actions .tiko-app-button {
        width: 100%;
    }

    .tiko-orders-workspace .tiko-orders-actions .is-quiet-danger:last-child:nth-child(3) {
        grid-column: 1 / -1;
    }

    .tiko-orders-workspace .tiko-orders-command-bar {
        padding: 10px;
    }

    .tiko-orders-workspace .tiko-order-filter {
        grid-template-columns: minmax(0, 1fr);
    }

    .tiko-orders-workspace .tiko-order-filter-search {
        grid-column: auto;
    }

    .tiko-orders-workspace .tiko-order-filter .tiko-app-button {
        width: 100%;
    }

    .tiko-orders-workspace [data-tiko-operational-statuses="orders"] {
        width: 100%;
        padding-block-end: 4px;
    }

    .tiko-orders-workspace [data-tiko-operational-statuses="orders"] > a {
        flex-basis: 104px;
    }

    .tiko-orders-workspace .tiko-order-more-filters > summary {
        width: 100%;
    }

    .tiko-orders-workspace .tiko-order-more-filters > div {
        position: static;
        width: 100%;
        margin-block-start: 8px;
        grid-template-columns: minmax(0, 1fr);
        box-shadow: none;
    }

    .tiko-orders-workspace .tiko-orders-list-head {
        padding-inline: 12px;
    }

    .tiko-orders-workspace .tiko-orders-table {
        padding: 9px;
    }

    .tiko-orders-workspace .tiko-orders-table tr {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tiko-orders-workspace .tiko-orders-cell-id,
    .tiko-orders-workspace .tiko-orders-cell-date {
        grid-column: span 1;
    }

    .tiko-orders-workspace .tiko-orders-cell-status,
    .tiko-orders-workspace .tiko-orders-cell-details,
    .tiko-orders-workspace .tiko-orders-cell-user,
    .tiko-orders-workspace .tiko-orders-cell-api-id,
    .tiko-orders-workspace .tiko-orders-cell-api-response,
    .tiko-orders-workspace .tiko-orders-cell-actions {
        grid-column: 1 / -1;
    }

    .tiko-orders-workspace .tiko-orders-cell-id,
    .tiko-orders-workspace .tiko-orders-cell-date,
    .tiko-orders-workspace .tiko-orders-cell-status,
    .tiko-orders-workspace .tiko-orders-cell-details,
    .tiko-orders-workspace .tiko-orders-cell-user,
    .tiko-orders-workspace .tiko-orders-cell-api-id,
    .tiko-orders-workspace .tiko-orders-cell-api-response,
    .tiko-orders-workspace .tiko-orders-cell-actions {
        grid-row: auto;
    }

    .tiko-orders-workspace .tiko-orders-table tbody td,
    .tiko-orders-workspace .tiko-orders-table tbody td:first-child,
    .tiko-orders-workspace .tiko-orders-table tbody td:last-child {
        grid-template-columns: minmax(96px, 0.3fr) minmax(0, 1fr);
        gap: 8px 10px;
    }

    .tiko-orders-workspace .tiko-orders-cell-id,
    .tiko-orders-workspace .tiko-orders-cell-date {
        grid-template-columns: minmax(0, 1fr) !important;
        align-content: start;
        gap: 4px !important;
    }

    .tiko-orders-workspace .tiko-orders-cell-id::before,
    .tiko-orders-workspace .tiko-orders-cell-date::before,
    .tiko-orders-workspace .tiko-orders-cell-id > *,
    .tiko-orders-workspace .tiko-orders-cell-date > * {
        grid-column: 1 !important;
    }

    .tiko-orders-workspace .tiko-orders-cell-date time {
        overflow-wrap: normal;
        white-space: nowrap;
    }

    .tiko-orders-workspace .tiko-orders-metrics,
    .tiko-orders-workspace .tiko-orders-parameters {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tiko-orders-workspace .tiko-orders-metrics > div:nth-child(3n) {
        padding-inline-end: 6px;
        border-inline-end: 1px solid #edf0f5;
    }

    .tiko-orders-workspace .tiko-orders-metrics > div:nth-child(2n) {
        padding-inline-end: 0;
        border-inline-end: 0;
    }

    .tiko-orders-workspace .tiko-orders-metrics > div:nth-child(n + 3) {
        border-block-start: 1px solid #edf0f5;
    }

    .tiko-orders-workspace .tiko-orders-actions-stack {
        grid-template-columns: minmax(0, 1fr);
    }

    .tiko-orders-workspace .tiko-orders-cell-actions {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .tiko-orders-workspace .tiko-orders-cell-actions::before,
    .tiko-orders-workspace .tiko-orders-cell-actions > * {
        grid-column: 1;
    }

    .tiko-orders-workspace .tiko-orders-service-head {
        align-items: stretch;
        flex-direction: column;
    }

    .tiko-orders-workspace .tiko-orders-service-head > span {
        width: fit-content;
        min-width: 0;
    }

    .tiko-orders-workspace .tiko-order-confirm-shell {
        padding: 19px;
        grid-template-columns: 40px minmax(0, 1fr);
    }

    .tiko-orders-workspace .tiko-order-confirm-icon {
        width: 40px;
        height: 40px;
    }

    .tiko-orders-workspace .tiko-order-confirm-actions {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (prefers-reduced-motion: reduce) {
    .tiko-orders-workspace *,
    .tiko-orders-workspace *::before,
    .tiko-orders-workspace *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}

/*
 * Order editor workspace
 *
 * Kept completely inside the order-edit root so the familiar Kando-style
 * composition does not change cards or forms on any other dashboard screen.
 */
.tiko-order-edit-workspace[data-tiko-order-edit] {
    --tiko-order-edit-border: #e5e7ec;
    --tiko-order-edit-ink: #45474e;
    --tiko-order-edit-muted: #777a83;
    --tiko-order-edit-surface: #fff;
    --tiko-order-edit-readonly: #f4f5f7;
    --tiko-order-edit-green: #36ad3a;
    --tiko-order-edit-green-hover: #2d9431;
    --tiko-orders-z-popover: 210;
    --tiko-orders-z-dialog: 620;
    width: 100%;
    min-width: 0;
    display: grid;
    gap: 20px;
    color: var(--tiko-order-edit-ink);
    direction: rtl;
}

.tiko-order-edit-workspace[data-tiko-order-edit] textarea {
    resize: none;
}

.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-layout {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(280px, 5fr) minmax(0, 7fr);
    align-items: start;
    gap: clamp(24px, 3vw, 42px);
    direction: ltr;
}

.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-main {
    min-width: 0;
    grid-column: 2;
    grid-row: 1;
    padding: clamp(20px, 2.3vw, 32px);
    display: grid;
    gap: 16px;
    border: 1px solid rgba(34, 35, 50, 0.07);
    border-radius: 12px;
    background: var(--tiko-order-edit-surface);
    box-shadow: 0 2px 14px rgba(30, 32, 45, 0.055);
    direction: rtl;
}

.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-help {
    min-width: 0;
    grid-column: 1;
    grid-row: 1;
    padding: 30px;
    border: 1px solid rgba(34, 35, 50, 0.07);
    border-radius: 12px;
    background-color: var(--tiko-order-edit-surface);
    background-image: url("kando-editor-help-bg.png");
    background-position: right bottom;
    background-repeat: no-repeat;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    color: #55575d;
    direction: rtl;
}

.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-help-media {
    margin: 0 0 24px;
    text-align: center;
}

.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-help-media img {
    width: min(400px, 100%);
    height: auto;
    display: inline-block;
    vertical-align: middle;
}

.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-help-copy,
.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-help ul {
    margin: 0;
    padding: 0;
    color: #55575d;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.9;
    list-style: none;
}

.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-help li {
    position: relative;
    margin: 0 0 12px;
    padding-inline-start: 24px;
}

.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-help li:last-child {
    margin-bottom: 0;
}

.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-help li::before {
    content: "";
    position: absolute;
    inset-block-start: 9px;
    inset-inline-start: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #8c7ce5;
}

.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-title {
    margin: 0 0 7px;
    color: #3f4148;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.55;
}

.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-subtitle {
    display: block;
    margin: -9px 0 2px;
    color: var(--tiko-order-edit-muted);
    font-size: 14px;
    line-height: 1.9;
}

.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-section {
    min-width: 0;
    padding: 16px;
    display: grid;
    gap: 12px;
    border: 1px solid #e7eaf0;
    border-radius: 10px;
    background: #fff;
}

.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-section.is-overview {
    background: #fafbfe;
}

.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-section-head {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-section-head h3 {
    margin: 0;
    color: #3f4148;
    font-size: 14px;
    font-weight: 850;
    line-height: 1.7;
}

.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-section-help {
    margin: 0;
    color: #777c89;
    font-size: 11px;
    line-height: 1.9;
}

.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-cancel-form {
    min-width: 0;
    margin: 2px 0 0;
    padding-block-start: 12px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(150px, 0.42fr);
    align-items: end;
    gap: 10px 12px;
    border-block-start: 1px solid #f0dfe2;
}

.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-cancel-form > label {
    min-width: 0;
    margin: 0;
    display: grid;
    gap: 6px;
    color: #646875;
    font-size: 11px;
    font-weight: 700;
}

.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-cancel-form > label:first-of-type {
    grid-column: 1 / -1;
    min-height: 42px;
    padding: 9px 11px;
    display: flex;
    align-items: center;
    border: 1px solid #f0dfe2;
    border-radius: 6px;
    background: #fff8fa;
}

.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-cancel-form input[type="checkbox"] {
    width: 19px;
    height: 19px;
    margin: 0;
    accent-color: #d64c61;
}

.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-cancel-form textarea {
    width: 100%;
    min-height: 72px;
    padding: 8px 10px;
    border: 1px solid #e7dadd;
    border-radius: 6px;
    background: #fff;
    color: #4e5057;
    font: inherit;
    resize: none;
}

.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-cancel-form .tiko-legacy-form-actions {
    margin: 0;
}

.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-cancel-form .tiko-legacy-button.is-danger {
    width: 100%;
    min-height: 43px;
    justify-content: center;
}

.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-form {
    min-width: 0;
    margin: 0;
    display: grid;
    gap: 14px;
}

.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-grid {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 14px;
}

.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-progress-grid {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    grid-column: 1 / -1;
}

.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-field,
.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-form label {
    min-width: 0;
    margin: 0;
    display: grid;
    align-content: start;
    gap: 6px;
    color: #55575d;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.65;
}

.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-field.is-wide,
.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-form .is-wide,
.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-form [data-tiko-order-refund-row] {
    grid-column: 1 / -1;
}

.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-form input:not([type="hidden"]):not([type="checkbox"]),
.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-form select,
.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-form textarea {
    width: 100%;
    max-width: 100%;
    min-height: 43px;
    margin: 0;
    padding: 8px 11px;
    border: 1px solid var(--tiko-order-edit-border);
    border-radius: 5px;
    background: #fff;
    box-shadow: none;
    color: #4e5057;
    font: inherit;
    font-size: 12px;
    line-height: 1.7;
}

.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-form textarea {
    min-height: 112px;
    resize: none;
}

.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-form input[readonly],
.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-form input:disabled,
.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-form select:disabled,
.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-form textarea[readonly],
.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-form textarea:disabled,
.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-readonly {
    border-color: #eceef1;
    background: var(--tiko-order-edit-readonly);
    color: #767983;
    cursor: default;
    opacity: 1;
}

.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-form [dir="ltr"] {
    direction: ltr;
    text-align: left;
}

.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-form input:not([type="hidden"]):not([type="checkbox"]):focus,
.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-form select:focus,
.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-form textarea:focus {
    border-color: #8997d4;
    outline: 2px solid rgba(30, 47, 157, 0.11);
    outline-offset: 0;
}

.tiko-order-edit-workspace[data-tiko-order-edit] [data-tiko-order-refund-row] {
    min-height: 52px;
    padding: 12px 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid #f3d6df;
    border-radius: 8px;
    background: #fff8fa;
    color: #4d4e55;
    font-size: 13px;
    font-weight: 700;
}

.tiko-order-edit-workspace[data-tiko-order-edit] [data-tiko-order-refund-row] > span {
    min-width: 0;
    line-height: 1.8;
}

.tiko-order-edit-workspace[data-tiko-order-edit] [data-tiko-order-refund-row] input[type="checkbox"]:disabled {
    opacity: 0.58;
}

.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-parameters {
    min-width: 0;
    padding: 12px;
    display: grid;
    gap: 8px;
    border: 1px solid #e5e9f1;
    border-radius: 8px;
    background: #fafbfe;
    color: #51596a;
}

.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-parameters > strong {
    font-size: 11px;
    font-weight: 850;
}

.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-parameters dl {
    margin: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px 12px;
}

.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-parameters dl > div {
    min-width: 0;
    padding-block-start: 6px;
    display: grid;
    grid-template-columns: minmax(74px, auto) minmax(0, 1fr);
    align-items: baseline;
    gap: 7px;
    border-block-start: 1px solid #e8ebf2;
}

.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-parameters dt,
.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-parameters dd {
    margin: 0;
    font-size: 10px;
    line-height: 1.75;
}

.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-parameters dt {
    color: #7a8291;
}

.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-parameters dd {
    min-width: 0;
    overflow-wrap: anywhere;
    color: #394358;
    font-weight: 750;
}

.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-form [data-tiko-order-refund-row][hidden] {
    display: none !important;
}

.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-form [data-tiko-order-refund-row] input[type="checkbox"] {
    width: 20px;
    height: 20px;
    margin: 0;
    accent-color: #f55887;
}

.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-submit,
.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-form button[type="submit"] {
    width: 100%;
    min-height: 50px;
    margin: 4px 0 0;
    padding: 12px 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 6px;
    background: var(--tiko-order-edit-green);
    box-shadow: 0 8px 18px -12px rgba(54, 173, 58, 0.8);
    color: #fff;
    font: inherit;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.5;
    cursor: pointer;
    transition: background-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-submit:hover,
.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-submit:focus-visible,
.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-form button[type="submit"]:hover,
.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-form button[type="submit"]:focus-visible {
    background: var(--tiko-order-edit-green-hover);
    box-shadow: 0 10px 22px -13px rgba(45, 148, 49, 0.9);
}

.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-submit:active,
.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-form button[type="submit"]:active {
    transform: translateY(1px);
}

.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-technical {
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(34, 35, 50, 0.08);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 2px 14px rgba(30, 32, 45, 0.045);
}

.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-technical > summary {
    position: relative;
    min-height: 58px;
    padding: 16px 50px 16px 20px;
    display: flex;
    align-items: center;
    color: #474951;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.7;
    list-style: none;
    cursor: pointer;
    user-select: none;
}

.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-technical > summary::-webkit-details-marker {
    display: none;
}

.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-technical > summary::before,
.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-technical > summary::after {
    content: "";
    position: absolute;
    inset-inline-start: 20px;
    inset-block-start: 50%;
    width: 14px;
    height: 2px;
    border-radius: 2px;
    background: #6973a7;
    transform: translateY(-50%);
    transition: transform 160ms ease;
}

.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-technical > summary::after {
    transform: translateY(-50%) rotate(90deg);
}

.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-technical[open] > summary {
    border-bottom: 1px solid #eceef1;
}

.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-technical[open] > summary::after {
    transform: translateY(-50%) rotate(0deg);
}

.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-technical-content {
    min-width: 0;
    padding: 18px;
    display: grid;
    gap: 18px;
}

.tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-technical-content > .tiko-legacy-card {
    margin: 0;
    box-shadow: none;
}

@media (max-width: 1100px) {
    .tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-layout {
        grid-template-columns: minmax(0, 1fr);
        gap: 24px;
    }

    .tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-main,
    .tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-help {
        grid-column: 1;
    }

    .tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-main {
        grid-row: 1;
    }

    .tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-help {
        grid-row: 2;
        width: min(620px, 100%);
    }
}

@media (max-width: 680px) {
    .tiko-order-edit-workspace[data-tiko-order-edit] {
        gap: 14px;
    }

    .tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-layout {
        gap: 16px;
    }

    .tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-main,
    .tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-help {
        padding: 18px;
    }

    .tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-title {
        font-size: 21px;
    }

    .tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-subtitle {
        margin-bottom: 18px;
        font-size: 13px;
    }

    .tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-grid,
    .tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-progress-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-cancel-form {
        grid-template-columns: minmax(0, 1fr);
    }

    .tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-progress-grid {
        gap: 12px;
    }

    .tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-parameters dl {
        grid-template-columns: minmax(0, 1fr);
    }

    .tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-confirm-shell {
        padding: 19px;
        grid-template-columns: 40px minmax(0, 1fr);
    }

    .tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-confirm-icon {
        width: 40px;
        height: 40px;
    }

    .tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-confirm-actions {
        grid-template-columns: minmax(0, 1fr);
    }

    .tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-technical > summary {
        min-height: 54px;
        padding: 14px 44px 14px 15px;
        font-size: 13px;
    }

    .tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-technical > summary::before,
    .tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-technical > summary::after {
        inset-inline-start: 16px;
    }

    .tiko-order-edit-workspace[data-tiko-order-edit] .tiko-order-edit-technical-content {
        padding: 12px;
        gap: 12px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tiko-order-edit-workspace[data-tiko-order-edit] *,
    .tiko-order-edit-workspace[data-tiko-order-edit] *::before,
    .tiko-order-edit-workspace[data-tiko-order-edit] *::after {
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}

/* Administrator-only mobile projection shared by the legacy dashboard tables. */
.tiko-admin-mobile {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px 7px;
    width: fit-content;
    max-width: 100%;
    padding: 3px 8px;
    border: 1px solid #dfe4f4;
    border-radius: 999px;
    background: #f7f9ff;
    color: #384b84;
    line-height: 1.45;
}

.tiko-admin-mobile bdi {
    direction: ltr;
    unicode-bidi: isolate;
    color: #203887;
    font-weight: 800;
    letter-spacing: 0.02em;
}

.tiko-admin-mobile small {
    display: inline !important;
    color: #75809e;
    font-size: 10px;
}

.tiko-admin-mobile.is-empty {
    border-style: dashed;
    background: #fafafa;
    color: #8b8f9a;
}

.tiko-orders-workspace .tiko-orders-cell-user .tiko-admin-mobile {
    display: flex;
    margin-inline: auto;
}

/* Ticket detail workspace: scoped to the staff conversation view. */
[data-tiko-ticket-detail] {
    --tiko-ticket-ink: #444756;
    --tiko-ticket-muted: #8b8f9b;
    --tiko-ticket-purple: #6a5cd0;
    --tiko-ticket-purple-dark: #5849bc;
    --tiko-ticket-border: #ece8fa;
    --tiko-ticket-surface-soft: #faf9fe;
    width: min(100%, 1100px);
    margin-inline: auto;
    color: var(--tiko-ticket-ink);
}

[data-tiko-ticket-detail] *,
[data-tiko-ticket-detail] *::before,
[data-tiko-ticket-detail] *::after {
    box-sizing: border-box;
}

.tiko-ticket-detail-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 330px;
    align-items: start;
    gap: 20px;
}

.tiko-ticket-detail-main {
    grid-column: 1;
    min-width: 0;
}

.tiko-ticket-detail-top {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    min-height: 170px;
    padding: 18px;
    border: 1px solid var(--tiko-ticket-border);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 10px 28px rgba(79, 68, 143, 0.07);
}

.tiko-ticket-detail-title-holder {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    width: 100%;
    gap: 8px 12px;
}

.tiko-ticket-detail-title-holder h1 {
    min-width: 0;
    margin: 0;
    color: #3e4152;
    font-size: 21px;
    font-weight: 800;
    line-height: 1.75;
    overflow-wrap: anywhere;
}

.tiko-ticket-detail-title-holder h1 > span {
    display: inline-block;
    margin-inline-end: 7px;
    color: #7561d8;
    font-size: 16px;
    direction: ltr;
    unicode-bidi: isolate;
}

.tiko-ticket-detail-count {
    align-self: start;
    margin-top: 4px;
    padding: 6px 10px;
    border-radius: 7px;
    background: #eeeeef;
    color: #727681;
    font-size: 12px;
    white-space: nowrap;
}

.tiko-ticket-detail-state {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.tiko-ticket-detail-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    gap: 10px;
    margin-top: 15px;
}

.tiko-ticket-top-action,
.tiko-ticket-top-action > .tiko-legacy-form-actions {
    display: contents;
}

.tiko-ticket-top-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    min-width: 100px;
    min-height: 44px;
    margin: 0;
    padding: 0 18px;
    border: 1px solid rgba(255, 255, 255, 0.32);
    border-radius: 11px;
    color: #fff;
    font-family: inherit;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.35;
    white-space: nowrap;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(31, 41, 55, 0.12);
    cursor: pointer;
    transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
}

.tiko-ticket-top-button.is-reply {
    background: #35a443;
    box-shadow: 0 7px 16px rgba(38, 146, 59, 0.24);
}

.tiko-ticket-top-button.is-pin {
    background: #806edc;
    box-shadow: 0 7px 16px rgba(117, 97, 216, 0.25);
}

.tiko-ticket-top-button.is-unpin {
    background: #ed9b39;
    box-shadow: 0 7px 16px rgba(233, 138, 43, 0.25);
}

.tiko-ticket-top-button.is-close {
    background: #559ceb;
    box-shadow: 0 7px 16px rgba(66, 133, 232, 0.25);
}

.tiko-ticket-top-button.is-archive {
    background: #ef5c64;
    box-shadow: 0 7px 16px rgba(231, 70, 90, 0.25);
}

.tiko-ticket-top-button.is-restore {
    background: #35a443;
    box-shadow: 0 7px 16px rgba(38, 146, 59, 0.24);
}

.tiko-ticket-top-button:hover,
.tiko-ticket-top-button:focus-visible {
    color: #fff;
    filter: brightness(1.06) saturate(1.04);
    transform: translateY(-2px);
}

.tiko-ticket-top-button:focus-visible,
.tiko-ticket-copy:focus-visible,
.tiko-ticket-quick-card:focus-visible,
.tiko-ticket-reply-button:focus-visible,
.tiko-ticket-orders-more:focus-visible {
    outline: 3px solid rgba(106, 92, 208, 0.24);
    outline-offset: 2px;
}

.tiko-ticket-user-strip {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    min-height: 57px;
    padding: 12px 16px;
    margin-top: 16px;
    border: 1px solid #e3def7;
    border-radius: 14px;
    background: #f7f5fd;
    color: var(--tiko-ticket-purple);
    font-size: 12.5px;
}

.tiko-ticket-user-strip-label {
    font-weight: 700;
}

.tiko-ticket-chip {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 28px;
    padding: 5px 10px;
    border-radius: 999px;
    background: #fff;
    color: var(--tiko-ticket-purple);
    font-size: 11.5px;
    text-decoration: none;
    white-space: nowrap;
}

a.tiko-ticket-chip:hover,
a.tiko-ticket-chip:focus-visible {
    background: var(--tiko-ticket-purple);
    color: #fff;
}

.tiko-ticket-chip.is-tickets {
    background: var(--tiko-ticket-purple);
    color: #fff;
    font-weight: 700;
}

.tiko-ticket-chip.is-orders {
    background: #eaf9ef;
    color: #18864b;
    font-weight: 700;
}

.tiko-ticket-chip.is-orders:hover,
.tiko-ticket-chip.is-orders:focus-visible {
    background: #18864b;
}

.tiko-ticket-chip.is-user {
    color: #5b5e6a;
}

.tiko-ticket-history,
.tiko-ticket-quick-replies,
.tiko-ticket-reply-panel,
.tiko-ticket-conversation,
.tiko-ticket-advanced {
    padding: 18px 20px;
    margin-top: 16px;
    border: 1px solid #ecebf5;
    border-radius: 14px;
    background: #fff;
}

.tiko-ticket-history-head,
.tiko-ticket-conversation-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
}

.tiko-ticket-history-head h2,
.tiko-ticket-conversation-head h2,
.tiko-ticket-quick-replies h2,
.tiko-ticket-reply-panel h2 {
    margin: 0;
    color: #3e4152;
    font-size: 14px;
    font-weight: 800;
}

.tiko-ticket-history-head > a {
    color: var(--tiko-ticket-purple);
    font-size: 12px;
    text-decoration: none;
}

.tiko-ticket-history-warning {
    padding: 14px 16px;
    margin-top: 14px;
    border: 1px solid #f3dfb6;
    border-radius: 12px;
    background: #fff8ec;
}

.tiko-ticket-history-warning > strong {
    display: block;
    margin-bottom: 8px;
    color: #a84f18;
    font-size: 12.5px;
}

.tiko-ticket-history-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
    min-height: 38px;
    padding: 7px 10px;
    border-radius: 9px;
    color: #4a4d5e;
    font-size: 11.5px;
    text-decoration: none;
}

.tiko-ticket-history-row:hover,
.tiko-ticket-history-row:focus-visible {
    background: rgba(106, 92, 208, 0.07);
}

.tiko-ticket-history-id {
    color: var(--tiko-ticket-purple);
    font-weight: 800;
    direction: ltr;
    unicode-bidi: isolate;
}

.tiko-ticket-history-title {
    flex: 1 1 160px;
    min-width: 0;
}

.tiko-ticket-history-row time {
    color: var(--tiko-ticket-muted);
    direction: ltr;
    unicode-bidi: isolate;
}

.tiko-ticket-history-more {
    margin-top: 9px;
}

.tiko-ticket-history-more > summary {
    padding: 8px 0;
    color: var(--tiko-ticket-purple);
    font-size: 12px;
    cursor: pointer;
}

.tiko-ticket-empty-state {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 58px;
    padding: 12px;
    margin: 12px 0 0;
    border: 1px dashed #ddd8f1;
    border-radius: 10px;
    background: #faf9fe;
    color: var(--tiko-ticket-muted);
    font-size: 11.5px;
    line-height: 1.8;
    text-align: center;
}

.tiko-ticket-quick-list > .tiko-ticket-empty-state,
.tiko-ticket-orders-list > .tiko-ticket-empty-state {
    width: 100%;
    margin-top: 0;
}

.tiko-ticket-quick-replies {
    border-color: #e3def7;
    background: #fbfafe;
}

.tiko-ticket-quick-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}

.tiko-ticket-quick-card {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    min-height: 42px;
    padding: 8px 11px;
    border: 1px solid #d9d4f2;
    border-radius: 10px;
    background: #fff;
    color: #4a4d5e;
    font-family: inherit;
    font-size: 11.5px;
    font-weight: 600;
    line-height: 1.65;
    text-align: right;
    cursor: pointer;
}

.tiko-ticket-quick-card b {
    color: var(--tiko-ticket-purple);
    direction: ltr;
    unicode-bidi: isolate;
}

.tiko-ticket-quick-card.is-completed {
    border-color: #b7e4c7;
    background: #f4fff7;
}

.tiko-ticket-quick-card.is-warning,
.tiko-ticket-quick-card.is-diagnostic {
    border-color: #f3d29b;
    background: #fff9ef;
}

.tiko-ticket-quick-card.is-diagnostic {
    cursor: default;
}

button.tiko-ticket-quick-card:hover {
    border-color: #8478d8;
    box-shadow: 0 6px 16px rgba(101, 88, 183, 0.12);
    transform: translateY(-1px);
}

.tiko-ticket-quick-replies > p,
.tiko-ticket-advanced > p {
    margin: 9px 0 0;
    color: var(--tiko-ticket-muted);
    font-size: 10.5px;
}

.tiko-ticket-reply-panel {
    border-color: #e3def7;
    scroll-margin-top: 24px;
}

.tiko-ticket-reply-panel.is-collapsed:not(:target) {
    display: none;
}

.tiko-ticket-reply-form {
    display: block;
    margin-top: 12px;
}

.tiko-ticket-reply-form textarea {
    display: block;
    width: 100%;
    min-height: 154px;
    padding: 14px;
    border: 1px solid #e6e4f2;
    border-radius: 10px;
    background: #fff;
    color: #3e4152;
    font-family: inherit;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.9;
    resize: vertical;
}

.tiko-ticket-reply-form textarea:focus {
    border-color: #8478d8;
    outline: 3px solid rgba(132, 120, 216, 0.14);
}

.tiko-ticket-reply-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 12px;
}

.tiko-ticket-reply-actions.has-attachment {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tiko-ticket-reply-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 46px;
    padding: 0 14px;
    border: 0;
    border-radius: 10px;
    color: #fff;
    font-family: inherit;
    font-size: 12.5px;
    font-weight: 700;
    line-height: 1.4;
    cursor: pointer;
}

.tiko-ticket-reply-button.is-next {
    background: #6a5cd0;
}

.tiko-ticket-reply-button.is-send {
    background: #35a443;
}

.tiko-ticket-reply-button.is-file {
    background: #54a5ec;
}

.tiko-ticket-reply-button input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
}

.tiko-ticket-reply-button.has-file {
    background: #2f8f71;
}

.tiko-ticket-reply-panel .tiko-ticket-file-name {
    margin: 8px 0 0;
    color: var(--tiko-ticket-muted);
    font-size: 11px;
}

.tiko-ticket-conversation {
    padding: 0;
    border: 0;
    background: transparent;
}

.tiko-ticket-conversation-head {
    padding: 0 2px 10px;
}

.tiko-ticket-conversation-head > span {
    color: var(--tiko-ticket-muted);
    font-size: 11px;
}

.tiko-ticket-message-card {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    width: 100%;
    padding: 18px 20px;
    margin-bottom: 16px;
    border: 1px solid #efedf8;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 7px 22px rgba(64, 62, 92, 0.045);
}

.tiko-ticket-message-card.is-staff {
    border-color: #e3def7;
    background: #f7f5fe;
}

.tiko-ticket-message-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 64px;
    width: 64px;
    height: 64px;
    border: 1px solid #e1ddef;
    border-radius: 50%;
    background: #f0eff5;
    color: #a1a3ad;
}

.tiko-ticket-message-card.is-staff .tiko-ticket-message-avatar {
    background: #fff;
    color: var(--tiko-ticket-purple);
}

.tiko-ticket-message-avatar .dashicons {
    width: 30px;
    height: 30px;
    font-size: 30px;
}

.tiko-ticket-message-content {
    flex: 1 1 auto;
    min-width: 0;
}

.tiko-ticket-message-content > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 7px;
    margin-bottom: 8px;
}

.tiko-ticket-message-content > header strong {
    color: #444756;
    font-size: 13px;
}

.tiko-ticket-message-content > header time {
    color: var(--tiko-ticket-muted);
    font-size: 10.5px;
    direction: ltr;
    unicode-bidi: isolate;
}

.tiko-ticket-message-card .tiko-ticket-message-body {
    color: #555866;
    font-size: 13px;
    line-height: 2;
    overflow-wrap: anywhere;
}

.tiko-ticket-message-tools {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 8px;
    margin-top: 12px;
    justify-content: flex-end;
}

.tiko-ticket-message-tools details {
    flex: 0 1 auto;
}

.tiko-ticket-message-tools summary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    min-height: 36px;
    padding: 0;
    border-radius: 8px;
    background: #7766d7;
    color: #fff;
    font-size: 11px;
    cursor: pointer;
    list-style: none;
}

.tiko-ticket-message-tools summary .dashicons {
    width: 18px;
    height: 18px;
    font-size: 18px;
}

.tiko-ticket-message-tools .is-danger > summary {
    background: #ef5c64;
}

.tiko-ticket-message-tools summary::-webkit-details-marker {
    display: none;
}

.tiko-ticket-message-tools details[open] {
    flex-basis: 100%;
}

.tiko-ticket-message-tools details[open] > summary {
    margin-bottom: 9px;
}

.tiko-ticket-message-card .tiko-attachment {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    padding: 10px;
    margin-top: 12px;
    border: 1px dashed #d8d4e9;
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.72);
}

.tiko-ticket-advanced > summary {
    display: flex;
    align-items: center;
    gap: 7px;
    min-height: 30px;
    color: #515465;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
}

.tiko-ticket-advanced[open] > summary {
    margin-bottom: 15px;
}

.tiko-ticket-orders-aside {
    grid-column: 2;
    position: sticky;
    top: 24px;
    min-width: 0;
}

.tiko-ticket-orders-panel {
    padding: 16px;
    border: 1px solid #ecebf5;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 12px 34px rgba(101, 88, 183, 0.07);
}

.tiko-ticket-orders-head {
    padding: 2px 4px 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid #f0eef9;
}

.tiko-ticket-orders-head h2 {
    margin: 0;
    color: #3e4152;
    font-size: 14px;
    font-weight: 800;
}

.tiko-ticket-order-card {
    padding: 13px 14px;
    margin-bottom: 10px;
    border: 1px solid #efedf8;
    border-radius: 12px;
    background: #fff;
    color: #4a4d5e;
}

.tiko-ticket-order-card.is-current {
    border-color: #9b8ce5;
    background: #f9f7fe;
    box-shadow: 0 5px 16px rgba(101, 88, 183, 0.1);
}

.tiko-ticket-order-card[hidden] {
    display: none;
}

.tiko-ticket-order-head {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 9px;
}

.tiko-ticket-copy {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    max-width: 100%;
    min-height: 28px;
    padding: 3px 7px;
    border: 0;
    border-radius: 7px;
    background: #f5f3fd;
    color: var(--tiko-ticket-purple);
    font-family: inherit;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.5;
    cursor: pointer;
}

.tiko-ticket-copy.is-copied {
    background: #e8f8ed;
    color: #18864b;
}

.tiko-ticket-copy.is-copy-error {
    background: #fff0f1;
    color: #b83f4d;
}

.tiko-ticket-order-current {
    display: inline-flex;
    min-height: 24px;
    align-items: center;
    padding: 3px 8px;
    border-radius: 999px;
    background: var(--tiko-ticket-purple);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
}

.tiko-ticket-order-main {
    display: grid;
    gap: 4px;
    color: inherit;
    font-size: 11px;
    text-decoration: none;
}

.tiko-ticket-order-main strong {
    color: #4b4e5d;
    font-size: 12px;
    line-height: 1.75;
}

.tiko-ticket-order-main span,
.tiko-ticket-order-main time {
    color: #777b88;
}

.tiko-ticket-order-main time {
    direction: ltr;
    unicode-bidi: isolate;
}

.tiko-ticket-order-link,
.tiko-ticket-order-provider {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 7px;
    padding-top: 8px;
    margin-top: 8px;
    border-top: 1px solid #efedf8;
    font-size: 10.5px;
}

.tiko-ticket-order-link > a {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--tiko-ticket-purple);
    text-decoration: none;
    white-space: nowrap;
}

.tiko-ticket-order-link .tiko-ticket-copy,
.tiko-ticket-order-provider .tiko-ticket-copy {
    min-width: 0;
    overflow: hidden;
}

.tiko-ticket-order-link .tiko-ticket-copy [data-tiko-copy-label],
.tiko-ticket-order-provider .tiko-ticket-copy [data-tiko-copy-label] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    direction: ltr;
    unicode-bidi: isolate;
}

.tiko-ticket-orders-more,
.tiko-ticket-orders-all {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 38px;
    padding: 7px 10px;
    border: 1px solid #ddd8f4;
    border-radius: 9px;
    background: #faf9fe;
    color: var(--tiko-ticket-purple);
    font-family: inherit;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

.tiko-ticket-payment-card {
    display: grid;
    gap: 7px;
    padding: 12px 14px;
    margin-top: 10px;
    border: 1px solid #dcd7f3;
    border-radius: 11px;
    background: #faf9fe;
    color: #555866;
    font-size: 11px;
}

.tiko-ticket-payment-card > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.tiko-ticket-payment-card b {
    color: #3e4152;
}

.tiko-ticket-payment-card a {
    color: var(--tiko-ticket-purple);
    font-weight: 700;
    text-decoration: none;
}

.tiko-ticket-orders-all {
    margin-top: 9px;
    border: 0;
    background: transparent;
}

@media (max-width: 1180px) {
    [data-tiko-ticket-detail] {
        width: 100%;
    }

    .tiko-ticket-detail-layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .tiko-ticket-detail-main,
    .tiko-ticket-orders-aside {
        grid-column: 1;
    }

    .tiko-ticket-orders-aside {
        position: static;
    }
}

@media (max-width: 680px) {
    [data-tiko-ticket-detail] {
        padding-bottom: calc(80px + env(safe-area-inset-bottom));
    }

    .tiko-ticket-detail-layout {
        display: flex;
        flex-direction: column;
    }

    .tiko-ticket-detail-main {
        display: contents;
    }

    .tiko-ticket-detail-top {
        order: 1;
    }

    .tiko-ticket-orders-aside {
        order: 2;
    }

    .tiko-ticket-detail-main > :not(.tiko-ticket-detail-top) {
        order: 3;
    }

    .tiko-ticket-detail-top,
    .tiko-ticket-history,
    .tiko-ticket-quick-replies,
    .tiko-ticket-reply-panel,
    .tiko-ticket-advanced,
    .tiko-ticket-message-card,
    .tiko-ticket-orders-panel {
        padding: 15px;
    }

    .tiko-ticket-detail-title-holder {
        grid-template-columns: minmax(0, 1fr);
    }

    .tiko-ticket-detail-count {
        justify-self: start;
    }

    .tiko-ticket-detail-actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tiko-ticket-top-button {
        width: 100%;
        min-width: 0;
    }

    .tiko-ticket-reply-actions,
    .tiko-ticket-reply-actions.has-attachment {
        grid-template-columns: minmax(0, 1fr);
    }

    .tiko-ticket-message-card {
        gap: 10px;
    }

    .tiko-ticket-message-avatar {
        flex-basis: 46px;
        width: 46px;
        height: 46px;
    }

    .tiko-ticket-message-avatar .dashicons {
        width: 24px;
        height: 24px;
        font-size: 24px;
    }
}

@media (max-width: 420px) {
    .tiko-ticket-detail-actions {
        grid-template-columns: minmax(0, 1fr);
    }

    .tiko-ticket-message-card {
        flex-direction: column;
    }
}

@media (prefers-reduced-motion: reduce) {
    [data-tiko-ticket-detail] *,
    [data-tiko-ticket-detail] *::before,
    [data-tiko-ticket-detail] *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}

/* Provider list visual refresh — intentionally scoped to the providers index. */
.tiko-kando-app.is-action-providers .tiko-legacy-admin[data-tiko-legacy-admin="providers"] {
    --tiko-provider-primary: #1e55d9;
    --tiko-provider-primary-dark: #173f9f;
    --tiko-provider-primary-soft: #eef4ff;
    --tiko-provider-surface: #fff;
    --tiko-provider-canvas: #f7f9fc;
    --tiko-provider-line: #e2e7f0;
    --tiko-provider-line-strong: #d4dce9;
    --tiko-provider-ink: #202838;
    --tiko-provider-muted: #707a8e;
    --tiko-provider-muted-strong: #657086;
}

.tiko-kando-app.is-action-providers .tiko-legacy-admin[data-tiko-legacy-admin="providers"] > .tiko-legacy-provider-toolbar {
    padding: 14px 16px;
    gap: 12px;
    border: 1px solid var(--tiko-provider-line);
    border-radius: 12px;
    background: var(--tiko-provider-surface);
    box-shadow: none;
}

.tiko-kando-app.is-action-providers .tiko-legacy-provider-toolbar .tiko-legacy-provider-add {
    min-height: 40px;
    padding: 8px 14px;
    gap: 7px;
    border: 1px solid var(--tiko-provider-primary);
    border-radius: 8px;
    background: var(--tiko-provider-primary);
    color: #fff !important;
    box-shadow: none;
    font-size: 12px;
    line-height: 1.6;
    transition: border-color 0.16s ease, background-color 0.16s ease;
}

.tiko-kando-app.is-action-providers .tiko-legacy-provider-toolbar .tiko-legacy-provider-add .dashicons {
    width: 17px;
    height: 17px;
    font-size: 17px;
    line-height: 17px;
}

.tiko-kando-app.is-action-providers .tiko-legacy-provider-toolbar .tiko-legacy-provider-add:hover {
    border-color: var(--tiko-provider-primary-dark);
    background: var(--tiko-provider-primary-dark);
    color: #fff !important;
}

.tiko-kando-app.is-action-providers .tiko-legacy-provider-toolbar .tiko-legacy-provider-add:focus-visible {
    border-color: var(--tiko-provider-primary-dark);
    background: var(--tiko-provider-primary-dark);
    color: #fff !important;
    outline: 3px solid rgba(30, 85, 217, 0.2);
    outline-offset: 2px;
}

.tiko-kando-app.is-action-providers .tiko-legacy-provider-toolbar .tiko-legacy-provider-filters {
    gap: 8px;
}

.tiko-kando-app.is-action-providers .tiko-legacy-provider-toolbar .tiko-legacy-provider-filter {
    min-height: 38px;
    padding: 7px 13px;
    border-radius: 8px;
    box-shadow: none;
    font-size: 12px;
    line-height: 1.6;
    transition: border-color 0.16s ease, background-color 0.16s ease, color 0.16s ease;
}

.tiko-kando-app.is-action-providers .tiko-legacy-provider-toolbar .tiko-legacy-provider-filter.is-active-filter,
.tiko-kando-app.is-action-providers .tiko-legacy-provider-toolbar .tiko-legacy-provider-filter.is-active-filter:hover,
.tiko-kando-app.is-action-providers .tiko-legacy-provider-toolbar .tiko-legacy-provider-filter.is-active-filter:focus-visible,
.tiko-kando-app.is-action-providers .tiko-legacy-provider-toolbar .tiko-legacy-provider-filter.is-disabled-filter,
.tiko-kando-app.is-action-providers .tiko-legacy-provider-toolbar .tiko-legacy-provider-filter.is-disabled-filter:hover,
.tiko-kando-app.is-action-providers .tiko-legacy-provider-toolbar .tiko-legacy-provider-filter.is-disabled-filter:focus-visible {
    border-color: var(--tiko-provider-line);
    background: var(--tiko-provider-surface);
    color: #445269 !important;
}

.tiko-kando-app.is-action-providers .tiko-legacy-provider-toolbar .tiko-legacy-provider-filter.is-current {
    border-color: #b7c8ec;
    background: var(--tiko-provider-primary-soft);
    color: var(--tiko-provider-primary-dark) !important;
    box-shadow: inset 0 0 0 1px #b7c8ec;
}

.tiko-kando-app.is-action-providers .tiko-legacy-provider-toolbar .tiko-legacy-provider-filter:focus-visible {
    outline: 3px solid rgba(30, 85, 217, 0.18);
    outline-offset: 2px;
}

.tiko-kando-app.is-action-providers .tiko-legacy-admin[data-tiko-legacy-admin="providers"] > .tiko-legacy-provider-list-card {
    padding: 0 !important;
    overflow: hidden;
    border: 1px solid var(--tiko-provider-line);
    border-radius: 12px;
    background: var(--tiko-provider-surface);
    box-shadow: none;
}

.tiko-kando-app.is-action-providers .tiko-legacy-provider-list-card > .tiko-legacy-provider-list-head {
    min-height: 64px;
    margin: 0;
    padding: 16px 20px;
    border-bottom: 1px solid var(--tiko-provider-line);
    background: var(--tiko-provider-surface);
}

.tiko-kando-app.is-action-providers .tiko-legacy-provider-list-head h2 {
    color: var(--tiko-provider-ink);
    font-size: 18px;
    font-weight: 850;
    line-height: 1.7;
}

.tiko-kando-app.is-action-providers .tiko-legacy-provider-list-head .dashicons {
    width: 36px;
    height: 36px;
    display: inline-grid;
    place-items: center;
    border: 1px solid #cfddf7;
    border-radius: 10px;
    background: var(--tiko-provider-primary-soft);
    color: var(--tiko-provider-primary);
    font-size: 19px;
    line-height: 36px;
}

.tiko-kando-app.is-action-providers .tiko-legacy-provider-list-card > .tiko-legacy-table-wrap {
    width: calc(100% - 32px);
    margin: 16px;
    overflow-x: auto;
    border: 1px solid var(--tiko-provider-line);
    border-radius: 10px;
    background: var(--tiko-provider-surface);
    scrollbar-color: #b9c5d8 #eef2f7;
    scrollbar-width: thin;
}

.tiko-kando-app.is-action-providers .tiko-legacy-provider-list-card > .tiko-legacy-table-wrap::-webkit-scrollbar {
    height: 8px;
}

.tiko-kando-app.is-action-providers .tiko-legacy-provider-list-card > .tiko-legacy-table-wrap::-webkit-scrollbar-track {
    background: #eef2f7;
}

.tiko-kando-app.is-action-providers .tiko-legacy-provider-list-card > .tiko-legacy-table-wrap::-webkit-scrollbar-thumb {
    border: 2px solid #eef2f7;
    border-radius: 999px;
    background: #b9c5d8;
}

.tiko-kando-app.is-action-providers .tiko-legacy-provider-list-card .tiko-legacy-table {
    min-width: 1060px;
    color: #34415a;
    font-size: 13px;
}

.tiko-kando-app.is-action-providers .tiko-legacy-provider-list-card .tiko-legacy-table th,
.tiko-kando-app.is-action-providers .tiko-legacy-provider-list-card .tiko-legacy-table td {
    padding: 14px 12px;
    border-bottom-color: var(--tiko-provider-line);
    vertical-align: middle;
}

.tiko-kando-app.is-action-providers .tiko-legacy-provider-list-card .tiko-legacy-table th {
    height: 46px;
    background: var(--tiko-provider-canvas);
    color: #596579;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.7;
    text-align: center;
}

.tiko-kando-app.is-action-providers .tiko-legacy-provider-list-card .tiko-legacy-table td {
    height: 64px;
    background: var(--tiko-provider-surface);
    color: #34415a;
    line-height: 1.75;
    text-align: center;
    transition: background-color 0.16s ease;
}

.tiko-kando-app.is-action-providers .tiko-legacy-provider-list-card .tiko-legacy-table tbody tr:hover td {
    background: #f8faff;
}

.tiko-kando-app.is-action-providers .tiko-legacy-provider-list-card .tiko-legacy-table th:first-child,
.tiko-kando-app.is-action-providers .tiko-legacy-provider-list-card .tiko-legacy-table td:first-child {
    position: sticky;
    right: 0;
}

.tiko-kando-app.is-action-providers .tiko-legacy-provider-list-card .tiko-legacy-table th:first-child {
    z-index: 2;
    background: var(--tiko-provider-canvas);
}

.tiko-kando-app.is-action-providers .tiko-legacy-provider-list-card .tiko-legacy-table td:first-child {
    z-index: 1;
    background: var(--tiko-provider-surface);
    box-shadow: -1px 0 0 var(--tiko-provider-line);
}

.tiko-kando-app.is-action-providers .tiko-legacy-provider-list-card .tiko-legacy-table tbody tr:hover td:first-child {
    background: #f8faff;
}

.tiko-kando-app.is-action-providers .tiko-legacy-provider-list-card .tiko-legacy-table tbody tr:last-child td {
    border-bottom: 0;
}

.tiko-kando-app.is-action-providers .tiko-legacy-provider-list-card .tiko-legacy-table td:first-child {
    color: var(--tiko-provider-primary);
    font-weight: 850;
    direction: ltr;
    unicode-bidi: isolate;
}

.tiko-kando-app.is-action-providers .tiko-legacy-provider-list-card .tiko-legacy-table td:nth-child(2),
.tiko-kando-app.is-action-providers .tiko-legacy-provider-list-card .tiko-legacy-table td:nth-child(4) {
    text-align: right;
}

.tiko-kando-app.is-action-providers .tiko-legacy-provider-list-card .tiko-legacy-table th:nth-child(2),
.tiko-kando-app.is-action-providers .tiko-legacy-provider-list-card .tiko-legacy-table td:nth-child(2) {
    min-width: 110px;
    white-space: nowrap;
}

.tiko-kando-app.is-action-providers .tiko-legacy-provider-list-card .tiko-legacy-table td:nth-child(2) strong {
    color: var(--tiko-provider-ink);
    font-weight: 850;
}

.tiko-kando-app.is-action-providers .tiko-legacy-provider-list-card .tiko-legacy-table td:nth-child(2) a {
    color: var(--tiko-provider-primary);
    text-underline-offset: 3px;
}

.tiko-kando-app.is-action-providers .tiko-legacy-provider-list-card .tiko-legacy-table td:nth-child(2) a:hover,
.tiko-kando-app.is-action-providers .tiko-legacy-provider-list-card .tiko-legacy-table td:nth-child(2) a:focus-visible {
    color: var(--tiko-provider-primary-dark);
    text-decoration: underline;
}

.tiko-kando-app.is-action-providers .tiko-legacy-provider-list-card .tiko-legacy-table td:nth-child(3) {
    color: var(--tiko-provider-ink);
    font-weight: 800;
    direction: ltr;
    unicode-bidi: isolate;
    white-space: nowrap;
}

.tiko-kando-app.is-action-providers .tiko-legacy-provider-list-card .tiko-legacy-table td:nth-child(5) {
    color: var(--tiko-provider-muted-strong);
    direction: ltr;
    unicode-bidi: isolate;
    white-space: nowrap;
}

.tiko-kando-app.is-action-providers .tiko-legacy-provider-list-card .tiko-legacy-provider-description {
    width: 190px;
    max-width: 190px;
    color: var(--tiko-provider-muted-strong) !important;
    line-height: 1.85;
}

/* The public theme also gives submit controls CTA geometry. Provider switches
 * retain their native function while using one consistent compact size. */
.tiko-kando-app.is-action-providers .tiko-legacy-provider-list-card .tiko-legacy-provider-switch {
    width: 42px !important;
    min-width: 42px !important;
    height: 24px !important;
    min-height: 24px !important;
    padding: 2px !important;
    border: 0 !important;
    background: #cbd3df !important;
    transition: background-color 0.16s ease, opacity 0.16s ease, outline-color 0.16s ease;
}

.tiko-kando-app.is-action-providers .tiko-legacy-provider-list-card .tiko-legacy-provider-switch > span {
    width: 20px !important;
    min-width: 20px !important;
    height: 20px !important;
    min-height: 20px !important;
}

.tiko-kando-app.is-action-providers .tiko-legacy-provider-list-card .tiko-legacy-provider-switch.is-on {
    background: #2f966b !important;
}

.tiko-kando-app.is-action-providers .tiko-legacy-provider-list-card .tiko-legacy-provider-switch:not(.is-on):not(:disabled):hover {
    background: #b8c3d1 !important;
}

.tiko-kando-app.is-action-providers .tiko-legacy-provider-list-card .tiko-legacy-provider-switch.is-on:not(:disabled):hover {
    background: #287f5b !important;
}

.tiko-kando-app.is-action-providers .tiko-legacy-provider-list-card .tiko-legacy-table td:nth-child(6) .tiko-legacy-provider-switch.is-on,
.tiko-kando-app.is-action-providers .tiko-legacy-provider-list-card .tiko-legacy-table td:nth-child(7) .tiko-legacy-provider-switch.is-on {
    background: var(--tiko-provider-primary) !important;
}

.tiko-kando-app.is-action-providers .tiko-legacy-provider-list-card .tiko-legacy-table td:nth-child(6) .tiko-legacy-provider-switch.is-on:not(:disabled):hover,
.tiko-kando-app.is-action-providers .tiko-legacy-provider-list-card .tiko-legacy-table td:nth-child(7) .tiko-legacy-provider-switch.is-on:not(:disabled):hover {
    background: var(--tiko-provider-primary-dark) !important;
}

.tiko-kando-app.is-action-providers .tiko-legacy-provider-list-card .tiko-legacy-provider-switch:focus-visible {
    outline: 3px solid rgba(30, 85, 217, 0.2);
    outline-offset: 3px;
}

.tiko-kando-app.is-action-providers .tiko-legacy-provider-list-card .tiko-legacy-provider-switch:disabled {
    opacity: 0.55;
}

.tiko-kando-app.is-action-providers .tiko-legacy-provider-list-card .tiko-legacy-provider-actions {
    min-width: 246px;
    gap: 6px;
}

/* The public theme adds CTA padding to enabled submit buttons. These controls
 * must keep the same compact square geometry as the adjacent action links. */
.tiko-kando-app.is-action-providers .tiko-legacy-provider-list-card .tiko-legacy-provider-icon {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 !important;
    border: 1px solid var(--tiko-provider-line-strong);
    border-radius: 8px;
    background: var(--tiko-provider-surface);
    color: #34415a !important;
    box-shadow: none;
    filter: none;
    transition: border-color 0.16s ease, background-color 0.16s ease, color 0.16s ease;
}

.tiko-kando-app.is-action-providers .tiko-legacy-provider-list-card .tiko-legacy-provider-icon .dashicons {
    width: 18px;
    height: 18px;
    font-size: 18px;
    line-height: 18px;
}

.tiko-kando-app.is-action-providers .tiko-legacy-provider-list-card .tiko-legacy-provider-icon.is-test.is-tested {
    border-color: #b9dfca;
    background: #eef9f3;
    color: #18784c !important;
}

.tiko-kando-app.is-action-providers .tiko-legacy-provider-list-card .tiko-legacy-provider-icon.is-delete {
    border-color: #f0cbd0;
    background: #fff3f4;
    color: #a93440 !important;
}

.tiko-kando-app.is-action-providers .tiko-legacy-provider-list-card .tiko-legacy-provider-icon:hover {
    border-color: #b7c8ec;
    background: var(--tiko-provider-primary-soft);
    color: var(--tiko-provider-primary) !important;
    filter: none;
    outline: 0;
}

.tiko-kando-app.is-action-providers .tiko-legacy-provider-list-card .tiko-legacy-provider-icon:focus-visible {
    border-color: currentColor;
    filter: none;
    outline: 3px solid rgba(30, 85, 217, 0.18);
    outline-offset: 2px;
}

.tiko-kando-app.is-action-providers .tiko-legacy-provider-list-card .tiko-legacy-provider-icon.is-test.is-tested:hover,
.tiko-kando-app.is-action-providers .tiko-legacy-provider-list-card .tiko-legacy-provider-icon.is-test.is-tested:focus-visible {
    border-color: #75c49d;
    background: #e6f6ed;
    color: #12663f !important;
}

.tiko-kando-app.is-action-providers .tiko-legacy-provider-list-card .tiko-legacy-provider-icon.is-delete:hover,
.tiko-kando-app.is-action-providers .tiko-legacy-provider-list-card .tiko-legacy-provider-icon.is-delete:focus-visible {
    border-color: #e3afb6;
    background: #ffecef;
    color: #8d2e39 !important;
}

.tiko-kando-app.is-action-providers .tiko-legacy-provider-list-card .tiko-legacy-provider-pagination {
    padding: 0 24px 24px;
    gap: 7px;
}

.tiko-kando-app.is-action-providers .tiko-legacy-provider-list-card .tiko-legacy-provider-pagination a {
    min-width: 34px;
    min-height: 34px;
    padding: 6px 9px;
    border-color: var(--tiko-provider-line);
    border-radius: 8px;
    background: var(--tiko-provider-surface);
    color: #4d596d;
    font-weight: 750;
}

.tiko-kando-app.is-action-providers .tiko-legacy-provider-list-card .tiko-legacy-provider-pagination a:hover,
.tiko-kando-app.is-action-providers .tiko-legacy-provider-list-card .tiko-legacy-provider-pagination a:focus-visible {
    border-color: #b7c8ec;
    background: var(--tiko-provider-primary-soft);
    color: var(--tiko-provider-primary-dark);
}

.tiko-kando-app.is-action-providers .tiko-legacy-provider-list-card .tiko-legacy-provider-pagination a:focus-visible {
    outline: 3px solid rgba(30, 85, 217, 0.18);
    outline-offset: 2px;
}

.tiko-kando-app.is-action-providers .tiko-legacy-provider-list-card .tiko-legacy-provider-pagination a.is-current {
    border-color: var(--tiko-provider-primary);
    background: var(--tiko-provider-primary);
    color: #fff;
}

.tiko-kando-app.is-action-providers .tiko-legacy-admin[data-tiko-legacy-admin="providers"] > .tiko-legacy-provider-floating-add {
    width: 46px;
    height: 46px;
    border: 0;
    background: var(--tiko-provider-primary);
    color: #fff !important;
    box-shadow: 0 4px 10px rgba(30, 85, 217, 0.22);
    transition: background-color 0.16s ease, box-shadow 0.16s ease;
}

.tiko-kando-app.is-action-providers .tiko-legacy-admin[data-tiko-legacy-admin="providers"] > .tiko-legacy-provider-floating-add:hover {
    background: var(--tiko-provider-primary-dark);
    box-shadow: 0 5px 12px rgba(30, 85, 217, 0.25);
}

.tiko-kando-app.is-action-providers .tiko-legacy-admin[data-tiko-legacy-admin="providers"] > .tiko-legacy-provider-floating-add:focus-visible {
    background: var(--tiko-provider-primary-dark);
    outline: 3px solid rgba(30, 85, 217, 0.2);
    outline-offset: 3px;
}

@media (max-width: 780px) {
    .tiko-kando-app.is-action-providers .tiko-legacy-admin[data-tiko-legacy-admin="providers"] > .tiko-legacy-provider-toolbar {
        align-items: stretch;
    }

    .tiko-kando-app.is-action-providers .tiko-legacy-provider-list-card > .tiko-legacy-provider-list-head {
        min-height: 64px;
        padding: 16px 18px;
    }

    .tiko-kando-app.is-action-providers .tiko-legacy-provider-list-card > .tiko-legacy-table-wrap {
        width: calc(100% - 32px);
        margin: 16px;
    }

    .tiko-kando-app.is-action-providers .tiko-legacy-provider-list-card .tiko-legacy-provider-actions {
        min-width: 294px;
    }

    .tiko-kando-app.is-action-providers .tiko-legacy-provider-list-card .tiko-legacy-provider-icon {
        width: 44px !important;
        min-width: 44px !important;
        height: 44px !important;
        min-height: 44px !important;
    }
}

@media (max-width: 620px) {
    .tiko-kando-app.is-action-providers .tiko-legacy-admin[data-tiko-legacy-admin="providers"] > .tiko-legacy-provider-toolbar {
        padding: 12px;
    }

    .tiko-kando-app.is-action-providers .tiko-legacy-provider-toolbar .tiko-legacy-provider-add {
        width: 100%;
        flex: 1 1 100%;
        justify-content: center;
    }

    .tiko-kando-app.is-action-providers .tiko-legacy-provider-toolbar .tiko-legacy-provider-filters {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tiko-kando-app.is-action-providers .tiko-legacy-provider-toolbar .tiko-legacy-provider-filter {
        width: 100%;
        justify-content: center;
    }

    .tiko-kando-app.is-action-providers .tiko-legacy-provider-list-head h2 {
        font-size: 16px;
    }

    .tiko-kando-app.is-action-providers .tiko-legacy-provider-list-head .dashicons {
        width: 34px;
        height: 34px;
        font-size: 18px;
        line-height: 34px;
    }

    .tiko-kando-app.is-action-providers .tiko-legacy-provider-list-card > .tiko-legacy-table-wrap {
        width: calc(100% - 24px);
        margin: 12px 12px 16px;
        border-radius: 8px;
    }

    .tiko-kando-app.is-action-providers .tiko-legacy-provider-list-card .tiko-legacy-provider-pagination {
        padding: 0 12px 18px;
    }

    .tiko-kando-app.is-action-providers .tiko-legacy-admin[data-tiko-legacy-admin="providers"] > .tiko-legacy-provider-floating-add {
        left: 16px;
        bottom: 16px;
        width: 44px;
        height: 44px;
    }
}

/* =============================================================================
   Admin orders queue — visual refresh.
   Scoped to `.tiko-orders-admin`, a class only LegacyAdminRenderer::orders()
   adds. The user dashboard shares `.tiko-orders-workspace` but never receives
   `.tiko-orders-admin`, so nothing in this section can reach it.
   Presentation only: no markup below changes behaviour, data or permissions.
   ============================================================================= */

.tiko-orders-workspace.tiko-orders-admin {
    --tiko-oa-ink: #202838;
    --tiko-oa-body: #3f4859;
    --tiko-oa-muted: #8b95a7;
    --tiko-oa-faint: #98a1b2;
    --tiko-oa-line: #e2e7f0;
    --tiko-oa-hair: #eef1f6;
    --tiko-oa-blue: #1e55d9;
    --tiko-oa-blue-dark: #173f9f;
    --tiko-oa-blue-soft: #eef4ff;
    gap: 16px;
}

/* ---------- page head ---------- */
.tiko-orders-workspace.tiko-orders-admin .tiko-orders-queue-title h1 {
    font-size: clamp(20px, 1.7vw, 22px);
    font-weight: 800;
}

.tiko-orders-workspace.tiko-orders-admin .tiko-orders-queue-title p {
    gap: 8px;
    color: var(--tiko-oa-muted);
    font-size: 12px;
    font-weight: 500;
}

.tiko-orders-workspace.tiko-orders-admin .tiko-orders-actions .tiko-app-button,
.tiko-orders-workspace.tiko-orders-admin .tiko-order-filter .tiko-app-button {
    min-height: 40px;
    padding: 8px 16px;
    border-radius: 8px;
    font-size: 12.5px;
    font-weight: 700;
}

/* ---------- command bar ---------- */
.tiko-orders-workspace.tiko-orders-admin .tiko-orders-command-bar {
    padding: 14px;
    border-radius: 12px;
}

.tiko-orders-workspace.tiko-orders-admin .tiko-order-filter {
    gap: 10px;
}

.tiko-orders-workspace.tiko-orders-admin .tiko-order-filter input,
.tiko-orders-workspace.tiko-orders-admin .tiko-order-filter select,
.tiko-orders-workspace.tiko-orders-admin .tiko-order-more-filters > summary {
    min-height: 40px;
    border-radius: 8px;
    font-size: 12.5px;
    font-weight: 600;
}

.tiko-orders-workspace.tiko-orders-admin .tiko-order-filter > label {
    font-size: 11px;
    font-weight: 700;
}

/* Status tabs: neutral by default, only the active one carries the brand blue. */
.tiko-orders-workspace.tiko-orders-admin [data-tiko-operational-statuses="orders"] > a {
    min-height: 36px;
    padding: 0 12px;
    gap: 8px;
    border: 1px solid #e6eaf2;
    border-radius: 8px;
    background: #fbfcfe;
    box-shadow: none;
    color: #5d6880;
    font-size: 12px;
    font-weight: 700;
}

.tiko-orders-workspace.tiko-orders-admin [data-tiko-operational-statuses="orders"] > a strong {
    background: none;
    color: var(--tiko-oa-faint);
    font-size: 11.5px;
    font-weight: 800;
}

.tiko-orders-workspace.tiko-orders-admin [data-tiko-operational-statuses="orders"] > a:hover {
    border-color: #c5d7fb;
    color: #39445c;
}

.tiko-orders-workspace.tiko-orders-admin [data-tiko-operational-statuses="orders"] > a.is-active {
    border-color: #c5d7fb;
    background: var(--tiko-oa-blue-soft);
    box-shadow: none;
    color: var(--tiko-oa-blue-dark);
}

.tiko-orders-workspace.tiko-orders-admin [data-tiko-operational-statuses="orders"] > a.is-active strong {
    color: var(--tiko-oa-blue);
}

/* ---------- table shell ---------- */
.tiko-orders-workspace.tiko-orders-admin .tiko-orders-list-card {
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--tiko-oa-line);
    border-radius: 12px;
}

.tiko-orders-workspace.tiko-orders-admin .tiko-orders-table {
    color: var(--tiko-oa-body);
    font-size: 12.5px;
}

.tiko-orders-workspace.tiko-orders-admin .tiko-orders-table col.is-order-id { width: 10%; }
.tiko-orders-workspace.tiko-orders-admin .tiko-orders-table col.is-details { width: 43%; }
.tiko-orders-workspace.tiko-orders-admin .tiko-orders-table col.is-status { width: 12%; }
.tiko-orders-workspace.tiko-orders-admin .tiko-orders-table col.is-user { width: 12%; }
.tiko-orders-workspace.tiko-orders-admin .tiko-orders-table col.is-api-response { width: 11%; }
.tiko-orders-workspace.tiko-orders-admin .tiko-orders-table col.is-actions { width: 12%; }

.tiko-orders-workspace.tiko-orders-admin .tiko-orders-table thead th {
    padding: 12px 14px;
    border-block-end: 1px solid var(--tiko-oa-line);
    background: #f8fafd;
    color: #66718a;
    font-size: 11px;
    font-weight: 800;
    text-align: right;
    white-space: nowrap;
}

.tiko-orders-workspace.tiko-orders-admin .tiko-orders-table tbody td,
.tiko-orders-workspace.tiko-orders-admin .tiko-orders-table tbody td:first-child,
.tiko-orders-workspace.tiko-orders-admin .tiko-orders-table tbody td:last-child {
    padding: 16px 14px;
    border-block-end: 1px solid var(--tiko-oa-hair);
    line-height: 1.8;
    text-align: right;
    vertical-align: top;
}

.tiko-orders-workspace.tiko-orders-admin .tiko-orders-table tbody tr:last-child td {
    border-block-end: 0;
}

.tiko-orders-workspace.tiko-orders-admin .tiko-orders-row:hover td {
    background: #fbfcff;
}

/* Colour marks exception, not decoration: the accent rail is reserved for rows
   that are actually waiting on an admin. */
.tiko-orders-workspace.tiko-orders-admin .tiko-orders-table tbody .tiko-orders-row > td:first-child {
    border-inline-start: 0;
}

.tiko-orders-workspace.tiko-orders-admin .tiko-orders-row:has(.tiko-legacy-badge.is-manual_review) > td:first-child,
.tiko-orders-workspace.tiko-orders-admin .tiko-orders-row:has(.tiko-legacy-badge.is-awaiting_action) > td:first-child,
.tiko-orders-workspace.tiko-orders-admin .tiko-orders-row:has(.tiko-legacy-badge.is-cancel_requested) > td:first-child {
    padding-inline-start: 11px;
    border-inline-start: 3px solid #d69b36;
}

.tiko-orders-workspace.tiko-orders-admin .tiko-orders-row:has(.tiko-legacy-badge.is-failed) > td:first-child {
    padding-inline-start: 11px;
    border-inline-start: 3px solid #c85c69;
}

/* ---------- «سفارش» cell: id, archive flag, submitted-at ---------- */
.tiko-orders-workspace.tiko-orders-admin .tiko-orders-id-line {
    gap: 7px;
}

.tiko-orders-workspace.tiko-orders-admin .tiko-orders-id-line > strong {
    color: var(--tiko-oa-blue-dark);
    font-size: 13px;
    font-weight: 800;
}

.tiko-orders-workspace.tiko-orders-admin .tiko-orders-when {
    display: block;
    margin-block-start: 5px;
    color: #5d6880;
    font-size: 11.5px;
    font-weight: 600;
    line-height: 1.75;
}

/* ---------- «جزئیات سفارش» cell ---------- */
.tiko-orders-workspace.tiko-orders-admin .tiko-orders-cell-details {
    gap: 6px;
}

.tiko-orders-workspace.tiko-orders-admin .tiko-orders-service-head > strong {
    color: var(--tiko-oa-ink);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.7;
    text-wrap: pretty;
}

.tiko-orders-workspace.tiko-orders-admin .tiko-orders-service-head > span {
    height: 22px;
    padding: 0 8px;
    display: inline-flex;
    align-items: center;
    border: 0;
    border-radius: 6px;
    background: #f2f5fa;
    color: #6b7690;
    font-size: 11px;
    font-weight: 700;
}

.tiko-orders-workspace.tiko-orders-admin .tiko-orders-provider-line {
    color: var(--tiko-oa-muted);
    font-size: 11.5px;
    font-weight: 500;
    line-height: 1.85;
}

.tiko-orders-workspace.tiko-orders-admin .tiko-orders-provider-line strong,
.tiko-orders-workspace.tiko-orders-admin .tiko-orders-provider-line bdi {
    color: #5d6880;
    font-weight: 700;
}

.tiko-orders-workspace.tiko-orders-admin .tiko-orders-target {
    justify-self: start;
    flex-wrap: nowrap;
    width: auto;
    max-width: 100%;
    min-width: 0;
    min-height: 27px;
    padding: 0 6px 0 9px;
    gap: 4px;
    border: 1px solid var(--tiko-oa-hair);
    border-radius: 7px;
    background: #f7f9fc;
}

.tiko-orders-workspace.tiko-orders-admin .tiko-orders-target .tiko-orders-target-link,
.tiko-orders-workspace.tiko-orders-admin .tiko-orders-target > bdi {
    font-size: 11.5px;
    font-weight: 600;
}

.tiko-orders-workspace.tiko-orders-admin .tiko-orders-parameters {
    padding: 8px 11px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 4px 16px;
    border-color: var(--tiko-oa-hair);
    border-radius: 7px;
    background: #fafbfe;
}

.tiko-orders-workspace.tiko-orders-admin .tiko-orders-parameters dt {
    color: var(--tiko-oa-faint);
    font-size: 10.5px;
    font-weight: 500;
}

.tiko-orders-workspace.tiko-orders-admin .tiko-orders-parameters dd {
    color: #4a5568;
    font-size: 11px;
    font-weight: 700;
}

.tiko-orders-workspace.tiko-orders-admin .tiko-orders-note {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
    color: #5d6880;
    font-size: 11.5px;
    font-weight: 500;
    line-height: 1.85;
}

.tiko-orders-workspace.tiko-orders-admin .tiko-orders-note strong {
    color: #39445c;
    font-weight: 700;
}

/* Numbers line: counts read left-to-right, the money group sits at the far end
   so exactly one figure per row — the charge — reads as the primary number. */
.tiko-orders-workspace.tiko-orders-admin .tiko-orders-metrics {
    margin-block-start: 6px;
    padding-block-start: 11px;
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 8px 22px;
    border-block-start: 1px solid var(--tiko-oa-hair);
}

.tiko-orders-workspace.tiko-orders-admin .tiko-orders-metrics > div {
    padding: 0;
    gap: 6px;
    border: 0;
}

.tiko-orders-workspace.tiko-orders-admin .tiko-orders-metrics > div.is-amount {
    margin-inline-start: auto;
}

.tiko-orders-workspace.tiko-orders-admin .tiko-orders-metrics dt {
    color: var(--tiko-oa-faint);
    font-size: 11px;
    font-weight: 500;
}

.tiko-orders-workspace.tiko-orders-admin .tiko-orders-metrics dd {
    color: #39445c;
    font-size: 12.5px;
    font-weight: 700;
}

.tiko-orders-workspace.tiko-orders-admin .tiko-orders-metrics > div.is-amount dt {
    font-size: 11px;
}

.tiko-orders-workspace.tiko-orders-admin .tiko-orders-metrics > div.is-amount dd {
    color: var(--tiko-oa-ink);
    font-size: 14.5px;
    font-weight: 800;
}

.tiko-orders-workspace.tiko-orders-admin .tiko-orders-metrics dd.is-cost {
    color: var(--tiko-oa-faint);
    font-size: 11px;
    font-weight: 600;
}

.tiko-orders-workspace.tiko-orders-admin .tiko-orders-metrics dd.is-profit {
    color: #21845d;
    font-size: 11px;
    font-weight: 600;
}

/* ---------- «وضعیت» cell ---------- */
.tiko-orders-workspace.tiko-orders-admin .tiko-orders-cell-status .tiko-legacy-badge {
    min-height: 26px;
    padding: 3px 10px;
    gap: 6px;
    border: 0;
    border-radius: 999px;
    font-size: 11.5px;
    font-weight: 700;
    line-height: 1.5;
    white-space: normal;
}

.tiko-orders-workspace.tiko-orders-admin .tiko-orders-cell-status .tiko-legacy-badge.is-order-status::before {
    content: "";
    flex: 0 0 auto;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
    opacity: .8;
}

/* One tone per status family, matching the grouping the status tabs already use. */
.tiko-orders-workspace.tiko-orders-admin .tiko-orders-cell-status .tiko-legacy-badge.is-order-status.is-queued,
.tiko-orders-workspace.tiko-orders-admin .tiko-orders-cell-status .tiko-legacy-badge.is-order-status.is-pending {
    background: #eff1f6;
    color: #5d6880;
}

.tiko-orders-workspace.tiko-orders-admin .tiko-orders-cell-status .tiko-legacy-badge.is-order-status.is-submitting,
.tiko-orders-workspace.tiko-orders-admin .tiko-orders-cell-status .tiko-legacy-badge.is-order-status.is-processing {
    background: #e5f1f7;
    color: #16708f;
}

.tiko-orders-workspace.tiko-orders-admin .tiko-orders-cell-status .tiko-legacy-badge.is-order-status.is-in_progress {
    background: var(--tiko-oa-blue-soft);
    color: var(--tiko-oa-blue);
}

.tiko-orders-workspace.tiko-orders-admin .tiko-orders-cell-status .tiko-legacy-badge.is-order-status.is-completed {
    background: #e9f7ef;
    color: #18784c;
}

.tiko-orders-workspace.tiko-orders-admin .tiko-orders-cell-status .tiko-legacy-badge.is-order-status.is-partial {
    background: #f3eefb;
    color: #6b48a8;
}

.tiko-orders-workspace.tiko-orders-admin .tiko-orders-cell-status .tiko-legacy-badge.is-order-status.is-awaiting_action,
.tiko-orders-workspace.tiko-orders-admin .tiko-orders-cell-status .tiko-legacy-badge.is-order-status.is-manual_review,
.tiko-orders-workspace.tiko-orders-admin .tiko-orders-cell-status .tiko-legacy-badge.is-order-status.is-cancel_requested {
    background: #fff4e2;
    color: #8a5a12;
}

.tiko-orders-workspace.tiko-orders-admin .tiko-orders-cell-status .tiko-legacy-badge.is-order-status.is-canceled,
.tiko-orders-workspace.tiko-orders-admin .tiko-orders-cell-status .tiko-legacy-badge.is-order-status.is-cancelled,
.tiko-orders-workspace.tiko-orders-admin .tiko-orders-cell-status .tiko-legacy-badge.is-order-status.is-failed {
    background: #fdebec;
    color: #a93440;
}

.tiko-orders-workspace.tiko-orders-admin .tiko-orders-cell-status .tiko-legacy-badge.is-order-status.is-refunded {
    background: #f5eef0;
    color: #8a5560;
}

.tiko-orders-workspace.tiko-orders-admin .tiko-orders-cell-status .tiko-orders-provider-check {
    margin-block-start: 8px;
    color: var(--tiko-oa-faint);
    font-size: 11px;
    font-weight: 500;
    line-height: 1.75;
}

.tiko-orders-workspace.tiko-orders-admin .tiko-orders-admin-note {
    margin-block-start: 8px;
    padding: 7px 9px;
    border: 0;
    border-radius: 6px;
    background: #fff7ea;
    color: #85601c;
    font-size: 10.5px;
    font-weight: 600;
    line-height: 1.8;
}

/* ---------- «کاربر» cell: name, mobile and verification share one edge ---------- */
.tiko-orders-workspace.tiko-orders-admin .tiko-orders-user-identity {
    display: grid;
    justify-items: start;
    gap: 4px;
}

.tiko-orders-workspace.tiko-orders-admin .tiko-orders-user-identity > strong {
    color: #39445c;
    font-size: 12.5px;
    font-weight: 700;
}

.tiko-orders-workspace.tiko-orders-admin .tiko-orders-cell-user .tiko-admin-mobile {
    display: grid;
    justify-items: start;
    gap: 6px;
    margin-inline: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
}

.tiko-orders-workspace.tiko-orders-admin .tiko-orders-cell-user .tiko-admin-mobile > bdi {
    display: block;
    color: #5d6880;
    font-size: 12px;
    font-weight: 600;
    text-align: right;
}

.tiko-orders-workspace.tiko-orders-admin .tiko-orders-cell-user .tiko-admin-mobile > small {
    height: 22px;
    padding: 0 8px;
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    background: #f2f4f8;
    color: #7d879b;
    font-size: 10.5px;
    font-weight: 700;
}

.tiko-orders-workspace.tiko-orders-admin .tiko-orders-cell-user .tiko-admin-mobile.is-empty {
    border: 0;
    background: none;
    color: var(--tiko-oa-faint);
    font-size: 11.5px;
}

/* ---------- «پاسخ API» cell: provider order id + provider response ---------- */
.tiko-orders-workspace.tiko-orders-admin .tiko-orders-api-id {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 2px 5px;
    margin-block-end: 7px;
}

.tiko-orders-workspace.tiko-orders-admin .tiko-orders-api-id > span {
    color: var(--tiko-oa-faint);
    font-size: 10.5px;
    font-weight: 500;
}

.tiko-orders-workspace.tiko-orders-admin .tiko-orders-api-id > bdi {
    color: #39445c;
    font-size: 11.5px;
    font-weight: 700;
}

.tiko-orders-workspace.tiko-orders-admin .tiko-orders-cell-api-response > strong {
    display: block;
    color: #39445c;
    font-size: 11.5px;
    font-weight: 700;
    line-height: 1.7;
}

.tiko-orders-workspace.tiko-orders-admin .tiko-orders-cell-api-response > small {
    margin-block-start: 4px;
    color: var(--tiko-oa-faint);
    font-size: 10.5px;
    font-weight: 500;
    line-height: 1.8;
}

/* ---------- «عملیات» cell ---------- */
.tiko-orders-workspace.tiko-orders-admin .tiko-orders-actions-stack {
    gap: 6px;
}

.tiko-orders-workspace.tiko-orders-admin .tiko-orders-actions-stack .tiko-legacy-button,
.tiko-orders-workspace.tiko-orders-admin .tiko-orders-actions-stack .tiko-order-card-management > summary {
    min-height: 30px;
    border-color: #dbe2ee;
    border-radius: 7px;
    color: #39445c;
    font-size: 11.5px;
    font-weight: 700;
}

/* ---------- pagination ---------- */
.tiko-orders-workspace.tiko-orders-admin .tiko-legacy-pagination {
    padding: 13px 16px;
    border-block-start: 1px solid var(--tiko-oa-hair);
    background: #fcfdff;
}

/* ---------- card mode: same six cells, stacked ---------- */
@media (max-width: 1180px) {
    .tiko-orders-workspace.tiko-orders-admin .tiko-orders-table tr {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .tiko-orders-workspace.tiko-orders-admin .tiko-orders-cell-id { grid-column: 1 / 4; grid-row: 1; }
    .tiko-orders-workspace.tiko-orders-admin .tiko-orders-cell-status { grid-column: 4 / 7; grid-row: 1; }
    .tiko-orders-workspace.tiko-orders-admin .tiko-orders-cell-details { grid-column: 1 / -1; grid-row: 2; }
    .tiko-orders-workspace.tiko-orders-admin .tiko-orders-cell-user { grid-column: 1 / 4; grid-row: 3; }
    .tiko-orders-workspace.tiko-orders-admin .tiko-orders-cell-api-response { grid-column: 4 / 7; grid-row: 3; }
    .tiko-orders-workspace.tiko-orders-admin .tiko-orders-cell-actions { grid-column: 1 / -1; grid-row: 4; }

    .tiko-orders-workspace.tiko-orders-admin .tiko-orders-table tbody td::before {
        color: #69758a;
        font-size: 11px;
        font-weight: 800;
    }

}

.tiko-orders-workspace.tiko-orders-admin .tiko-orders-target > bdi,
.tiko-orders-workspace.tiko-orders-admin .tiko-orders-target .tiko-orders-target-link {
    flex: 0 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tiko-orders-workspace.tiko-orders-admin .tiko-orders-target .tiko-order-copy {
    width: 21px;
    min-width: 21px;
    height: 21px;
    min-height: 21px;
    padding: 0;
    border: 0;
    border-radius: 5px;
    background: transparent;
    color: #9aa3b4;
}

.tiko-orders-workspace.tiko-orders-admin .tiko-orders-target .tiko-order-copy:hover,
.tiko-orders-workspace.tiko-orders-admin .tiko-orders-target .tiko-order-copy:focus-visible {
    background: #e6edfb;
    color: var(--tiko-oa-blue);
}

/* Tabs are content-sized chips: the row scrolls when it runs out of width
   instead of squeezing labels down to one letter per line. */
.tiko-orders-workspace.tiko-orders-admin [data-tiko-operational-statuses="orders"] > a {
    flex: 0 0 auto;
    min-width: 0;
    justify-content: flex-start;
}

.tiko-orders-workspace.tiko-orders-admin [data-tiko-operational-statuses="orders"] .tiko-order-status-label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    white-space: nowrap;
}

@media (max-width: 1180px) {
    .tiko-orders-workspace.tiko-orders-admin .tiko-orders-cell-status .tiko-legacy-badge {
        white-space: nowrap;
    }
}

/* Phone widths: one field per line, so nothing has to wrap inside a half column. */
@media (max-width: 620px) {
    .tiko-orders-workspace.tiko-orders-admin .tiko-orders-cell-id,
    .tiko-orders-workspace.tiko-orders-admin .tiko-orders-cell-status,
    .tiko-orders-workspace.tiko-orders-admin .tiko-orders-cell-user,
    .tiko-orders-workspace.tiko-orders-admin .tiko-orders-cell-api-response {
        grid-column: 1 / -1;
    }

    .tiko-orders-workspace.tiko-orders-admin .tiko-orders-cell-id { grid-row: 1; }
    .tiko-orders-workspace.tiko-orders-admin .tiko-orders-cell-status { grid-row: 2; }
    .tiko-orders-workspace.tiko-orders-admin .tiko-orders-cell-details { grid-row: 3; }
    .tiko-orders-workspace.tiko-orders-admin .tiko-orders-cell-user { grid-row: 4; }
    .tiko-orders-workspace.tiko-orders-admin .tiko-orders-cell-api-response { grid-row: 5; }
    .tiko-orders-workspace.tiko-orders-admin .tiko-orders-cell-actions { grid-row: 6; }
}

@media (max-width: 1180px) {
    .tiko-orders-workspace.tiko-orders-admin .tiko-orders-cell-status .tiko-legacy-badge,
    .tiko-orders-workspace.tiko-orders-admin .tiko-orders-cell-user .tiko-admin-mobile > small,
    .tiko-orders-workspace.tiko-orders-admin .tiko-orders-service-head > span {
        justify-self: start;
    }
}

/* =============================================================================
   Support tickets list — visual refresh.
   Scoped to the `.tiko-tickets-*` classes, which only the tickets list view
   emits. The dashboard overview widget uses the same `.tiko-ticket-list` and
   `.tiko-badge` markup but never receives these classes, so nothing below can
   reach it. Presentation only: no data, permission or behaviour changes.
   ============================================================================= */

.tiko-kando-content .tiko-tickets-head,
.tiko-kando-content .tiko-tickets-tabs,
.tiko-kando-content .tiko-tickets-card {
    --tk-ink: #1b2438;
    --tk-body: #4a5468;
    --tk-muted: #98a1b4;
    --tk-line: #eceef5;
    --tk-blue: #0855df;
    --tk-blue-dark: #0644b7;
    --tk-icon-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m14 6-6 6 6 6'/%3E%3C/svg%3E");
}

/* ---------- page head ---------- */
.tiko-kando-content .tiko-view-head.tiko-tickets-head {
    min-height: 0;
    padding: 26px 28px;
    margin-block-end: 22px;
    border: 1px solid var(--tk-line);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 12px 35px rgba(31, 24, 76, .05);
}

.tiko-kando-content .tiko-view-head.tiko-tickets-head p {
    font-size: 12.5px;
    font-weight: 800;
}

.tiko-kando-content .tiko-view-head.tiko-tickets-head h2 {
    margin-block-start: 5px;
    color: var(--tk-ink);
    font-size: clamp(21px, 2.2vw, 25px);
    font-weight: 800;
    line-height: 1.45;
}

.tiko-kando-content .tiko-view-head.tiko-tickets-head .tiko-app-button {
    min-height: 46px;
    padding: 0 20px;
    gap: 9px;
    border-radius: 12px;
    background: var(--tk-blue);
    color: #fff;
    font-size: 13.5px;
    font-weight: 700;
    box-shadow: 0 8px 20px -8px rgba(8, 85, 223, .55);
}

.tiko-kando-content .tiko-view-head.tiko-tickets-head .tiko-app-button:hover,
.tiko-kando-content .tiko-view-head.tiko-tickets-head .tiko-app-button:focus-visible {
    background: var(--tk-blue-dark);
    color: #fff;
}

/* ---------- status tabs: soft pills, only the active one carries the blue ---------- */
.tiko-kando-content .tiko-split-actions.tiko-tickets-tabs {
    margin-block: 0 20px;
    gap: 8px;
    align-items: center;
}

.tiko-kando-content .tiko-split-actions.tiko-tickets-tabs .tiko-link-button {
    min-height: 40px;
    padding: 0 16px;
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    background: #eef0f7;
    color: #5a6478;
    font-size: 13px;
    font-weight: 700;
    transition: background-color 160ms ease, color 160ms ease;
}

.tiko-kando-content .tiko-split-actions.tiko-tickets-tabs .tiko-link-button:hover,
.tiko-kando-content .tiko-split-actions.tiko-tickets-tabs .tiko-link-button:focus-visible {
    background: #e5e9f4;
    color: #333f56;
}

.tiko-kando-content .tiko-split-actions.tiko-tickets-tabs .tiko-link-button.is-active {
    background: var(--tk-blue);
    color: #fff;
    box-shadow: 0 6px 16px -8px rgba(8, 85, 223, .7);
}

/* ---------- the list container steps back so each ticket can be its own card ---------- */
.tiko-kando-content .tiko-panel-card.tiko-tickets-card {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.tiko-kando-content .tiko-panel-card.tiko-tickets-card > h3 {
    margin-block-end: 12px;
    padding-inline: 2px;
    color: var(--tk-muted);
    font-size: 12.5px;
    font-weight: 700;
}

.tiko-kando-content .tiko-ticket-list.tiko-tickets-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* ---------- one ticket ---------- */
.tiko-kando-content .tiko-tickets-list > a {
    --tone-bg: #f1f2f6;
    --tone-fg: #6b7385;
    padding: 18px 20px;
    gap: 16px;
    justify-content: flex-start;
    border: 1px solid var(--tk-line);
    border-bottom: 1px solid var(--tk-line);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 2px 6px rgba(31, 24, 76, .03);
    transition: box-shadow 180ms ease, transform 180ms ease, border-color 180ms ease;
}

.tiko-kando-content .tiko-tickets-list > a:last-child {
    border-bottom: 1px solid var(--tk-line);
}

.tiko-kando-content .tiko-tickets-list > a:hover,
.tiko-kando-content .tiko-tickets-list > a:focus-visible {
    transform: translateY(-1px);
    border-color: #dfe4f2;
    box-shadow: 0 12px 28px -14px rgba(31, 24, 76, .3);
}

/* the conversation mark and the go arrow are drawn in CSS, so the row markup
   itself is untouched */
.tiko-kando-content .tiko-tickets-list > a {
    --tk-mark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7385' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.5 11.5a7.5 7.5 0 0 1-10.9 6.7L4 19.5l1.4-5.3A7.5 7.5 0 1 1 20.5 11.5z'/%3E%3C/svg%3E");
}

.tiko-kando-content .tiko-tickets-list > a::before {
    content: "";
    flex: 0 0 auto;
    width: 44px;
    height: 44px;
    border-radius: 14px;
    background-color: var(--tone-bg);
    background-image: var(--tk-mark);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 21px 21px;
}

.tiko-kando-content .tiko-tickets-list > a::after {
    content: "";
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    background: #c3cad9;
    -webkit-mask: var(--tk-icon-chevron) center / 18px 18px no-repeat;
    mask: var(--tk-icon-chevron) center / 18px 18px no-repeat;
    transition: background-color 180ms ease;
}

.tiko-kando-content .tiko-tickets-list > a:hover::after,
.tiko-kando-content .tiko-tickets-list > a:focus-visible::after {
    background: var(--tk-blue);
}

.tiko-kando-content .tiko-tickets-list > a > div {
    flex: 1 1 auto;
}

.tiko-kando-content .tiko-tickets-list > a > div strong {
    color: var(--tk-ink);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.6;
}

.tiko-kando-content .tiko-tickets-list > a > div span {
    margin-block-start: 4px;
    color: var(--tk-muted);
    font-size: 12px;
    font-weight: 500;
}

/* ---------- status: four tones for five states, grouped by whose turn it is ---------- */
.tiko-kando-content .tiko-tickets-list .tiko-badge {
    flex: 0 0 auto;
    min-height: 30px;
    padding: 0 13px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: var(--tone-bg);
    color: var(--tone-fg);
    font-size: 12.5px;
    font-weight: 700;
}

.tiko-kando-content .tiko-tickets-list .tiko-badge::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
    opacity: .75;
}

/* we are on it */
.tiko-kando-content .tiko-tickets-list > a:has(.tiko-badge.is-open),
.tiko-kando-content .tiko-tickets-list > a:has(.tiko-badge.is-pending_support) {
    --tone-bg: #eef3fd;
    --tone-fg: #2a5bb8;
    --tk-mark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232a5bb8' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.5 11.5a7.5 7.5 0 0 1-10.9 6.7L4 19.5l1.4-5.3A7.5 7.5 0 1 1 20.5 11.5z'/%3E%3C/svg%3E");
}

/* the only state that asks something of the reader */
.tiko-kando-content .tiko-tickets-list > a:has(.tiko-badge.is-pending_user) {
    --tone-bg: #fdf3e3;
    --tone-fg: #8a5f18;
    --tk-mark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a5f18' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.5 11.5a7.5 7.5 0 0 1-10.9 6.7L4 19.5l1.4-5.3A7.5 7.5 0 1 1 20.5 11.5z'/%3E%3C/svg%3E");
}

/* done */
.tiko-kando-content .tiko-tickets-list > a:has(.tiko-badge.is-resolved) {
    --tone-bg: #eaf6ef;
    --tone-fg: #1f7a51;
    --tk-mark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f7a51' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.5 11.5a7.5 7.5 0 0 1-10.9 6.7L4 19.5l1.4-5.3A7.5 7.5 0 1 1 20.5 11.5z'/%3E%3Cpath d='m9.2 11.6 1.9 1.9 3.7-3.7'/%3E%3C/svg%3E");
}

/* browsers without :has() still get a readable, neutral row */
.tiko-kando-content .tiko-tickets-list .tiko-badge.is-open,
.tiko-kando-content .tiko-tickets-list .tiko-badge.is-pending_support {
    background: #eef3fd;
    color: #2a5bb8;
}

.tiko-kando-content .tiko-tickets-list .tiko-badge.is-pending_user {
    background: #fdf3e3;
    color: #8a5f18;
}

.tiko-kando-content .tiko-tickets-list .tiko-badge.is-resolved {
    background: #eaf6ef;
    color: #1f7a51;
}

.tiko-kando-content .tiko-tickets-list .tiko-badge.is-closed {
    background: #f1f2f6;
    color: #6b7385;
}

/* ---------- empty state: same sentence, calmer surroundings ---------- */
.tiko-kando-content .tiko-tickets-card .tiko-empty {
    padding: 54px 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    border: 1px solid var(--tk-line);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 12px 35px rgba(31, 24, 76, .04);
}

.tiko-kando-content .tiko-tickets-card .tiko-empty::before {
    content: "";
    width: 116px;
    height: 116px;
    border-radius: 50%;
    background: linear-gradient(160deg, #f4f1ff, #eef3fd);
}

.tiko-kando-content .tiko-tickets-card .tiko-empty p {
    margin: 0;
    color: #7d8698;
    font-size: 14.5px;
    font-weight: 600;
}

/* ---------- pager ---------- */
.tiko-kando-content .tiko-tickets-card .tiko-split-actions {
    margin-block-start: 18px;
    justify-content: center;
}

.tiko-kando-content .tiko-tickets-card .tiko-split-actions .tiko-app-button {
    min-height: 42px;
    padding: 0 20px;
    border-radius: 12px;
}

@media (max-width: 620px) {
    .tiko-kando-content .tiko-view-head.tiko-tickets-head {
        padding: 20px 18px;
        border-radius: 18px;
    }

    .tiko-kando-content .tiko-tickets-list > a {
        padding: 15px 16px;
        gap: 13px;
        flex-wrap: wrap;
    }

    .tiko-kando-content .tiko-tickets-list > a::before {
        width: 42px;
        height: 42px;
        border-radius: 13px;
    }

    .tiko-kando-content .tiko-tickets-list > a > div {
        flex: 1 1 140px;
    }
}

/* =============================================================================
   Admin ticket queue — visual refresh.
   Every selector below is anchored on a `.tiko-legacy-ticket-*` class. Those
   classes exist only inside the tickets LIST view (LegacyAdminRenderer lines
   ~3919-3985); the conversation/reply view and the user dashboard never carry
   them, so nothing here can reach either. Presentation only.
   ============================================================================= */

.tiko-kando-content .tiko-legacy-ticket-toolbar,
.tiko-kando-content .tiko-legacy-ticket-order-groups,
.tiko-kando-content .tiko-legacy-ticket-list {
    --tq-ink: #202838;
    --tq-body: #3f4859;
    --tq-muted: #8b95a7;
    --tq-faint: #98a1b2;
    --tq-line: #e2e7f0;
    --tq-hair: #eef1f6;
    --tq-blue: #1e55d9;
    --tq-blue-dark: #173f9f;
    --tq-blue-soft: #eef4ff;
}

/* ---------- toolbar: one coloured action, the rest are queue switches ---------- */
.tiko-kando-content .tiko-legacy-ticket-toolbar .tiko-legacy-ticket-reference-actions {
    padding: 12px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    border: 1px solid var(--tq-line);
    border-radius: 12px;
    background: #fff;
}

.tiko-kando-content .tiko-legacy-ticket-toolbar .tiko-legacy-button {
    min-height: 36px;
    padding: 0 13px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border: 1px solid #e6eaf2;
    border-radius: 8px;
    background: #fbfcfe;
    color: #5d6880 !important;
    font-size: 12px;
    font-weight: 700;
    box-shadow: none;
    text-shadow: none;
}

.tiko-kando-content .tiko-legacy-ticket-toolbar .tiko-legacy-button:hover,
.tiko-kando-content .tiko-legacy-ticket-toolbar .tiko-legacy-button:focus-visible {
    border-color: #c5d7fb;
    background: #f4f7fd;
    color: #39445c !important;
}

/* the current queue is the only thing that reads as selected */
.tiko-kando-content .tiko-legacy-ticket-toolbar .tiko-legacy-button.is-current {
    border-color: #c5d7fb;
    background: var(--tq-blue-soft);
    color: var(--tq-blue-dark) !important;
}

.tiko-kando-content .tiko-legacy-ticket-toolbar .tiko-legacy-button.is-success,
.tiko-kando-content .tiko-legacy-ticket-toolbar .tiko-legacy-button.is-danger,
.tiko-kando-content .tiko-legacy-ticket-toolbar .tiko-legacy-button.is-pinned,
.tiko-kando-content .tiko-legacy-ticket-toolbar .tiko-legacy-button.is-secondary {
    border-color: #e6eaf2;
    background: #fbfcfe;
    color: #5d6880 !important;
}

.tiko-kando-content .tiko-legacy-ticket-toolbar .tiko-legacy-button.is-success:hover,
.tiko-kando-content .tiko-legacy-ticket-toolbar .tiko-legacy-button.is-danger:hover,
.tiko-kando-content .tiko-legacy-ticket-toolbar .tiko-legacy-button.is-pinned:hover,
.tiko-kando-content .tiko-legacy-ticket-toolbar .tiko-legacy-button.is-secondary:hover,
.tiko-kando-content .tiko-legacy-ticket-toolbar .tiko-legacy-button.is-success:focus-visible,
.tiko-kando-content .tiko-legacy-ticket-toolbar .tiko-legacy-button.is-danger:focus-visible,
.tiko-kando-content .tiko-legacy-ticket-toolbar .tiko-legacy-button.is-pinned:focus-visible,
.tiko-kando-content .tiko-legacy-ticket-toolbar .tiko-legacy-button.is-secondary:focus-visible {
    border-color: #c5d7fb;
    background: #f4f7fd;
    color: #39445c !important;
}

.tiko-kando-content .tiko-legacy-ticket-toolbar .tiko-legacy-button.is-success.is-current,
.tiko-kando-content .tiko-legacy-ticket-toolbar .tiko-legacy-button.is-danger.is-current,
.tiko-kando-content .tiko-legacy-ticket-toolbar .tiko-legacy-button.is-pinned.is-current {
    border-color: #c5d7fb;
    background: var(--tq-blue-soft);
    color: var(--tq-blue-dark) !important;
}

/* «ارسال تیکت» is the only button here without a modifier class, and the only
   one that stays coloured */
.tiko-kando-content .tiko-legacy-ticket-toolbar .tiko-legacy-button:not(.is-success):not(.is-danger):not(.is-pinned):not(.is-secondary) {
    border-color: var(--tq-blue);
    background: var(--tq-blue);
    color: #fff !important;
}

.tiko-kando-content .tiko-legacy-ticket-toolbar .tiko-legacy-button:not(.is-success):not(.is-danger):not(.is-pinned):not(.is-secondary):hover,
.tiko-kando-content .tiko-legacy-ticket-toolbar .tiko-legacy-button:not(.is-success):not(.is-danger):not(.is-pinned):not(.is-secondary):focus-visible {
    border-color: var(--tq-blue-dark);
    background: var(--tq-blue-dark);
    color: #fff !important;
}

/* ---------- queue cards inside the filter panel ---------- */
.tiko-kando-content .tiko-legacy-ticket-queues > a {
    min-height: 0;
    padding: 12px 13px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    border: 1px solid #e6eaf2;
    border-radius: 10px;
    background: #fbfcfe;
    box-shadow: none;
    color: #5d6880;
    font-size: 11.5px;
    font-weight: 700;
}

.tiko-kando-content .tiko-legacy-ticket-queues > a strong {
    background: none;
    color: #39445c;
    font-size: 14px;
    font-weight: 800;
}

.tiko-kando-content .tiko-legacy-ticket-queues > a.is-current {
    border-color: var(--tq-blue);
    background: var(--tq-blue-soft);
    color: var(--tq-blue-dark);
}

.tiko-kando-content .tiko-legacy-ticket-queues > a.is-current strong {
    color: var(--tq-blue-dark);
}

/* ---------- order-state tiles: one surface, the count leads ---------- */
.tiko-kando-content .tiko-legacy-ticket-order-groups,
.tiko-kando-content .tiko-legacy-ticket-list {
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--tq-line);
    border-radius: 12px;
    background: #fff;
}

.tiko-kando-content .tiko-legacy-ticket-order-groups .tiko-legacy-card-head,
.tiko-kando-content .tiko-legacy-ticket-list .tiko-legacy-card-head {
    margin: 0;
    padding: 16px 18px;
    border-block-end: 1px solid var(--tq-hair);
}

.tiko-kando-content .tiko-legacy-ticket-order-groups .tiko-legacy-card-head h2,
.tiko-kando-content .tiko-legacy-ticket-list .tiko-legacy-card-head h2 {
    color: var(--tq-ink);
    font-size: 14px;
    font-weight: 800;
}

.tiko-kando-content .tiko-legacy-ticket-order-groups .tiko-legacy-card-head p {
    margin-block-start: 5px;
    color: var(--tq-faint);
    font-size: 11.5px;
    font-weight: 500;
}

.tiko-kando-content .tiko-legacy-ticket-order-groups .tiko-legacy-card-head > span,
.tiko-kando-content .tiko-legacy-ticket-list .tiko-legacy-card-head > span {
    color: var(--tq-faint);
    font-size: 11.5px;
    font-weight: 700;
}

.tiko-kando-content .tiko-legacy-ticket-order-grid {
    padding: 14px;
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 10px;
}

.tiko-kando-content .tiko-legacy-ticket-order-grid > a {
    min-height: 0;
    padding: 13px 14px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    border: 1px solid #e6eaf2;
    border-block-start: 1px solid #e6eaf2;
    border-radius: 10px;
    background: #fbfcfe;
    box-shadow: none;
    transform: none;
}

.tiko-kando-content .tiko-legacy-ticket-order-grid > a:hover,
.tiko-kando-content .tiko-legacy-ticket-order-grid > a:focus-visible {
    border-color: #c5d7fb;
    background: #fff;
    box-shadow: none;
    transform: none;
}

.tiko-kando-content .tiko-legacy-ticket-order-grid > a.is-current {
    border-color: var(--tq-blue);
    background: var(--tq-blue-soft);
    box-shadow: inset 0 0 0 1px var(--tq-blue);
}

.tiko-kando-content .tiko-legacy-ticket-order-grid > a > span {
    display: flex;
    align-items: center;
    gap: 7px;
}

/* the state's own colour survives as a small dot instead of a heavy border */
.tiko-kando-content .tiko-legacy-ticket-order-grid > a > span::before {
    content: "";
    flex: 0 0 auto;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--tq-state, #9aa3b4);
}

.tiko-kando-content .tiko-legacy-ticket-order-grid > a > span strong {
    color: #39445c;
    font-size: 12px;
    font-weight: 800;
}

.tiko-kando-content .tiko-legacy-ticket-order-grid > a > b {
    color: var(--tq-ink);
    font-size: 20px;
    font-weight: 800;
    line-height: 1;
}

.tiko-kando-content .tiko-legacy-ticket-order-grid > a.is-current > b,
.tiko-kando-content .tiko-legacy-ticket-order-grid > a.is-current > span strong {
    color: var(--tq-blue-dark);
}

.tiko-kando-content .tiko-legacy-ticket-order-grid > a.is-all { --tq-state: #1e55d9; }
.tiko-kando-content .tiko-legacy-ticket-order-grid > a.is-completed { --tq-state: #4d9a69; }
.tiko-kando-content .tiko-legacy-ticket-order-grid > a.is-progress { --tq-state: #4b83d1; }
.tiko-kando-content .tiko-legacy-ticket-order-grid > a.is-error { --tq-state: #c85c69; }
.tiko-kando-content .tiko-legacy-ticket-order-grid > a.is-problem { --tq-state: #8a6fbe; }
.tiko-kando-content .tiko-legacy-ticket-order-grid > a.is-no-order { --tq-state: #9aa3b4; }
.tiko-kando-content .tiko-legacy-ticket-order-grid > a.is-invalid { --tq-state: #b98a8f; }

/* ---------- ticket rows ---------- */
.tiko-kando-content .tiko-legacy-ticket-cards {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0;
}

.tiko-kando-content .tiko-legacy-ticket-cards > article {
    padding: 16px 18px;
    display: flex;
    align-items: flex-start;
    gap: 18px;
    border: 0;
    border-block-end: 1px solid var(--tq-hair);
    border-radius: 0;
    background: #fff;
    box-shadow: none;
}

.tiko-kando-content .tiko-legacy-ticket-cards > article:last-child {
    border-block-end: 0;
}

.tiko-kando-content .tiko-legacy-ticket-cards > article:hover {
    background: #fbfcff;
}

.tiko-kando-content .tiko-legacy-ticket-cards > article.is-pinned {
    background: #fffdf7;
}

.tiko-kando-content .tiko-legacy-ticket-cards > article.is-pinned:hover {
    background: #fffbf0;
}

.tiko-kando-content .tiko-legacy-ticket-cards > article > time {
    flex: 0 0 108px;
    display: block;
}

.tiko-kando-content .tiko-legacy-ticket-cards > article > time strong {
    display: block;
    color: #4a5568;
    font-size: 12px;
    font-weight: 700;
}

.tiko-kando-content .tiko-legacy-ticket-cards > article > time small {
    display: block;
    margin-block-start: 6px;
    color: var(--tq-blue-dark);
    font-size: 11.5px;
    font-weight: 800;
}

.tiko-kando-content .tiko-legacy-ticket-card-body {
    flex: 1 1 auto;
    min-width: 0;
}

.tiko-kando-content .tiko-legacy-ticket-title {
    display: block;
    color: var(--tq-ink);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.6;
}

.tiko-kando-content .tiko-legacy-ticket-title:hover {
    color: var(--tq-blue-dark);
}

.tiko-kando-content .tiko-legacy-ticket-meta {
    margin-block-start: 9px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
}

/* ---------- status and priority ---------- */
.tiko-kando-content .tiko-legacy-ticket-meta > .tiko-legacy-badge {
    min-height: 26px;
    padding: 3px 10px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 0;
    border-radius: 999px;
    font-size: 11.5px;
    font-weight: 700;
}

.tiko-kando-content .tiko-legacy-ticket-meta > .tiko-legacy-badge:first-child::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
    opacity: .8;
}

/* status tone follows one question: is this waiting on us? */
.tiko-kando-content .tiko-legacy-ticket-meta[data-ticket-status="open"] > .tiko-legacy-badge:first-child,
.tiko-kando-content .tiko-legacy-ticket-meta[data-ticket-status="pending_support"] > .tiko-legacy-badge:first-child {
    background: #fff4e2;
    color: #8a5a12;
}

.tiko-kando-content .tiko-legacy-ticket-meta[data-ticket-status="pending_user"] > .tiko-legacy-badge:first-child {
    background: var(--tq-blue-soft);
    color: #2859b7;
}

.tiko-kando-content .tiko-legacy-ticket-meta[data-ticket-status="resolved"] > .tiko-legacy-badge:first-child {
    background: #e9f7ef;
    color: #18784c;
}

.tiko-kando-content .tiko-legacy-ticket-meta[data-ticket-status="closed"] > .tiko-legacy-badge:first-child {
    background: #eff1f6;
    color: #5d6880;
}

/* priority stays outlined, so only «فوری» is allowed to shout */
.tiko-kando-content .tiko-legacy-ticket-meta > .tiko-legacy-badge:first-child + .tiko-legacy-badge {
    border: 1px solid #e6eaf2;
    background: #fff;
    color: #7b8598;
    font-weight: 600;
}

.tiko-kando-content .tiko-legacy-ticket-meta[data-ticket-priority="high"] > .tiko-legacy-badge:first-child + .tiko-legacy-badge {
    border-color: #ecc48c;
    background: #fff;
    color: #8f5a12;
    font-weight: 700;
}

.tiko-kando-content .tiko-legacy-ticket-meta[data-ticket-priority="urgent"] > .tiko-legacy-badge:first-child + .tiko-legacy-badge {
    border-color: #f6c9cd;
    background: #fdebec;
    color: #a93440;
    font-weight: 800;
}

/* ---------- user capsule, now carrying the lifetime ticket count ---------- */
.tiko-kando-content .tiko-legacy-ticket-user {
    min-height: 28px;
    padding: 2px 10px 2px 4px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid #e6eaf2;
    border-radius: 999px;
    background: #fbfcfe;
}

.tiko-kando-content .tiko-legacy-ticket-user > span:first-child {
    color: #5d6880;
    font-size: 11.5px;
    font-weight: 600;
}

.tiko-kando-content .tiko-legacy-ticket-user .tiko-admin-mobile {
    padding: 0;
    border: 0;
    background: none;
    color: #5d6880;
    font-size: 11.5px;
    font-weight: 700;
}

.tiko-kando-content .tiko-legacy-ticket-usercount {
    height: 22px;
    padding: 0 9px;
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    background: #eef1f6;
    color: #5d6880;
    font-size: 11px;
    font-weight: 800;
    white-space: nowrap;
}

/* ---------- order capsule and the same-order flag ---------- */
.tiko-kando-content .tiko-legacy-ticket-meta .is-order-state {
    min-height: 28px;
    padding: 2px 10px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border: 1px solid #e6eaf2;
    border-radius: 999px;
    background: #fbfcfe;
    color: #5d6880;
    font-size: 11.5px;
    font-weight: 600;
}

.tiko-kando-content .tiko-legacy-ticket-dup {
    min-height: 28px;
    padding: 2px 11px;
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    background: #fff4e2;
    color: #8a5a12;
    font-size: 11.5px;
    font-weight: 800;
    white-space: nowrap;
}

/* ---------- the single reply action ---------- */
.tiko-kando-content .tiko-legacy-ticket-card-actions {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 7px;
}

.tiko-kando-content .tiko-legacy-ticket-card-actions .tiko-legacy-button {
    min-height: 36px;
    padding: 0 20px;
    border: 1px solid var(--tq-blue);
    border-radius: 8px;
    background: var(--tq-blue);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    box-shadow: none;
    text-shadow: none;
}

.tiko-kando-content .tiko-legacy-ticket-card-actions .tiko-legacy-button:hover,
.tiko-kando-content .tiko-legacy-ticket-card-actions .tiko-legacy-button:focus-visible {
    border-color: var(--tq-blue-dark);
    background: var(--tq-blue-dark);
    color: #fff;
}

.tiko-kando-content .tiko-legacy-ticket-list .tiko-legacy-pagination {
    padding: 13px 18px;
    margin: 0;
    border-block-start: 1px solid var(--tq-hair);
    background: #fcfdff;
}

.tiko-kando-content .tiko-legacy-ticket-list .tiko-legacy-empty {
    padding: 40px 20px;
    text-align: center;
    color: var(--tq-faint);
}

@media (max-width: 1180px) {
    .tiko-kando-content .tiko-legacy-ticket-order-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 820px) {
    .tiko-kando-content .tiko-legacy-ticket-order-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tiko-kando-content .tiko-legacy-ticket-cards > article {
        flex-wrap: wrap;
        gap: 12px;
    }

    .tiko-kando-content .tiko-legacy-ticket-cards > article > time {
        flex: 1 1 100%;
        display: flex;
        align-items: baseline;
        gap: 10px;
    }

    .tiko-kando-content .tiko-legacy-ticket-cards > article > time small {
        margin-block-start: 0;
    }

    .tiko-kando-content .tiko-legacy-ticket-card-body {
        flex: 1 1 100%;
    }

    .tiko-kando-content .tiko-legacy-ticket-card-actions {
        flex: 1 1 100%;
    }

    .tiko-kando-content .tiko-legacy-ticket-card-actions .tiko-legacy-button {
        flex: 1 1 auto;
        justify-content: center;
        min-height: 42px;
    }
}

/* ---------- pinned queue reads as its own colour ---------- */
.tiko-kando-content .tiko-legacy-ticket-toolbar .tiko-legacy-button.is-pinned {
    border-color: #f3cb9a;
    background: #fff3e3;
    color: #9a5a10 !important;
}

.tiko-kando-content .tiko-legacy-ticket-toolbar .tiko-legacy-button.is-pinned:hover,
.tiko-kando-content .tiko-legacy-ticket-toolbar .tiko-legacy-button.is-pinned:focus-visible {
    border-color: #e6a860;
    background: #ffe9cd;
    color: #7f490a !important;
}

.tiko-kando-content .tiko-legacy-ticket-toolbar .tiko-legacy-button.is-pinned.is-current {
    border-color: #e0761a;
    background: #e0761a;
    color: #fff !important;
}

/* ---------- numbered pager ---------- */
.tiko-kando-content .tiko-legacy-ticket-list .tiko-legacy-ticket-pager {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 6px;
}

.tiko-kando-content .tiko-legacy-ticket-pager-number,
.tiko-kando-content .tiko-legacy-ticket-pager-step {
    min-width: 36px;
    height: 36px;
    padding: 0 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e6eaf2;
    border-radius: 8px;
    background: #fff;
    color: #5d6880;
    font-size: 12.5px;
    font-weight: 700;
    text-decoration: none;
}

.tiko-kando-content .tiko-legacy-ticket-pager-step {
    padding: 0 15px;
}

.tiko-kando-content a.tiko-legacy-ticket-pager-number:hover,
.tiko-kando-content a.tiko-legacy-ticket-pager-number:focus-visible,
.tiko-kando-content a.tiko-legacy-ticket-pager-step:hover,
.tiko-kando-content a.tiko-legacy-ticket-pager-step:focus-visible {
    border-color: #c5d7fb;
    background: #f4f7fd;
    color: #173f9f;
}

.tiko-kando-content .tiko-legacy-ticket-pager-number.is-current {
    border-color: #1e55d9;
    background: #1e55d9;
    color: #fff;
}

.tiko-kando-content .tiko-legacy-ticket-pager-step.is-disabled {
    opacity: .45;
    pointer-events: none;
}

.tiko-kando-content .tiko-legacy-ticket-pager-gap {
    padding-inline: 2px;
    color: #b6bdca;
    font-size: 12.5px;
    font-weight: 700;
}