/* SmartGST: saffron, graphite and neutral paper. Presentation only. */
:root {
  color-scheme: light;
  --sg-navy: #22262b !important;
  --sg-navy2: #343a40 !important;
  --sg-blue: #a44700 !important;
  --sg-cyan: #ffb46b !important;
  --sg-bg: #f5f5f2 !important;
  --sg-border: #dedfdd !important;
  --sg-muted: #63676c !important;
  --sg-text: #25292e !important;
  --sg-shadow: 0 2px 8px rgb(28 43 37 / 5%) !important;
  --bg: #f5f5f2 !important;
  --surface: #ffffff !important;
  --surface-2: #f0f1ef !important;
  --card: #ffffff !important;
  --text: #25292e !important;
  --ink: #25292e !important;
  --muted: #63676c !important;
  --border: #dedfdd !important;
  --line: #dedfdd !important;
  --navy: #22262b !important;
  --navy2: #343a40 !important;
  --navy-light: #343a40 !important;
  --blue: #a44700 !important;
  --blue-dark: #783600 !important;
  --accent: #a44700 !important;
  --accent-text: #ffffff !important;
  --cyan: #ffb46b !important;
  --green: #2d7050 !important;
  --good: #2d7050 !important;
  --green-bg: #eaf3ed !important;
  --good-bg: #eaf3ed !important;
  --ok: #596b35 !important;
  --ok-bg: #f0f2e8 !important;
  --orange: #8b5d1d !important;
  --amber: #8b5d1d !important;
  --warn: #8b5d1d !important;
  --orange-bg: #faf2e2 !important;
  --warn-bg: #faf2e2 !important;
  --red: #a33b37 !important;
  --bad: #a33b37 !important;
  --red-bg: #faeeec !important;
  --bad-bg: #faeeec !important;
  --badbg: #faeeec !important;
  --info: #315c75 !important;
  --info-bg: #edf2f5 !important;
  --slate: #575e64 !important;
  --slate-bg: #f0f1ef !important;
  --shadow-sm: 0 1px 3px rgb(28 43 37 / 4%) !important;
  --shadow: 0 2px 8px rgb(28 43 37 / 5%) !important;
  --shadow-lg: 0 8px 24px rgb(28 43 37 / 9%) !important;
}
body { background: var(--bg) !important; color: var(--text); }
::selection { background: #ffdfbf; color: #352313; }
input, select, textarea { accent-color: #a44700; }
input:not([type=checkbox]):not([type=radio]), select, textarea {
  border-color: #d0d2d0 !important;
  color: #25292e;
}
input:focus-visible, select:focus-visible, textarea:focus-visible,
button:focus-visible, a:focus-visible, summary:focus-visible {
  outline: 2px solid #c65c00 !important; outline-offset: 3px;
}
input::placeholder, textarea::placeholder { color: #747a7e; opacity: 1; }

/* Shared navigation: solid surfaces instead of neon gradients and glows. */
#sgSidebar { background: #22262b !important; box-shadow: none !important; }
.sg-brand-mark { background: #ff8000 !important; color: #221b12 !important; box-shadow: none !important; border-radius: 8px; }
.sg-brand-sub, .sg-side-footer { color: #b8bec4 !important; }
.sg-nav-label { color: #a4abb2 !important; }
.sg-nav a { color: #d7dade !important; border-radius: 6px; }
.sg-nav a.sg-active { background: #3b3129 !important; color: #fff !important; box-shadow: inset 3px 0 #ff8000 !important; }
.sg-nav a:hover { background: #30343a !important; color: #fff !important; }
#sgTopbar { background: #fff !important; backdrop-filter: none; }
.sg-page-title, #sgContent h1 { color: #25292e; }
.sg-breadcrumb, .sg-breadcrumb span, .sg-account-role { color: #697078 !important; }
.sg-workspace-pill, .sg-current-chip { background: #f2f3f1 !important; color: #4c5559 !important; border-color: #dfe3df !important; }
.sg-workspace-dot { background: #42724f !important; box-shadow: none !important; }
.sg-avatar { background: #f1ebe4 !important; color: #71431f !important; }
.sg-back-menu, .sg-logout, .sg-mobile-menu { color: #3e454c !important; background: #fff !important; border-color: #dedfdd !important; }
.sg-back-menu:hover, .sg-logout:hover { background: #f0f1ef !important; color: #a44700 !important; }

/* Controls keep their existing size, placement, labels and click behaviour. */
.btn, .mini-btn { border-color: #d0d2d0 !important; box-shadow: none !important; }
.btn:not(.primary):not(.success):not(.dark):not(.danger):not(.document-delete), .mini-btn {
  background: #fff !important; color: #40474c !important;
}
.btn.primary, .btn.dark, button.primary, a.primary, .primary.cta,
.actions .primary, .btn-primary, .primary-btn, .ai-compose button {
  background: #a44700 !important; border-color: #a44700 !important;
  color: #fff !important; box-shadow: none !important;
}
.btn.primary:hover, button.primary:hover, a.primary:hover, .btn.dark:hover {
  background: #783600 !important; border-color: #783600 !important;
}
.btn.success { background: #2d7050 !important; color: #fff !important; }
.btn.ghost, .btn.secondary { background: #edf2ed !important; color: #555d63 !important; }
.btn.danger, .document-delete { color: #a33b37 !important; background: #faeeec !important; border-color: #e3c5bf !important; }
.btn:disabled, button:disabled { opacity: .55; }
input[type=file]::file-selector-button { background: #e7eee6 !important; color: #555d63 !important; border-color: #d0d2d0 !important; }

/* Quiet working surfaces; status colours continue to carry their meaning. */
.panel, .module, .about, .progress, .refund-workarea, .ingest-card,
.document-row, .table-wrap, .tablewrap { border-color: #dedfdd !important; box-shadow: var(--shadow) !important; }
.module:hover { border-color: #d98c4c !important; box-shadow: 0 3px 12px rgb(28 43 37 / 8%) !important; }
.icon, .ico, .step-badge, .flow-number, .refund-count, body[data-smartgst-page="/dashboard"] .badge:not(.module-status) {
  background: #f5eee5 !important; color: #9a490b !important; border-color: #e8d9ca !important;
}
.status, .refund-workarea-status, .document-toolbar, .portal-options label,
.ai-body, .ai-tool-toggle, .refund-ai { background: #f5f5f2 !important; color: #4e575e !important; border-color: #dedfdd !important; }
table th, .table th, .refund-calc-table th {
  background: #f0f1ee !important; color: #41484e !important; border-color: #dedfdd !important;
}
table td { border-color: #e5e6e2 !important; }
.disclosure[open]>summary, .annual-workspace details>summary {
  background: #f6f6f3 !important; border-color: #e5e6e2 !important;
}
.progress-row { border-color: #e5e6e2 !important; }
.progress-row.active, .progress-row.current { background: #fff4e9 !important; }
.progress-row[aria-current="step"], .refund-monitor-metrics>div { background: #fff4e9 !important; }
.refund-monitor-amount { color: #a44700 !important; }
.module .icon { filter: grayscale(1); }
.status.error, .status.bad { color: #a33b37 !important; background: #faeeec !important; }
.status.warn, .status.warning { color: #8b5d1d !important; background: #faf2e2 !important; }
.status.success { color: #2d7050 !important; background: #eaf3ed !important; }
.drop.over, .document-row:has(input:checked), .document-drop-zone.document-drop-active {
  background: #fff4e8 !important; border-color: #e28b3a !important;
}
.document-drop-zone.document-drop-active { outline-color: #42724f !important; }
.document-row.document-drop-before { border-top-color: #42724f !important; }
#secPdfs input[type=file] { background: #f7f8f4 !important; border-color: #d4bda8 !important; }
#refundAssistant .workspace-eyebrow, #refundAssistant .feature-hero h2,
.annexure-flow strong, #refundAssistant .ingest-card-title { color: #40474c !important; }

/* Dashboard assistant and refund introduction share a restrained ink surface. */
.ai-card, .ai-head, .feature-hero, .hero-with-guidance {
  background: #272b30 !important; color: #fff !important;
  border-color: #42464a !important; box-shadow: var(--shadow) !important;
}
.ai-card:before, .hero-with-guidance:after { background: none !important; }
.ai-orb, .mini-orb { background: #3d332b !important; color: #ffc18c !important; border-color: #80634b !important; box-shadow: none !important; }
.ai-kicker, .ai-arrow, .hero-with-guidance .kicker { color: #ffb46b !important; }
.ai-card p, .ai-head small, .hero-with-guidance p, .hero-guidance .steps ol { color: #d9dbde !important; }
.hero-with-guidance h1, .hero-guidance h3, .ai-card h2, .ai-head strong { color: #fff !important; }
.hero-guidance { border-color: #65605b !important; }
#refundAssistant .feature-hero { background: #fff !important; color: var(--text) !important; border: 0 !important; }
#refundAssistant .feature-hero p { color: var(--muted) !important; }
.ai-msg.user { background: #fff1e3 !important; color: #555d63 !important; border-color: #ead6c2 !important; }
.ai-quick button { background: #f3f3ef !important; color: #555d63 !important; border-color: #dedfda !important; }

/* Public entry pages use the same palette, without the application sidebar. */
body[data-smartgst-page="/login"] { background: #f4f3ef !important; }
body[data-smartgst-page="/login"] .brand-mark { background: #272b30 !important; box-shadow: none !important; }
body[data-smartgst-page="/login"] .card { border-top: 3px solid #ff8000; box-shadow: 0 6px 24px rgb(28 43 37 / 7%); }
body[data-smartgst-page="/login"] button:not(.show) { background: #a44700; }
body[data-smartgst-page="/"] .nav, body[data-smartgst-page="/"] .hero,
body[data-smartgst-page="/"] .section.dark { background: #22262b !important; }
body[data-smartgst-page="/"] .hero h1 em { background: none !important; color: #ffb46b !important; }
body[data-smartgst-page="/"] .hero-copy, body[data-smartgst-page="/"] .navlinks { color: #d1d4d9 !important; }
body[data-smartgst-page="/"] .eyebrow { color: #ffb46b !important; border-color: #80634b !important; background: #34302b !important; }
body[data-smartgst-page="/"] .eyebrow i { box-shadow: none !important; }
body[data-smartgst-page="/"] .primary { background: #a44700 !important; box-shadow: none !important; }
body[data-smartgst-page="/"] .console { background: #2e3339 !important; box-shadow: 0 12px 32px rgb(0 0 0 / 15%) !important; }
body[data-smartgst-page="/"] .bar { background: #ff8000 !important; animation: none !important; }
body[data-smartgst-page="/"] .gridbg { opacity: .06; }
body[data-smartgst-page="/"] .stage:after { background: #f0f1ed !important; }
@media (forced-colors: active) {
  :root { forced-color-adjust: auto; }
}

/* Brand hierarchy: orange is an accent, never a substitute for status. */
:root{--saffron:#ff8000;--saffron-soft:#fff2e5;--saffron-ink:#934000;--graphite:#22262b}
body{font-family:"Segoe UI",Arial,sans-serif}
input,select,textarea{accent-color:#c65b00}
::selection{background:#ffdfbf;color:#28211b}
#sgTopbar{border-top:3px solid var(--saffron)!important}
.sg-brand-mark{background:var(--saffron)!important;color:#221b12!important;border-radius:5px!important}
.sg-brand-name{font-weight:750;letter-spacing:-.6px}
.sg-nav a.sg-active{background:#3b3129!important;box-shadow:inset 3px 0 var(--saffron)!important}
.sg-nav a.sg-active .sg-nav-icon{color:#ffb46b}
.sg-avatar{background:#f0f1ef!important;color:#40474c!important}
.sg-page-title{font-weight:700}
.sg-nav-status,.module .module-status{background:none!important;color:#838a91!important;font-weight:400!important}
.sg-active .sg-nav-status{color:#c2b9b0!important}
.sg-breadcrumb{letter-spacing:.02em}

.btn.primary,.btn.dark,button.primary,a.primary,.primary.cta,
.actions .primary,.btn-primary,.primary-btn,.ai-compose button,
body[data-smartgst-page="/login"] button:not(.show),body[data-smartgst-page="/"] .primary{
  background:var(--saffron)!important;border-color:var(--saffron)!important;color:#231b12!important;
  font-weight:700;box-shadow:none!important;
}
.btn.primary:hover,.btn.dark:hover,button.primary:hover,a.primary:hover,.btn-primary:hover{
  background:#ed7600!important;border-color:#ed7600!important;color:#231b12!important;
}
.btn,.mini-btn,.sg-back-menu,.sg-logout{border-radius:6px!important}
.btn.secondary,.btn.ghost{background:#f3f3f0!important;color:#454b50!important}
input[type=file]::file-selector-button{background:#f0f1ed!important;color:#41484e!important;border:1px solid #d0d2d0!important;padding:6px 9px;border-radius:4px}
progress{accent-color:#c65b00}
progress::-webkit-progress-value{background:#c65b00}
input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:#b95200!important}

/* Working papers use one neutral grid, generous headings and stable numbers. */
#sgContent .panel,#sgContent .section,#sgContent .module,#sgContent .feature,
#sgContent .install,#sgContent .step,#sgContent .card{border-radius:8px}
#sgContent h1{font-weight:700;letter-spacing:-.65px;line-height:1.2}
#sgContent h2{letter-spacing:-.2px}
table{font-variant-numeric:tabular-nums}
table th{font-weight:650!important;background:#f0f1ee!important;color:#41484e!important}
table td{border-bottom-color:#e5e6e2!important}
table tbody tr:hover>td{background-color:#faf8f4}
output,.count,.amount,.num,.refund-monitor-amount{font-variant-numeric:tabular-nums}
.disclosure[open]>summary{box-shadow:inset 3px 0 #e28b3a}
.refund-monitor-metrics>div{background:#fff!important;border-color:#dedfdd!important}
.refund-monitor-amount{color:#25292e!important}
.document-row:has(input:checked),.drop.over,.document-drop-zone.document-drop-active{background:#fff4e8!important;border-color:#d5833c!important}

/* An editorial dashboard: a numbered service directory rather than icon tiles. */
body[data-smartgst-page="/dashboard"] .welcome{margin-bottom:22px}
body[data-smartgst-page="/dashboard"] .welcome h1{font-size:30px;letter-spacing:-.8px;font-weight:650}
body[data-smartgst-page="/dashboard"] .welcome p{font-size:14px;color:#63676c}
body[data-smartgst-page="/dashboard"] .ai-card{border-radius:8px!important;padding:23px 26px;border-left:4px solid var(--saffron)!important;min-height:130px}
body[data-smartgst-page="/dashboard"] .ai-card h2{font-size:22px;line-height:1.25;font-weight:650;letter-spacing:-.5px}
body[data-smartgst-page="/dashboard"] .ai-orb{display:none}
body[data-smartgst-page="/dashboard"] .ai-kicker{color:#ffb46b!important;font-size:10px;letter-spacing:.16em}
body[data-smartgst-page="/dashboard"] .ai-chips span{border-radius:4px;background:transparent}
body[data-smartgst-page="/dashboard"] .smartgst-workbar{border-radius:8px;box-shadow:none;border:1px solid #dedfdd;padding:20px 22px}
body[data-smartgst-page="/dashboard"] .smartgst-actions a{color:#454b50;background:#f7f7f4;border-color:#dedfdd;border-radius:5px;font-weight:600}
body[data-smartgst-page="/dashboard"] .smartgst-actions a:hover{background:#fff2e5;border-color:#d7945c;color:#934000}
body[data-smartgst-page="/dashboard"] .grid{counter-reset:service;gap:12px}
body[data-smartgst-page="/dashboard"] a.module{counter-increment:service;min-height:108px;padding:20px 17px;gap:13px;box-shadow:none!important;align-items:flex-start;transform:none}
body[data-smartgst-page="/dashboard"] a.module::before{content:counter(service,decimal-leading-zero);font-size:12px;letter-spacing:.04em;font-variant-numeric:tabular-nums;color:#868a8d;border-top:2px solid #ff8000;padding-top:8px;width:25px;flex:none}
body[data-smartgst-page="/dashboard"] .module .icon{display:none}
body[data-smartgst-page="/dashboard"] .module h2{font-weight:650;font-size:14px;line-height:1.45;display:block}
body[data-smartgst-page="/dashboard"] .module h2 .module-status{display:inline!important;margin-left:5px!important;white-space:nowrap}
body[data-smartgst-page="/dashboard"] .module p{font-size:12px;line-height:1.55;margin-top:6px;color:#63676c}
body[data-smartgst-page="/dashboard"] .module .arrow{color:#a66b39;font-size:20px}
body[data-smartgst-page="/dashboard"] .module:hover{border-color:#d58d50!important;background:#fffaf5}
body[data-smartgst-page="/dashboard"] .smartgst-section-title{text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:#63676c;margin:26px 0 12px}

.hero-with-guidance{border-radius:8px!important;border-top:3px solid var(--saffron)!important}
.hero-with-guidance .kicker{letter-spacing:.16em}
.hero-guidance{border-left-color:#6b6258!important}
.flow-number,.step-badge{background:#fff0df!important;color:#934000!important;border-color:#efd2b4!important;border-radius:5px!important}
body[data-smartgst-page="/resources"] .panel:first-of-type{border-left:3px solid var(--saffron)}
body[data-smartgst-page="/gst-imports"] .portal-toolkit .feature-icon{background:#f4eee6;color:#934000;filter:grayscale(1)}
body[data-smartgst-page="/login"] .brand-mark{border-bottom:3px solid var(--saffron)}
#sgContent p a:not(.btn),#sgContent td a:not(.btn),#sgContent .sub a{color:#934000!important;text-underline-offset:3px}
#registerCompareTaxCards>div>div{background:#fff!important;border-color:#dedfdd!important;border-left:2px solid #c8cccf!important}
#registerCompareTaxCards>div>div:last-child{border-left-color:#ff8000!important}
#registerCompareTaxCards>div>div>div{color:#63676c!important}
#registerCompareTaxCards>div>div>div:last-child{color:#25292e!important}
#registerCompareTable th{white-space:normal!important;max-width:170px;line-height:1.35;padding:10px 9px}
.workspace-chooser>.panel{background:#fff!important;border-color:#dedfdd!important;box-shadow:none!important}
body:has(#legacyWorkspace[style*="display: block"]) #chooseLegacy,
body:has(#registerWorkspace[style*="display: block"]) #chooseRegister,
body:has(#mapperWorkspace[style*="display: block"]) #chooseMapper,
body:has(#finaliserWorkspace[style*="display: block"]) #chooseFinaliser{
  background:#fff7ee!important;border-color:#dda269!important;box-shadow:inset 3px 0 #ff8000!important;
}
@media(max-width:760px){body[data-smartgst-page="/dashboard"] .welcome h1{font-size:26px}body[data-smartgst-page="/dashboard"] .ai-card{padding:20px}body[data-smartgst-page="/dashboard"] .ai-card h2{font-size:19px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}