:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172431;background:#f5f7fa;font-synthesis:none;--muted:#64748b;--line:#e6ebf0;--blue:#2463eb;--nav:#112432;--green:#13806c}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #61bdeb;outline-offset:3px}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}a{color:var(--blue);text-decoration:none}button{transition:background .15s}input,select,textarea{border:1px solid #d9e1e9;border-radius:8px;padding:11px 12px;background:#fff;color:#172431;min-width:0}input:focus,select:focus,textarea:focus{outline:2px solid #c2d8ff;border-color:#759de0}label{display:grid;gap:7px;font-size:14px;font-weight:600;margin-bottom:17px}label small{font-weight:400;color:var(--muted);line-height:1.5}textarea{resize:vertical;min-height:90px}button{border:0}strong{font-weight:650}.primary,.secondary{padding:11px 16px;border-radius:8px;font-size:14px;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary{background:var(--blue);color:white}.primary:hover{background:#1954d5}.secondary{background:white;border:1px solid #dce4ec;color:#384a5c}.secondary:hover{background:#f3f6fa}.small{padding:7px 10px;font-size:14px}.danger{color:#b4233e}.eyebrow{font-size:14px;letter-spacing:1.8px;font-weight:700;color:#5a7186;margin-bottom:10px}.brand{color:white;display:flex;align-items:center;gap:9px;font-size:23px;font-weight:650;letter-spacing:-1px}.brand-icon{display:grid;place-items:center;border:1px solid #718ca0;border-radius:10px;width:34px;height:34px;color:#9de4d3;font-size:25px}.brand-label{font-size:14px;letter-spacing:1.4px;margin-left:15px;color:#b4c7d4}.workspace{display:grid;grid-template-columns:234px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--nav);color:#b7c6d0;padding:28px 17px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar>.brand{padding-left:10px}.workspace-label{margin:32px 12px 20px;font-size:14px;letter-spacing:1.6px;color:#8ba2b3;display:flex;justify-content:space-between}.workspace-label span{border:1px solid #405664;border-radius:4px;padding:0 5px}.nav-item{display:flex;gap:12px;align-items:center;width:100%;padding:12px 13px;color:#c0cdd7;background:transparent;border-radius:7px;font-size:14px;text-align:left;margin:3px 0}.nav-item>span:first-child{font-size:17px;width:18px;text-align:center;color:#839eaf}.nav-item:hover{background:#1b3445}.nav-item.active{color:white;background:#284355}.nav-item.active>span:first-child{color:#b8e7d9}.nav-arrow{margin-left:auto;color:#b8e7d9}.nav-label{font-size:14px;letter-spacing:1.6px;color:#7f9aaa;margin:27px 13px 12px}.project-dot{display:inline-block;border-radius:50%;width:8px!important;height:8px;margin:4px 5px}.paypoint{background:#3776f3}.aeropay{background:#ad82ff}.soonpay{background:#4bc7a1}.sidebar-bottom{margin-top:auto;padding-top:28px}.small-note{margin:20px 12px;font-size:14px;color:#b4c8d4}.small-note p{font-size:14px;color:#809aaa;line-height:1.7;margin:10px 0}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#39af8a;margin-right:7px}.account{border-top:1px solid #2b4353;background:transparent;color:white;display:flex;align-items:center;gap:10px;width:100%;padding:18px 8px 4px;text-align:left}.account strong{font-size:14px}.account small{display:block;font-size:14px;margin-top:5px;color:#88a4b6}.account>span:last-child{margin-left:auto;color:#91abba}.avatar{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border-radius:50%;background:#d8e6e9;color:#294653;font-size:14px;font-weight:700}.logout{background:transparent;color:#93adbf;font-size:14px;margin:14px 8px 0}.main{min-width:0}.topbar{height:68px;border-bottom:1px solid var(--line);background:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 34px;font-size:14px;color:#52697d}.topbar #breadcrumb span{color:#b3bdc7;margin:0 12px}.topbar-right{display:flex;align-items:center;font-size:14px;color:#6d8191;gap:4px}.icon-button{border:1px solid var(--line);width:30px;height:30px;border-radius:7px;background:#fff;color:#687f91;font-size:20px;display:grid;place-items:center}.topbar .icon-button{margin-left:10px}.content{max-width:1600px;margin:auto;padding:34px}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:3px 0 28px}.page-heading h1{font-size:28px;letter-spacing:-1px;margin-bottom:9px;font-weight:650}.page-heading p:last-child{font-size:14px;color:var(--muted);margin:0;line-height:1.6}.date-chip{font-size:14px;background:white;border:1px solid var(--line);border-radius:7px;padding:10px 12px;white-space:nowrap;margin-top:22px;color:#5a6e81}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:26px}.stat{background:white;border:1px solid var(--line);border-radius:10px;padding:19px 20px}.stat-label{font-size:14px;color:#597083;display:flex;justify-content:space-between;align-items:center}.stat-icon{width:26px;height:26px;display:grid;place-items:center;background:#edf3ff;color:#5280d7;border-radius:7px;font-size:15px}.stat strong{font-size:32px;font-weight:600;letter-spacing:-1px;display:block;margin:13px 0 9px}.stat small{font-size:14px;color:#8593a0}.stat:nth-child(2) .stat-icon{background:#fff3e2;color:#ac7d31}.stat:nth-child(3) .stat-icon{background:#f3edff;color:#9470c0}.stat:nth-child(4) .stat-icon{background:#e6f5ee;color:#3c9979}.inbox-card{border:1px solid var(--line);border-radius:11px;background:white;overflow:hidden}.inbox-top{padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:15px}.inbox-top h2{font-size:15px;margin:0;display:flex;gap:9px;align-items:center}.count{font-size:14px;font-weight:650;background:#f0f3f7;color:#718292;border-radius:5px;padding:3px 7px}.search{position:relative;display:flex;align-items:center;gap:8px}.search>span{position:absolute;left:11px;color:#8596a6;font-size:20px}.search input{padding:9px 12px 9px 33px;font-size:14px;width:260px;background:#fafbfd}.filters{border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 22px;gap:12px}.status-tabs{display:flex;gap:20px;overflow:auto}.status-tabs button{font-size:14px;color:#7a8b99;background:transparent;padding:14px 1px;border-bottom:2px solid transparent;white-space:nowrap}.status-tabs button.active{color:#245fdb;border-bottom-color:#2463eb;font-weight:650}.filters select{font-size:14px;padding:7px 24px 7px 9px;margin:5px 0 12px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}th{background:#fafbfd;color:#81909e;font-size:14px;letter-spacing:.5px;font-weight:600;padding:13px 18px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:18px;border-bottom:1px solid #f0f3f6;color:#5a6b7a;vertical-align:middle}td:first-child,th:first-child{padding-left:22px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfcfe}.ticket-link{background:transparent;text-align:left;color:#273f54;font-size:14px;font-weight:650;padding:0;max-width:240px}.ticket-link small{display:block;font-size:14px;font-weight:400;color:#84929f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:6px;max-width:240px}.project-tag{display:inline-flex;align-items:center;gap:6px;color:#5f7184;font-size:14px;white-space:nowrap}.project-tag .project-dot{width:6px!important;height:6px;margin:0}.badge{display:inline-flex;padding:5px 8px;border-radius:5px;font-size:14px;white-space:nowrap;font-weight:600;background:#f0f3f7;color:#627587}.badge.new,.badge.assigned{background:#eaf1ff;color:#4972c5}.badge.in_progress{background:#fff4df;color:#986c21}.badge.waiting,.badge.pending{background:#f1ecff;color:#8660ba}.badge.resolved,.badge.sent{background:#e7f5ed;color:#348563}.badge.closed{background:#eef1f4;color:#6b7d8b}.badge.failed,.badge.error,.badge.logged_out,.badge.page_missing{background:#ffedf0;color:#b85465}.badge.online{background:#e7f5ed;color:#348563}.badge.disabled{background:#f3f4f6;color:#8a95a2}.owner{font-size:14px;white-space:nowrap}.muted{color:#8595a2}.table-footer{display:flex;justify-content:space-between;align-items:center;padding:15px 22px;border-top:1px solid var(--line);font-size:14px;color:#8494a3}.table-footer>div{display:flex;gap:8px}.footnote{margin:16px 0;font-size:14px;color:#8c9aa7}.empty{text-align:center;padding:65px 20px;color:#8494a2}.empty-icon{display:grid;place-items:center;width:47px;height:47px;background:#f0f5fc;border-radius:13px;margin:0 auto 16px;color:#8aa6c4;font-size:25px}.empty h3{font-size:15px;color:#4e6477;margin-bottom:8px}.empty p{font-size:14px;line-height:1.7;max-width:350px;margin:auto}.connection-grid,.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.connection-card,.team-card{padding:23px;background:#fff;border:1px solid var(--line);border-radius:12px}.connection-card h2{font-size:17px;margin:15px 0}.connection-card p{font-size:14px;line-height:1.7;color:#74879a}.connection-card .detail-row{padding:13px 0;border-bottom:1px solid var(--line);font-size:14px;display:flex;justify-content:space-between;gap:15px}.connection-card .actions{margin-top:20px;display:grid;gap:10px}.callout{background:#eaf2f9;border:1px solid #dce8f2;border-radius:10px;padding:18px 22px;margin-bottom:20px;font-size:14px;color:#3b5972;line-height:1.7}.connection-grid+.callout{margin-top:24px}.callout p{margin:5px 0 0;font-size:14px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-heading h2{font-size:18px;margin:0}.team-card h3{font-size:15px;margin:15px 0 5px}.team-card p{font-size:14px;word-break:break-word;color:#8294a4}.team-card .actions{margin-top:20px;display:flex;flex-wrap:wrap;gap:7px}dialog{border:1px solid var(--line);border-radius:16px;color:#24384a;padding:0;box-shadow:0 24px 100px #0c213040;max-height:92vh}dialog::backdrop{background:#14293c66;backdrop-filter:blur(2px)}.detail-dialog{width:700px;max-width:95vw}.form-dialog{width:460px;max-width:95vw}.detail-head{padding:22px 26px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:15px}.detail-head h2{font-size:21px;letter-spacing:-.5px;margin:0;word-break:break-word}.detail-head .eyebrow{margin-bottom:5px}#detailContent,#formContent{padding:24px 26px}.detail-meta{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:22px}.detail-meta div{padding:12px;background:#f5f8fb;border-radius:8px;font-size:14px;overflow-wrap:anywhere}.detail-meta small{display:block;color:#8293a3;font-size:14px;margin-bottom:5px}.detail-section{border-top:1px solid var(--line);margin-top:22px;padding-top:20px}.detail-section h3{font-size:15px;margin-bottom:12px}.workflow-form{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.workflow-form label{flex:1;margin:0;min-width:140px}.workflow-form button{height:39px}.note{font-size:14px;border:1px solid var(--line);border-radius:9px;padding:13px;margin:10px 0}.note p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;margin:10px 0 0}.note small{color:#8696a4;font-size:14px}.history{border-left:2px solid #e1eaf1;padding-left:14px;margin:15px 0;color:#718797;font-size:14px;line-height:1.7}.history small{display:block;font-size:14px;color:#97a5b0}.file-link{display:block;font-size:14px;margin:8px 0}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:400}.check-label input{accent-color:var(--blue)}.secret-output{width:100%;min-height:100px;font-family:ui-monospace,monospace;font-size:14px;overflow-wrap:anywhere;background:#f5f8fc}.form-help{font-size:14px;color:#728799;line-height:1.7}.error{color:#b4233e;font-size:14px;line-height:1.6}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr}.auth-story{background:var(--nav);padding:45px 60px;display:flex;flex-direction:column;justify-content:space-between;color:white}.auth-story>div{padding:60px 0}.auth-story .eyebrow{color:#90c7b8}.auth-story h1{font-size:clamp(38px,4.5vw,66px);line-height:1.08;letter-spacing:-2px;font-weight:550;margin:24px 0}.auth-story p{font-size:15px;color:#a4bac9;line-height:1.8}.auth-story>small{color:#7695a8;font-size:14px}.project-pills{display:flex;gap:12px;flex-wrap:wrap;margin-top:35px}.project-pills span{font-size:14px;border:1px solid #385162;border-radius:20px;padding:9px 13px;color:#a9c5d7}.auth-form-wrap{display:flex;align-items:center;justify-content:center;padding:40px;background:white}.auth-form-wrap form{width:340px;max-width:100%}.auth-form-wrap h2{font-size:30px;letter-spacing:-1px;margin:15px 0 10px}.auth-form-wrap p{font-size:14px;color:#8294a2;margin-bottom:30px}.auth-form-wrap .error{color:#b4233e;margin:10px 0}.auth-form-wrap .primary{width:100%;padding:14px;margin-top:5px}.auth-form-wrap small{display:block;font-size:14px;color:#8a9aa8;text-align:center;line-height:1.7;margin-top:22px}#toast{position:fixed;z-index:10000;bottom:24px;left:50%;transform:translateX(-50%);background:#1c3548;color:white;padding:13px 20px;border-radius:9px;font-size:14px;box-shadow:0 10px 30px #1233;max-width:90vw}#toast.error-toast{background:#93263c}.source-details{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:14px}.source-details div{overflow-wrap:anywhere}.source-details small{display:block;color:#8b9baa;margin-bottom:4px}details summary{font-size:14px;cursor:pointer;margin-bottom:15px}
@media(min-width:1500px){.content{padding:42px 50px}.topbar{padding:0 50px}}@media(max-width:1100px){.sidebar{padding-left:12px;padding-right:12px}.workspace{grid-template-columns:205px minmax(0,1fr)}.content{padding:25px}.connection-grid,.team-grid{grid-template-columns:1fr}.page-heading h1{font-size:24px}.stats{gap:10px}.stat{padding:15px}.date-chip{display:none}.status-tabs{gap:13px}}@media(max-width:760px){.workspace{grid-template-columns:1fr}.sidebar{position:relative;height:auto;padding:16px}.sidebar nav{display:flex;flex-wrap:wrap;margin-top:12px;gap:5px}.sidebar>.brand{font-size:20px}.sidebar .nav-item{width:auto;padding:8px 10px;font-size:14px}.sidebar .nav-label,.workspace-label,.sidebar-bottom .small-note,.sidebar .nav-arrow,#projectNav{display:none}.sidebar-bottom{padding:0;position:absolute;right:15px;top:16px}.account{display:none}.logout{margin:9px 0}.sidebar #adminNav{display:flex;flex-wrap:wrap}.topbar{height:48px;padding:0 18px}.content{padding:22px 16px}.page-heading{margin-bottom:22px}.page-heading h1{font-size:25px}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat{padding:14px 16px}.stat strong{font-size:28px;margin:8px 0}.inbox-top{padding:17px;flex-wrap:wrap}.search{width:100%}.search input{width:100%}.filters{padding:0 16px;flex-wrap:wrap;gap:0}.status-tabs{gap:18px;width:100%}.table-footer{padding:13px 15px}.auth-shell{grid-template-columns:1fr}.auth-story{padding:25px}.auth-story>div,.auth-story>small{display:none}.auth-form-wrap{padding:45px 25px}.detail-meta,.source-details{grid-template-columns:1fr 1fr}#detailContent,#formContent{padding:20px}.detail-head{padding:20px}.two-columns{grid-template-columns:1fr}}

@media(max-width:760px){.sidebar-bottom{display:flex;align-items:center;gap:12px}.account{display:inline-flex;border:0;padding:0;width:auto}.account>span:not(.avatar){display:none}.logout{margin:0}}
/* Operations workspace */
:root{--nav:#101e35;--blue:#3565ec;--line:#e4e9f2}body{background:#f3f5fa}.topbar{position:sticky;top:0;z-index:20;background:#ffffffef;backdrop-filter:blur(12px)}.sidebar{background:linear-gradient(165deg,#111f38,#162c45)}.page-heading h1{font-weight:700;letter-spacing:-1.2px}.stat{border-radius:16px;box-shadow:0 5px 20px #172f5506;border-top:3px solid #4072ee}.stat:nth-child(2){border-top-color:#dca343}.stat:nth-child(3){border-top-color:#da6376}.stat:nth-child(4){border-top-color:#8c73c9}.inbox-card{border-radius:16px;box-shadow:0 10px 34px #15335006}.advanced-filters{display:flex;align-items:end;gap:10px;flex-wrap:wrap;padding:16px 22px;background:#fbfcff;border-bottom:1px solid var(--line)}.advanced-filters label{margin:0;font-size:14px;flex:1;min-width:125px}.advanced-filters select{width:100%;font-size:14px;padding:9px}.advanced-filters button{height:35px}.ops-summary{font-size:14px;color:#6e7f97;padding:12px 22px;border-bottom:1px solid var(--line)}.sla{display:inline-flex;white-space:nowrap;font-size:14px;font-weight:650;padding:6px 9px;border-radius:6px}.sla-sub{display:block;font-size:14px;color:#7e8fa5;margin-top:6px;white-space:nowrap}.sla.healthy,.sla.complete{color:#17795a;background:#e6f6ee}.sla.warning{color:#976411;background:#fff3d9}.sla.critical,.sla.breached{color:#b33852;background:#ffedf1}.sla.unknown{color:#7755aa;background:#f0eafa}.deadline-panel{padding:18px;border:1px solid #e1e7f2;border-radius:12px;margin-bottom:20px;background:#f8faff}.deadline-panel>small{display:block;font-size:14px;letter-spacing:1px;color:#7688a1;margin-bottom:12px}.deadline-panel p{font-size:14px;color:#71839a;line-height:1.8}.detail-dialog{width:820px}.detail-head{position:sticky;top:0;background:white;z-index:2}.compact td{padding-top:10px;padding-bottom:10px}button,a,input,select{transition:background-color .15s,border-color .15s,box-shadow .15s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #749bff;outline-offset:2px}.ticket-link{font-size:14px}td{font-size:14px}th{font-size:14px}.note{background:#fbfcff;border-radius:12px}.history{border-left-color:#d4e1fa}.connection-card{border-top:3px solid #7594cf}.stat small{line-height:1.6;display:block}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}@media(max-width:760px){.advanced-filters{padding:14px}.advanced-filters label{min-width:40%}.advanced-filters button{flex:1}.detail-dialog{max-width:100vw;max-height:95vh}.stat small{font-size:14px}}

.order-reference code{white-space:nowrap;font-size:14px;font-weight:600;user-select:all}.repeat-total{display:block;white-space:nowrap;color:var(--muted);font-size:14px;margin-top:4px}.detail-meta code{overflow-wrap:anywhere;user-select:all}

.receipt-preview{border:1px solid #d7e3ed;border-radius:10px;padding:12px;margin:10px 0}.receipt-preview img{display:block;width:100%;height:auto;max-width:820px;margin:12px auto}.related-ticket{display:block;margin:8px 0}

/* Readable support workspace */
:root{font-size:16px;--muted:#526277;--line:#d9e1eb}
body{line-height:1.55}
input,textarea,select{font-size:16px;line-height:1.5}
label,.primary,.secondary,.nav-item{font-size:15px}
.nav-item{padding:13px 14px}
.page-heading p:last-child,.form-help,.note p,.history{font-size:15px;line-height:1.65}
th{font-size:14px;font-weight:700;color:#42546b;white-space:nowrap}
td,.ticket-link,.order-reference code{font-size:16px}
td{padding:18px 16px;vertical-align:top}
.ticket-link small,.repeat-total,.sla-sub,.note small,.history small{font-size:14px;line-height:1.5}
.ticket-link small{display:block;margin-top:6px}
.badge,.sla,.project-tag{font-size:14px;padding:6px 10px}
.detail-dialog{width:980px;max-width:calc(100vw - 32px)}
.detail-meta,.source-details{gap:20px}
.detail-meta>div,.source-details>div{font-size:16px;line-height:1.6;min-width:0}
.detail-meta small,.source-details small{font-size:14px;color:#526277}
.detail-meta code{font-size:16px}
.detail-section h3{font-size:20px;margin-bottom:16px}
.history{padding:12px 16px;margin:0 0 12px;border-left-width:3px}
.history small{display:block;margin-top:6px;color:#526277}
.advanced-filters select{font-size:15px;min-height:44px}
.advanced-filters button{height:auto;min-height:44px}
.deadline-panel p,.ops-summary,.file-link,details summary{font-size:14px}
.table-scroll{overflow-x:auto}
.compact td{padding-top:12px;padding-bottom:12px}
@media(max-width:760px){.detail-dialog{max-width:calc(100vw - 16px)}.detail-meta,.source-details{grid-template-columns:1fr}.content{padding:20px 12px}.sidebar .nav-item{font-size:14px}.stat small{font-size:13px}}

/* Keep desktop navigation stationary while the workspace scrolls. */
@media(min-width:761px){
 html,body{height:100%;overflow:hidden}
 .workspace{height:100vh;height:100dvh;min-height:0;overflow:hidden}
 .sidebar{position:relative;top:auto;height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain}
 .main{height:100%;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable}
 .topbar{position:sticky;top:0;z-index:20;flex-shrink:0}
 .auth-shell{height:100vh;height:100dvh;overflow-y:auto}
}
/* Separate guided submission flow */
.row-review{display:block;margin-top:10px;white-space:nowrap}.review-entry{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;border:1px solid #cddbed;background:#f4f8ff;border-radius:12px;margin-bottom:20px}.review-entry p{margin:5px 0;color:#60738b}.review-dialog{width:min(860px,calc(100vw - 24px));max-height:92vh;border:1px solid #d8e2ef;border-radius:16px;padding:0;color:#203650}.review-dialog::backdrop{background:#152b4666;backdrop-filter:blur(3px)}#reviewContent{overflow:auto;max-height:calc(92vh - 110px)}.review-steps{display:flex;list-style:none;padding:18px 24px;margin:0;border-bottom:1px solid #e2e9f2;gap:14px;background:#f8faff}.review-steps li{flex:1;display:flex;align-items:center;gap:8px;font-size:13px;color:#65768b;font-weight:600}.review-steps span{display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;border-radius:50%;background:#e4eaf2}.review-steps .current{color:#245bd7}.review-steps .current span{background:#245bd7;color:#fff}.review-steps .done span{background:#d9f1e5;color:#176949}.review-body{padding:24px}.review-body h3{font-size:22px;margin:0 0 10px}.review-body p{line-height:1.6}.review-summary{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px;background:#f7f9fc;border:1px solid #e0e8f2;border-radius:10px;margin:16px 0;overflow-wrap:anywhere}.review-summary small{display:block;color:#65788f;font-size:12px;margin-bottom:5px}.review-summary code{font-size:14px;word-break:break-all}.review-actions{display:flex;gap:12px;justify-content:space-between;margin-top:24px;padding-top:18px;border-top:1px solid #dce5f0}.review-warning{background:#fff6e9;border:1px solid #edcf9e;color:#754a15;border-radius:10px;padding:14px;margin:14px 0;line-height:1.6}.review-warning[hidden]{display:none}.wizard-receipt{background:#eff3f8;border:1px solid #d9e3ef;border-radius:10px;padding:12px;text-align:center}.wizard-receipt img{max-width:100%;max-height:440px;object-fit:contain}.wizard-check{margin-top:20px;padding:14px;background:#eef4ff;border-radius:8px;line-height:1.6}.review-success{text-align:center;padding:22px 12px}.review-success>span{display:inline-grid;place-items:center;background:#def3e8;color:#176d45;border-radius:50%;width:52px;height:52px;font-size:28px;margin-bottom:18px}@media(max-width:600px){.review-body{padding:16px}.review-steps{padding:14px;gap:8px}.review-steps li{font-size:11px;flex-direction:column;text-align:center}.review-summary{grid-template-columns:1fr}.review-entry{align-items:stretch;flex-direction:column}.review-actions button{font-size:13px;padding:10px}}
/* Techipay operations theme: teal actions, soft surfaces and bordered status cards. */
:root{--blue:#008d92;--green:#087e68;--nav:#103b49;--line:#d7e6ec;--muted:#536c7b;color:#16394b;background:#eaf2f7;font-family:"Segoe UI",Inter,Arial,sans-serif}
body{background:#eaf2f7;color:#16394b;font-size:16px;line-height:1.6}
.workspace{grid-template-columns:248px minmax(0,1fr)}
.sidebar{background:linear-gradient(160deg,#103b49,#102e40);border-right:1px solid #254c5c;padding:28px 18px;position:relative;top:auto;height:auto;min-height:100vh}
.brand{letter-spacing:-.7px}.brand-icon{background:#008d92;border-color:#46b7b9;color:white;border-radius:12px;box-shadow:0 5px 15px #001c3820}
.workspace-label,.nav-label{color:#a8c4ce;letter-spacing:1.2px;font-size:12px}.nav-item{font-size:15px;padding:12px;border:1px solid transparent;border-radius:10px;color:#d1e0e6}.nav-item:hover{background:#204b5b}.nav-item.active{background:#007d83;border-color:#39a8ab;color:#fff}.nav-item.active>span:first-child{color:#dcffff}.sidebar-bottom{margin-top:auto}.logout{color:#c4dee5}
.topbar{position:relative;top:auto;background:#fafdff;border-color:var(--line);height:72px;color:#426071;backdrop-filter:none}
.content{padding:30px;max-width:1800px}.page-heading{background:linear-gradient(120deg,#fff,#f0f9fa);border:1px solid var(--line);border-radius:18px;padding:24px;margin:0 0 24px;align-items:center}.page-heading h1{font-size:30px;color:#123e50;letter-spacing:-.8px}.eyebrow{color:#537485;font-size:12px;letter-spacing:1.8px}.page-heading p:last-child{font-size:15px;color:#536c7b}.date-chip{margin:0;border-radius:10px;background:#fff;font-size:14px}
.primary{background:#008d92;border:1px solid #008d92;box-shadow:0 4px 10px #008d9214;color:#fff}.primary:hover{background:#007579;border-color:#007579}.primary,.secondary{min-height:42px;border-radius:10px;font-size:15px}.secondary{border-color:#cee0e8;background:#fff;color:#234d60}.secondary:hover{background:#edf7f8;border-color:#94cacc}.small{min-height:34px;font-size:14px;padding:6px 10px}.icon-button{width:36px;height:36px;border-radius:10px;color:#176573}.primary:disabled{box-shadow:none}
input,select,textarea{border-color:#cbdfe7;border-radius:10px;background:#fff;font-size:15px;color:#16394b}input:focus,select:focus,textarea:focus{outline:3px solid #008d921a;border-color:#008d92}button:focus-visible,a:focus-visible{outline:3px solid #009fa4;outline-offset:3px}input[type=checkbox]{accent-color:#008d92}
.stats{gap:16px}.stat{position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--line);border-top:3px solid #2876df;border-radius:15px;background:linear-gradient(120deg,#fff,#eef4fd);box-shadow:none;padding:20px}.stat:after{content:"";position:absolute;z-index:-1;width:100px;height:100px;border:16px solid #2876df10;border-radius:50%;right:-25px;bottom:-40px}.stat:nth-child(2){border-top-color:#d69e1d;background:linear-gradient(120deg,#fff,#fbf5e6)}.stat:nth-child(3){border-top-color:#8060d0;background:linear-gradient(120deg,#fff,#f1edfb)}.stat:nth-child(4){border-top-color:#11b99b;background:linear-gradient(120deg,#fff,#e5f8f2)}.stat strong{font-size:34px;color:#143e50}.stat-label,.stat small{color:#526c7b;font-size:14px}.stat-icon{border-radius:9px}
.inbox-card{border:1px solid var(--line);border-top:3px solid #19a9ad;border-radius:16px;box-shadow:0 6px 22px #123f5005}.inbox-top{padding:20px 22px}.inbox-top h2{font-size:19px;color:#153f51}.search input{background:#f3f8fa;min-height:42px;width:320px}.filters{background:#fff}.status-tabs{gap:8px;padding:8px 0}.status-tabs button{border:1px solid transparent;border-radius:8px;padding:8px 12px;font-size:14px}.status-tabs button.active{background:#e1f5f3;border-color:#bee5e1;color:#006b70}.status-tabs button:hover{background:#f0f7f8}.advanced-filters{background:#f5fafb;padding:16px 22px;gap:12px}.advanced-filters label{font-size:14px}.advanced-filters button{height:40px}.advanced-filters select{min-height:40px}.ops-summary{background:#fff;color:#536c7b;font-size:14px}.count{background:#e2f3f2;color:#087579}
th{background:#f1f7fa;color:#355b6e;font-size:13px;font-weight:700;padding-top:16px;padding-bottom:16px}td{color:#385a6b;border-color:#e7eef2;padding-top:20px;padding-bottom:20px;font-size:15px}tbody tr:hover{background:#f1faf9}.ticket-link{color:#115c70;font-size:16px}.ticket-link small{font-size:14px;color:#5a7381}.order-reference code{font-size:15px;color:#234d60}.row-review{margin-top:10px}.badge{border-radius:7px;padding:5px 9px;font-size:13px}.badge.sent,.badge.resolved,.badge.online{background:#def4eb;color:#146646}.badge.new,.badge.assigned{background:#e6f1ff;color:#275ea2}.badge.pending,.badge.waiting{background:#eee9fb;color:#6744a4}.sla{font-size:13px}.sla-sub{font-size:13px;color:#5a7180}.table-footer{background:#fbfdfe;border-top:1px solid var(--line)}
.connection-card,.team-card{border:1px solid var(--line);border-top:3px solid #17a6aa;border-radius:16px;background:linear-gradient(150deg,#fff,#f6fbfc);box-shadow:0 5px 20px #153f5005;padding:24px}.connection-card:nth-child(2){border-top-color:#8b67cc}.connection-card:nth-child(3){border-top-color:#15b68d}.connection-card h2{font-size:22px}.connection-card>p{font-size:15px;color:#536c7b}.detail-row{border-color:var(--line);padding:12px 0;gap:12px}.detail-row>span:last-child{text-align:right}.callout{background:#e5f6f2;border:1px solid #b4dfd4;border-radius:14px;color:#205a50}.callout p{color:#3b6b62}
.detail-dialog,.form-dialog,.review-dialog{border:1px solid #cbdfe6;border-radius:18px;box-shadow:0 24px 90px #0b2e4533;color:#16394b}.detail-head{background:#f5fafb;border-bottom:1px solid var(--line);padding:22px 24px}.detail-head h2{color:#153f51}.detail-dialog::backdrop,.form-dialog::backdrop,.review-dialog::backdrop{background:#102e4566;backdrop-filter:blur(3px)}.review-steps{background:#f3f9fa;border-color:var(--line);padding:18px 24px}.review-steps li{font-size:14px;color:#536c7b}.review-steps .current{color:#00767b}.review-steps .current span{background:#008d92}.review-steps .done span{background:#d9f2e9;color:#14724d}.review-body{padding:24px}.review-summary,.deadline-panel{background:#f4fafb;border-color:var(--line);border-radius:12px}.review-summary small{font-size:14px;color:#526b7c}.wizard-check{background:#e4f5f2;border:1px solid #bce1d9;padding:16px;border-radius:10px;font-size:15px}.wizard-receipt{background:#eff5f7;border-color:var(--line);padding:16px}.review-actions{border-color:var(--line)}.review-warning{background:#fff8e9;color:#79520b;border-color:#eed6a0}.review-entry{background:#eff9f8;border-color:#cbe7e2}.receipt-preview{background:#f6fafb;border-color:var(--line)}
.auth-story{background:linear-gradient(145deg,#103b49,#007e85);color:#fff}.auth-form-wrap{background:#f8fbfd}.auth-form-wrap form{width:100%;max-width:430px}.auth-form-wrap h2{font-size:32px;color:#153f51}.auth-form-wrap input{min-height:48px}.auth-form-wrap .primary{min-height:48px}.auth-story .eyebrow{color:#b9e8e8}.footnote{color:#536c7b}
@media(min-width:1550px){.content{padding:36px 42px}}
@media(max-width:1100px){.workspace{grid-template-columns:215px minmax(0,1fr)}.content{padding:22px}.page-heading{padding:20px}.page-heading h1{font-size:26px}.stats{gap:12px}.stat{padding:16px}.search input{width:250px}}
@media(max-width:760px){.workspace{grid-template-columns:1fr}.sidebar{min-height:0;padding:18px}.sidebar nav{gap:6px}.sidebar .nav-item{font-size:14px;border-radius:8px}.sidebar-bottom{top:20px}.content{padding:16px}.topbar{padding:0 16px;height:54px;font-size:13px}.topbar-right{font-size:12px}.page-heading{padding:20px;margin-bottom:18px;border-radius:14px}.page-heading h1{font-size:25px}.page-heading p:last-child{font-size:14px}.stat{padding:15px}.stat strong{font-size:29px}.stat-label{font-size:13px}.inbox-top{padding:16px}.search input{width:100%}.advanced-filters{padding:14px;gap:10px}.advanced-filters label{min-width:120px}.filters{padding:0 14px}.status-tabs{gap:4px}.status-tabs button{padding:8px 10px}.detail-head{padding:18px}.connection-card,.team-card{padding:20px}.review-body{padding:18px}.review-steps{padding:14px;gap:8px}.review-steps li{font-size:12px}.review-summary{grid-template-columns:1fr}.review-actions{flex-wrap:wrap}.review-actions .primary{flex:1}.review-dialog{max-height:94vh}.auth-form-wrap{padding:35px 22px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.query-flow{list-style:none;padding:0;margin:20px 0;display:grid;gap:12px}.query-flow li{border:1px solid var(--line);border-left:4px solid #96bac4;border-radius:10px;padding:16px;background:#f8fbfc}.query-flow li.current{border-left-color:#008d92;background:#edf9f6}.query-flow p{margin:6px 0;font-size:14px}.query-flow small{color:var(--muted)}.ticket-link{display:block}.row-review{width:fit-content}

.ticket-filter-panel{background:#fff;border:1px solid #d7e6ec;border-radius:16px;padding:16px 20px;margin-bottom:24px}.ticket-filter-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.ticket-filter-row+.ticket-filter-row{margin-top:14px;padding-top:14px;border-top:1px solid #e3edf1}.filter-row-label{min-width:65px;font-weight:700;color:#103b49}.ticket-filter-row :is(button,a){border:1px solid #d7e6ec;background:#f5f9fb;color:#244b59;border-radius:9px;padding:11px 16px;font:inherit;font-weight:600;cursor:pointer}.ticket-filter-row :is(button,a).active{background:#008d92;border-color:#008d92;color:white}.ticket-filter-row :is(button,a):focus-visible{outline:3px solid #58cace;outline-offset:2px}@media(max-width:600px){.filter-row-label{width:100%}.ticket-filter-row :is(button,a){padding:10px 12px}}

.ticket-filter-row a,.sidebar a.nav-item{text-decoration:none}.sidebar a.nav-item{box-sizing:border-box}
/* Compact operations layout: readable data with less surrounding chrome. */
body{font-size:14px;line-height:1.5}
.workspace{grid-template-columns:216px minmax(0,1fr)}
.sidebar{padding:20px 12px}.sidebar .brand{font-size:24px}.sidebar .nav-item{font-size:14px;padding:9px 11px;border-radius:8px;min-height:40px}.workspace-label,.nav-label{font-size:11px;letter-spacing:.8px}.sidebar-bottom .small-note{font-size:12px}.sidebar-bottom .small-note p{display:none}
.topbar{height:56px}.content{padding:20px 24px;max-width:1800px}.page-heading{padding:16px 18px;margin-bottom:16px;border-radius:12px}.page-heading h1{font-size:25px;letter-spacing:-.5px}.page-heading p:last-child{font-size:14px;margin-bottom:0}.eyebrow{font-size:11px}.date-chip{font-size:12px}
.ticket-filter-panel{padding:12px 16px;margin-bottom:16px;border-radius:12px}.ticket-filter-row{gap:8px}.ticket-filter-row+.ticket-filter-row{margin-top:10px;padding-top:10px}.ticket-filter-row :is(button,a){font-size:14px;padding:8px 12px;border-radius:7px}.filter-row-label{font-size:13px}
.stats{gap:12px;margin-bottom:16px}.stat{padding:13px 16px;border-radius:12px}.stat strong{font-size:27px}.stat-label,.stat small{font-size:12px}.stat-icon{width:28px;height:28px}
.inbox-card{border-radius:12px}.inbox-top{padding:14px 16px}.inbox-top h2{font-size:18px}.search input{min-height:38px;font-size:14px}.filters{padding-left:16px;padding-right:16px}.status-tabs{padding:5px 0;gap:4px}.status-tabs button{padding:6px 9px;font-size:13px}.advanced-filters{padding:10px 16px;gap:10px}.advanced-filters label{font-size:12px}.advanced-filters select,.advanced-filters button{min-height:36px;font-size:13px}.ops-summary{font-size:12px;padding:10px 16px}
th{padding-top:12px;padding-bottom:12px;font-size:12px}td{padding-top:14px;padding-bottom:14px;font-size:14px}.ticket-link{font-size:14px}.ticket-link small,.order-reference code{font-size:13px}.badge,.sla,.sla-sub{font-size:12px}.row-review{margin-top:7px}.table-footer{padding:12px 16px}.primary,.secondary{font-size:14px;min-height:38px}.small{min-height:32px;font-size:13px}.connection-card,.team-card{padding:18px}.connection-card h2{font-size:19px}.detail-row{padding:9px 0;font-size:14px}
a,button,input,select{transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}
@media(max-width:1100px) and (min-width:761px){.workspace{grid-template-columns:200px minmax(0,1fr)}.content{padding:18px}.sidebar{padding:18px 10px}}
@media(max-width:760px){.workspace{grid-template-columns:1fr}.sidebar{padding:14px}.content{padding:14px}.page-heading h1{font-size:23px}.ticket-filter-row :is(button,a){min-height:40px}.search input{width:100%}.stats{gap:8px}.stat{padding:12px}.topbar{height:52px}}
@media(prefers-reduced-motion:reduce){a,button,input,select{transition:none}}
/* Slim scrollbars for the page, navigation, tables and dialogs. */
*{scrollbar-width:thin;scrollbar-color:#9bb8c3 transparent}
*::-webkit-scrollbar{width:7px;height:7px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{background:#9bb8c3;border-radius:999px;border:1px solid transparent;background-clip:padding-box}
*::-webkit-scrollbar-thumb:hover{background:#6f97a7}
*::-webkit-scrollbar-corner{background:transparent}
.sidebar{scrollbar-color:#527887 transparent}
.sidebar::-webkit-scrollbar-thumb{background:#527887}
@media(forced-colors:active){*{scrollbar-color:auto}}

.project-live-status{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-left:auto;margin-right:20px}.project-status{display:inline-flex;align-items:center;gap:6px;border:1px solid #d5e5e9;border-radius:7px;padding:6px 9px;font-size:12px;white-space:nowrap;color:#446271;background:#f5f9fb}.project-status .status-dot{width:7px;height:7px;border-radius:50%;background:#94a3b8}.project-status.live{color:#087258;background:#e9f8f1}.project-status.live .status-dot{background:#1ba976}.project-status.logged-out{color:#b43535;background:#fff0ef}.project-status.logged-out .status-dot{background:#db4747}.topbar{gap:12px;height:auto;min-height:72px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}@media(max-width:1050px){.project-live-status{order:3;width:100%;margin:0}.topbar-right{margin-left:auto}} 

/* Compact overview keeps the ticket table near the top. */
.page-heading{padding:10px 14px;margin-bottom:10px;min-height:0;box-shadow:none}.page-heading .eyebrow{display:none}.page-heading h1{font-size:22px;margin:0;line-height:1.3}.page-heading #pageSubtitle{display:none}.page-heading .date-chip{padding:5px 9px;background:transparent;border:0}.ticket-filter-panel{padding:8px 12px;margin-bottom:10px}.ticket-filter-row{gap:6px}.ticket-filter-row+.ticket-filter-row{margin-top:6px;padding-top:6px}.ticket-filter-row :is(button,a){padding:5px 10px;font-size:13px;min-height:30px}.filter-row-label{min-width:58px}.stats{gap:8px;margin-bottom:10px}.stats .stat{padding:9px 12px;min-height:0;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:10px;box-shadow:none;background:#fff}.stats .stat::before,.stats .stat::after,.stats .stat small,.stats .stat-icon{display:none}.stats .stat-label{font-size:13px;margin:0}.stats .stat strong{font-size:21px;margin:0;line-height:1.2}.inbox-top{padding:12px 16px}.advanced-filters{padding:10px 16px}.ops-summary{padding:8px 16px;font-size:12px}@media(max-width:760px){.page-heading h1{font-size:20px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ticket-filter-row :is(button,a){min-height:34px}.stats .stat{padding:8px 10px}}

.enquiry-time{min-width:170px}.enquiry-time strong,.enquiry-time span{display:block}.enquiry-time strong{font-size:12px;color:#115c70;margin-bottom:5px}.enquiry-time span{font-size:13px;line-height:1.5}#ticketRows .sla{font-size:13px;font-weight:700}

/* Compact ticket lists, shared by New tickets and Needs attention. */
#ticketRows td{padding:10px 8px;font-size:13px;vertical-align:top}
#ticketView th{padding:10px 8px;font-size:12px}
#ticketRows .enquiry-time{min-width:150px}
#ticketRows .payout-time{min-width:145px;font-size:12px}
#ticketRows .enquiry-time strong{margin-bottom:2px}
#ticketRows .enquiry-time span{font-size:12px;white-space:nowrap}
#ticketRows .sla-sub{margin-top:3px;font-size:11px;line-height:1.4}
#ticketRows .badge,#ticketRows .sla{padding:4px 7px;font-size:12px}
#ticketRows .ticket-link small{margin-top:3px;font-size:12px}
#ticketRows .row-review{margin-top:5px;min-height:28px;padding:4px 8px;font-size:12px}
.compact #ticketRows td{padding-top:7px;padding-bottom:7px}

#ticketRows .current-enquiry-label{display:block;margin:6px 0 3px;font-size:11px;font-weight:600;color:#355b6e}

#ticketRows .table-date{display:block;font-size:12px;white-space:nowrap;color:#355b6e}
#ticketRows .table-time{display:block;font-size:11px;line-height:1.5;color:#6c8290;margin-top:3px;white-space:nowrap}
#ticketRows .payout-time,#ticketRows .enquiry-time,#ticketRows .ticket-age{min-width:112px}
#ticketRows td{vertical-align:middle;padding-top:11px;padding-bottom:11px}
#ticketRows .row-review{display:table}

#ticketRows a.row-review,#ticketRows button.row-review{display:flex;align-items:center;justify-content:center;width:max-content;box-sizing:border-box;min-height:30px;padding:6px 10px;margin-top:6px;border:1px solid #b9d9df;border-radius:7px;background:#f2fafb;color:#115c70;font-size:12px;font-weight:600;line-height:1.2;text-decoration:none;cursor:pointer;white-space:nowrap}
#ticketRows a.row-review:hover,#ticketRows button.row-review:hover{background:#e2f3f5;border-color:#66afb9;color:#084e60}
#ticketRows a.row-review:focus-visible,#ticketRows button.row-review:focus-visible{outline:2px solid #00969f;outline-offset:2px}

.brand-icon svg{width:100%;height:100%;display:block}.brand-wordmark{font-size:21px;line-height:1.1;letter-spacing:-.5px}.brand-wordmark small{display:block;font-size:10px;letter-spacing:2px;text-transform:uppercase;margin-top:5px;font-weight:500;opacity:.8}