/* SevaDesk Pro — Design 03. Shared visual layer only; tool algorithms are unchanged.
   Screen-only rules deliberately leave printed PDFs, receipts and A4 exports intact. */
@font-face{font-family:SevaHindi;src:url('./vendor/NotoSansDevanagari-Regular.ttf') format('truetype');font-display:swap}
@media screen{
  :root{
    color-scheme:dark;
    --d3-bg:#0d1627;--d3-sidebar:#131e31;--d3-panel:#1b283f;
    --d3-panel-2:#21314c;--d3-panel-3:#273956;--d3-line:#31415f;
    --d3-ink:#eaf0ff;--d3-soft:#b7c5df;--d3-muted:#94a4bf;
    --d3-accent:#879aff;--d3-mint:#5ed5c4;--d3-gold:#f0ba72;
    --line:#31415f;--muted:#9caac4;--green:#879aff;--accent:#879aff;
    --sidebar:#131e31;--ink:#eaf0ff;--deep:#0e192b;--sea:#8499ff;
    --soft:#243854;--teal:#70d4c6;--navy:#101d31;
  }
  html{background:var(--d3-bg);scrollbar-color:#475979 #101a2b}
  html:root{background:var(--d3-bg)!important}
  body{
    background:radial-gradient(circle at 75% -10%,#354c8159,transparent 37%),var(--d3-bg)!important;
    color:var(--d3-ink)!important;
    font-family:Inter,"Segoe UI Variable","Segoe UI",Roboto,SevaHindi,system-ui,sans-serif!important;
    font-weight:450;letter-spacing:.002em;
  }
  h1,h2,h3,h4,strong,b{letter-spacing:-.025em}
  h1,h2,h3,h4{color:var(--d3-ink)}
  p,small{line-height:1.55}
  a{transition:color .18s,border-color .18s,background .18s}
  :focus-visible{outline:3px solid #a0b1ff!important;outline-offset:3px}
  ::selection{background:#5a6fba;color:#fff}

  /* Dashboard: premium navigation rail, icons, typography and compact cards. */
  body>.shell{grid-template-columns:244px minmax(0,1fr)}
  body>.shell>aside{background:linear-gradient(175deg,#162238,#101a2a);border-right:1px solid var(--d3-line);padding:22px 13px 14px;max-height:100vh;overflow:auto;scrollbar-width:thin}
  body>.shell>main{max-width:1680px;padding-left:clamp(17px,2.3vw,33px);padding-right:clamp(17px,2.3vw,33px)}
  .brand{color:#f0f5ff;font-size:18px;font-weight:850;letter-spacing:-.045em;gap:10px}
  .brand small,.brand-tag{color:#90a2bf;font-weight:550;letter-spacing:.01em}
  .brand-mark{background:linear-gradient(145deg,#7388fa,#5268d9);box-shadow:0 10px 26px #5268d952;border:1px solid #a9b5ff50;border-radius:13px}
  .brand-mark svg{width:23px;height:23px}
  .nav-caption{color:#8597b6;font-size:10px;letter-spacing:.16em;margin:26px 10px 9px}
  #nav{gap:3px}
  #nav button,#nav .external-nav{min-height:42px;padding:6px 8px;color:#b2bfd5;font-size:12px;font-weight:650;border-radius:10px;gap:10px;line-height:1.3}
  #nav button>span:nth-child(2),#nav .external-nav>span:nth-child(2){min-width:0;overflow:hidden;text-overflow:ellipsis}
  #nav button:hover,#nav .external-nav:hover{background:#24344e;color:#eef4ff}
  #nav button[aria-pressed=true],#nav .external-nav[aria-current=page]{background:#31426b;color:#f7f9ff;box-shadow:inset 0 0 0 1px #536cb15e}
  .nav-icon{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;flex:none;background:#293a59;color:#b2c2f0}
  .nav-icon .glyph{height:17px!important;width:17px!important;stroke-width:1.9}
  .nav-icon-grid{background:#334372;color:#b5c8ff}
  .nav-icon-doc{background:#304568;color:#abc9ff}
  .nav-icon-pdf{background:#533b52;color:#f5adbf}
  .nav-icon-image,.nav-icon-camera{background:#4a355d;color:#dbb4ff}
  .nav-icon-print,.nav-icon-scan{background:#244c56;color:#79dbda}
  .nav-icon-calc{background:#544536;color:#f3d29b}
  .nav-icon-ai{background:#3f3b68;color:#c5b6ff}
  .nav-icon-shop{background:#315346;color:#9de4bd}
  .nav-icon-link{background:#294d67;color:#9bd8ff}
  .nav-icon-shield{background:#314a58;color:#a4e0d1}
  .nav-count{color:#a0aec8;font-size:10px;font-weight:750}
  #nav button[aria-pressed=true] .nav-icon{box-shadow:0 0 0 1px #8296f855,0 4px 13px #131d3640}
  .privacy{border-color:#34425b;color:#c7d2e8;padding-top:12px}.privacy p{color:#8798b2}
  .signal{background:#50d4b5;box-shadow:0 0 0 3px #50d4b520}
  .topbar{color:#9aaaca;border-bottom:1px solid #2b3954;height:61px}
  .topbar a{color:#c4d2ec}.topbar #crumb{color:#f2f5ff}.topbar svg{stroke:#7286ae}
  .top-label{color:#a9b8d1}
  #home .hero{min-height:235px;padding:28px clamp(22px,2.9vw,40px);border-radius:18px;border:1px solid #44567d;background:radial-gradient(circle at 90% 10%,#4e67b43d,transparent 33%),linear-gradient(120deg,#192744,#202f58);box-shadow:0 16px 38px #02081329}
  #home .hero:after{background-size:28px 28px;opacity:.35}
  .hero-label{color:#aebffe;font-size:10px;letter-spacing:.16em}
  .hero h1{font-size:clamp(30px,3.4vw,48px);line-height:1.08;letter-spacing:-.049em;margin:11px 0;max-width:610px;color:white}
  .hero p{font-size:13px;color:#bccae7;max-width:510px}
  .hero-button{border-radius:10px;font-size:11px;padding:10px 14px;background:#8297ff;color:#111d37;border:1px solid #a7b5ff;font-weight:800}
  .hero-button:hover{background:#adbaff;color:#111d37}
  .hero-button svg{display:inline-block;width:14px;height:14px;flex:none;vertical-align:middle;stroke:currentColor;stroke-width:1.8;fill:none}
  .hero-secondary{background:#273958ad;color:#dfebff;border:1px solid #5d7093}
  .hero-secondary:hover{background:#354c70;color:#fff}
  .quick{max-width:330px;border:1px solid #5e709a81;background:#ffffff0b;box-shadow:0 13px 26px #050d2030;border-radius:15px;padding:15px}
  .quick-label{color:#aabaf0}
  #quick-tools a{background:#15243e99;border:1px solid #59698935;border-radius:9px;padding:7px}
  #quick-tools a:hover{background:#2a3d65}
  .overview-grid{gap:12px;margin-top:14px}
  .overview-grid a{background:var(--d3-panel);border:1px solid var(--d3-line);border-radius:14px;min-height:105px;box-shadow:0 7px 20px #030b1b18}
  .overview-grid a:hover{border-color:#8092d2;box-shadow:0 9px 24px #050d2250}
  .overview-grid span{color:#95a9c8}.overview-grid strong{color:#e8efff;font-size:31px}.overview-grid small{color:#9caac4}
  .section-head h2{color:#f0f4ff;font-size:24px;font-weight:800}.section-head #count{color:#9caecd}
  .eyebrow{color:#93a7f9}
  .search{background:#1b2941;border:1px solid #394c70;color:#a5b5d3;border-radius:11px}
  .search input{color:#e9efff;background:transparent}.search input::placeholder{color:#8597b5}.search kbd{border-color:#435574;color:#b4c1dc}
  body:has(#nav) .cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
  body:has(#nav) .card{background:#1b2940;border:1px solid #33435f;border-radius:14px;min-height:156px;padding:16px;box-shadow:0 6px 17px #03081722;gap:13px}
  body:has(#nav) .card:hover{background:#243651;border-color:#7892d6;box-shadow:0 13px 27px #050b2066;transform:translateY(-2px)}
  body:has(#nav) .card strong{color:#ecf3ff;font-size:13px;line-height:1.4;letter-spacing:-.02em}
  body:has(#nav) .card p{color:#9bacc7;font-size:11.5px;line-height:1.55}
  body:has(#nav) .card-category{color:#8da4c8;font-size:9.5px;font-weight:750;letter-spacing:.035em}
  body:has(#nav) .card .arrow{color:#9aaed3}
  body:has(#nav) .badge{height:39px;width:39px;border-radius:12px;border:1px solid #8da2ff24;color:#b4c9ff;background:#35466c}
  body:has(#nav) .badge .glyph{width:20px;height:20px;stroke-width:1.8}
  body:has(#nav) .badge.c0{background:#304568;color:#b9d0ff}body:has(#nav) .badge.c1{background:#553e53;color:#ffb7c4}
  body:has(#nav) .badge.c2{background:#4b3a61;color:#deb5ff}body:has(#nav) .badge.c3{background:#28535a;color:#8ae4db}
  body:has(#nav) .badge.c4{background:#574939;color:#f6d69c}body:has(#nav) .badge.c5{background:#403f68;color:#c8bbff}
  body:has(#nav) .badge.c6{background:#335445;color:#a7e8be}
  .back{color:#a6b6ff;font-size:12px;font-weight:750}
  .section-banner,.external-intro{background:radial-gradient(circle at right top,#445d9945,transparent 40%),#1a2944;border:1px solid #405274;color:#eaf0ff;border-radius:16px;padding:24px}
  .section-banner h1,.external-intro h1{color:#f3f6ff}.section-banner p,.external-intro p{color:#b4c5e0}
  .section-banner .eyebrow,.external-intro .eyebrow{color:#adbeff}
  footer{border-color:#2c3a53;color:#97a8c4}

  /* Every classic catalog tool: a compact left settings panel and right results. */
  #work .tool-head,#work .panel,#business .panel,#billing .panel{background:var(--d3-panel);border:1px solid var(--d3-line);color:var(--d3-ink);border-radius:14px;box-shadow:0 9px 22px #050d1c24}
  .tool-head h1,.tool-head strong{color:#eff4ff}
  .tool-head small,.hint,.status{color:#a5b7d0}
  #work.guided{grid-template-columns:minmax(270px,.79fr) minmax(0,1.21fr);gap:14px;align-items:start}
  #work.guided>.panel:not(.result){max-height:calc(100vh - 135px);overflow:auto;scrollbar-color:#4d607e #18253a}
  #work.guided>.result,#work.guided>.result-placeholder{position:sticky;top:12px;min-width:0}
  #work .panel h2,.panel h2{color:#e9efff}
  #work .field,#work .field>span,.field,.field>span{color:#c7d3e7}
  #work .field input:not([type=checkbox]):not([type=color]),#work .field textarea,#work .field select,
  .service-toolbar input,.service-toolbar select,.billing-fields input,.billing-fields select,.billing-head select,
  .service-card input,.service-card textarea,
  .focus-settings input,.focus-settings select,.doc-edit-section input,.doc-edit-section textarea{
    background:#142239;color:#e9f0ff;border:1px solid #425373;border-radius:10px;min-height:40px;
  }
  #work input::placeholder,.service-toolbar input::placeholder,.billing-fields input::placeholder{color:#8092ae}
  #work input[type=range],.studio-card input[type=range],.editor-body input[type=range]{accent-color:#8b9bff}
  #work input[type=checkbox],.checkline input{accent-color:#8297ff}
  #work .btn,.service-card .btn,.service-toolbar .btn,#billing .btn{background:#2a3a56;border:1px solid #4d6386;color:#e2ebff;border-radius:10px;padding:9px 12px}
  #work .btn.main,.service-card .btn.main,#billing .btn.main{background:linear-gradient(105deg,#7185ec,#879dff);border-color:#9caaff;color:#101c37;font-weight:850}
  #work .btn:hover,.service-card .btn:hover,#billing .btn:hover{border-color:#9dacf6;background:#354869}
  .result-placeholder{background:#17253b;border:1px dashed #526583;border-radius:13px;color:#9cafc9}
  .crop-editor,.doc-edit-section,.workspace-upload,.image-queue,.entry-table,.prompt,.doc-edit-section,.queue-item,
  .workspace-thumb,.output-gallery figure,.stat,.billing-summary,.billing-head,.billing-actions,
  .instant-image-tip,.mobile-live-dock,.ai-handoff-note,.caution{
    background:#22314a;border-color:#425372;color:#d1deee;
  }
  .drop-tile{background:#24344f;border-color:#64739a;color:#d3dff2}.drop-tile:hover,.drop-tile.drag-active{background:#2b4365}
  .queue-item,.workspace-thumb,.output-gallery figure{background:#1c2a41}
  .queue-item img,.workspace-thumb>img{background:#101b2b}
  .result img.preview,.result .preview-wrap,.canvas-wrap{background:repeating-conic-gradient(#24334b 0 25%,#19263a 0 50%) 0 0/20px 20px}
  .result iframe{background:#fff}
  .editable-document,.document,.studio-page,.pdf-sheet,.paper,.sheet,.standee{color:#17212f;color-scheme:light}
  .document,.editable-document{background:var(--paper,#fff);color:#1b2735}
  .document h2,.document h3{color:var(--accent,#4259b3)}
  .document p,.document td,.document th,.editable-document span{color:inherit}
  .result .document,.result .editable-document,.result .paper{box-shadow:0 15px 37px #050d2240}
  .service-card,.service-grid .service-card{background:#1b2940;border:1px solid #364763;border-radius:14px;color:#e3edff}
  .service-card h3{color:#f1f5ff}.service-group{color:#a7b7ff}.service-card label,.billing-fields label{color:#bbcae4}
  .service-card details{color:#b9c8df}.service-card details summary{color:#aebfff}
  .stat{border:1px solid #3b4f70}.stat small{color:#a6b5d0}.stat strong{color:#e7eeff}
  .billing-summary strong{color:#b4c2ff}.billing-summary span{color:#aab9d3}
  .jobs-table th{background:#293951;color:#c4d0e9}.jobs-table td{color:#d5e1f3}.jobs-table td small{color:#97a8c4}

  /* Shared dedicated studio pages: the Pro Studio split workspace. */
  .studio-head,.top{background:linear-gradient(105deg,#14213a,#182944);border-bottom:1px solid #364763;color:#f3f6ff;box-shadow:none}
  .studio-head a,.top a{color:#e9efff}.studio-head .right{color:#9db0d0}
  .studio-shell,.shell:not(body>.shell){color:var(--d3-ink)}
  .studio-eyebrow,.eyebrow,.studio-kicker{background:transparent;border-color:#5367a0;color:#9eafff}
  .studio-title,.studio-title em,.intro h1,.headline h1{color:#ecf3ff;letter-spacing:-.04em}
  .studio-lead,.intro p,.headline p{color:#9dafc9}
  .studio-tabs button,.studio-tabs a,.modes a{background:#21304a;border:1px solid #3e506f;color:#b6c6e0;border-radius:10px}
  .studio-tabs .active,.modes a.active{background:#6e83ed;color:#101d35;border-color:#8fa0ff;box-shadow:0 5px 17px #5268d045}
  .studio-card,.studio-panel,.panel:not(#receipt),.preview-box,.editor,.stage,.workspace>.preview,.workspace>.panel{
    background:#1a283e;border-color:#344563;color:#e6edfa;box-shadow:0 12px 27px #040b1d30;
  }
  .studio-card{border-radius:17px}
  .studio-card-head,.panel-head,.editor-head,.pane-top{background:linear-gradient(110deg,#27395e,#324678);color:#eaf0ff;border-color:#3d5175}
  .studio-card-head span,.status-pill{border-color:#7a8cad;color:#dce7ff}
  .studio-card-body,.editor-body,.settings-body{background:#1b2940;color:#dce6f7}
  .studio-card-body h2,.section-title strong,.section-title h2{color:#edf2ff}
  .studio-field>span,.studio-label,.field>span,.control-label{color:#c6d2e8}
  .studio-field input,.studio-field textarea,.studio-field select,.studio-control,
  .field input:not([type=color]):not([type=checkbox]),.field textarea,.field select,.control,.searchbox input,
  .editor-body input:not([type=color]):not([type=checkbox]),.editor-body select,.editor-body textarea{
    background:#142239;color:#ebf1ff;border:1px solid #445678;border-radius:10px;
  }
  .studio-field input::placeholder,.field input::placeholder{color:#8294b1}
  .studio-field small,.studio-note,.studio-message,.source-info,.hint,.studio-chip,.studio-fact dt{color:#9eafc9}
  .studio-btn,.secondary,.turn-actions button,.btn,.view-switch button,.preset,.top-btn{
    background:#2a3b56;border-color:#4a5e81;color:#e4ecff;border-radius:10px;
  }
  .studio-btn.primary,.primary,.btn.main,.action.primary,.action.main{
    background:linear-gradient(112deg,#7386f0,#91a2ff);border-color:#a9b4ff;color:#101d36;box-shadow:0 5px 15px #4256b24f;
  }
  .studio-btn:hover,.btn:hover,.secondary:hover{border-color:#97a9ee}
  .studio-message,.alerts,.notice,.studio-pill,.studio-chip,.dedicated-studio{background:#243c50;border:1px solid #3d6672;color:#b8eadf}
  .studio-message.error,.alerts.error{background:#57343a;color:#ffd0d4}
  .studio-preview,.studio-empty,.canvas-wrap,.preview-stage,.stage-body,.sheet-scroll,.previewbox,.preview-wrap,.canvasWrap{
    background-color:#142137;
    background-image:linear-gradient(45deg,#1c2b42 25%,transparent 25%),linear-gradient(-45deg,#1c2b42 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#1c2b42 75%),linear-gradient(-45deg,transparent 75%,#1c2b42 75%);
    background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;
    border-color:#394c6a;color:#b6c9e5;
  }
  .studio-empty strong,.empty-canvas strong{color:#d9e5fa}
  .studio-fact,.studio-result,.metrics div,.tool-section,.studio-drop,.upload,.drop,.editor-scroll .sections,
  .studio-tabs .active,.view-switch,.studio-list,.result,.status-chip,.counter{
    border-color:#3d506d;
  }
  .studio-fact,.studio-result,.metrics div,.tool-section,.studio-drop,.upload,.drop,.view-switch,.counter{
    background:#24344e;color:#d5e0f1;
  }
  .studio-fact dd,.studio-result b,.metrics strong,.counter b,.studio-output h3{color:#e9efff}
  .studio-result p,.metrics small,.studio-fact dt,.counter small{color:#aab9d0}
  .upload,.studio-drop,.drop{border-style:dashed;border-color:#6579a0}
  .upload-icon,.studio-drop>span{color:#a6b8ff}
  .upload strong,.studio-drop strong,.section-title strong{color:#e6eeff}
  .upload small,.studio-drop small{color:#91a5c2}
  .section-title{border-color:#425372}.section-title span{background:#30446b;color:#b2c4ff}
  .tool-section summary{color:#dae5f7}.tool-section summary:after{color:#a6b6ff}
  .tool-section[open] summary{border-color:#455772}
  .slider-row label,.checkline,.status-pill,.control-label{color:#b9c8de}
  .slider-row output{color:#b6c5ff}
  .view-switch button.active{background:#405681;color:#e9efff}
  .canvas-wrap canvas,.studio-page,.pdf-sheet,.sheet,.paper,.standee{background:#fff;color:#152333;color-scheme:light}
  .studio-grid{grid-template-columns:minmax(300px,.79fr) minmax(0,1.21fr);gap:14px}
  .studio-grid>:first-child,.workspace>.editor{min-width:0}
  .studio-preview,.stage{position:sticky;top:12px}
  .studio-card-body,.editor-body{scrollbar-color:#4e6181 #1b2940}
  .studio-card-body input[type=range]{accent-color:#91a1ff}
  .studio-card .studio-field,.editor-body .field{margin-bottom:11px}
  .studio-card-body,.editor-body{padding:17px}
  .studio-card-head{padding:13px 17px}
  .studio-drop{border-radius:13px}

  /* Separate specialized tools retain editable paper and export elements. */
  .intro,.headline,.previewbar,.previewTop,.paper-tools,.preview-actions{color:#dce6f6}
  .paper,.sheet,.studio-page,.pdf-sheet,.card-transform,.art-bg{color-scheme:light}
  .workspace>.left,.workspace>.right,.editor,.preview,.panel{border-color:#364763}
  .field label,.group label,.group-title,.section-heading,.block-title,.panel-title{color:#dbe6f7}
  .settings-grid,.style-block,.sections,.save-grid,.formatbar,.previewbar,.toolbar{border-color:#354765}
  .notice,.warning,.note{color:#b9c8df}

  @media(min-width:1120px){
    .studio-grid>.studio-card:first-child,.workspace>.editor,
    .studio-grid>.studio-card:first-child .studio-card-body{max-height:calc(100vh - 200px);overflow:auto}
  }
  @media(max-width:1180px){body:has(#nav) .cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
  @media(max-width:1030px){body:has(#nav) .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
  @media(max-width:850px){
    .studio-grid{grid-template-columns:minmax(0,1fr)}
    .studio-grid>.studio-card:first-child,.workspace>.editor,.studio-grid>.studio-card:first-child .studio-card-body{max-height:none;overflow:visible}
    .studio-preview,.stage{position:static}
  }
  @media(max-width:720px){
    body>.shell{display:block}
    body>.shell>aside{position:sticky;top:0;z-index:30;max-height:none;min-height:0;overflow:visible;padding:10px;border-right:0;border-bottom:1px solid #384a6a;background:#162238}
    .brand{font-size:15px;padding-bottom:7px}.nav-caption,.privacy,.nav-count,.top-label{display:none}
    #nav{display:flex;overflow-x:auto;gap:6px;scrollbar-width:none}
    #nav button,#nav .external-nav{flex:none;min-height:39px;padding:5px 9px;gap:6px;border:1px solid #2b3d5b}
    .nav-icon{height:26px;width:26px;border-radius:7px}.nav-icon .glyph{height:15px!important;width:15px!important}
    body>.shell>main{padding:0 12px 13px}
    .topbar{height:43px}
    #home .hero{grid-template-columns:1fr;padding:19px 16px;gap:13px}
    .hero h1{font-size:29px}.hero p{font-size:12px}
    .quick{max-width:none;padding:10px}
    .overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
    .overview-grid a{padding:12px;min-height:98px}.overview-grid strong{font-size:26px}
    body:has(#nav) .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}body:has(#nav) .card{min-height:145px;padding:12px}
    .section-head h2{font-size:22px}
    #work.guided{display:block}
    #work.guided>.panel:not(.result){max-height:none;overflow:visible}
    #work.guided>.result,#work.guided>.result-placeholder{position:static}
    #work.guided>.mobile-live-dock{background:#243651;border:1px solid #5a7399;box-shadow:0 8px 21px #020b1850}
    .mobile-dock-head,.mobile-dock-head b,.mobile-dock-head [data-live-state]{color:#a7ebdb}
    .mobile-dock-preview{background:#fff;color:#30445b}
    .studio-title{font-size:27px}.studio-lead{font-size:12px}
    .studio-card-body,.editor-body{padding:12px}
    .studio-preview{min-height:275px}
  }
  @media(max-width:390px){body:has(#nav) .cards{grid-template-columns:1fr}body:has(#nav) .card{min-height:100px}}
  @media(prefers-reduced-motion:reduce){*{transition:none!important}}
}

/* Screen-only refinements for standalone tools that previously used light panels. */
@media screen{
  .placeholder-body{background:#1d2b43;border:1px dashed #506586;border-radius:12px;color:#b8c6e0;padding:28px}
  .placeholder-body strong{color:#e6edff}.placeholder-body p{color:#91a5c4}
  .dedicated-studio span,.dedicated-studio strong{color:#c1e7e2}

  /* Resume / CV studio. Keep the A4 sheet itself unchanged. */
  body:has(.resume-title) .headline{background:radial-gradient(circle at right top,#3a537b62,transparent 49%),#1b2a45;border-color:#3e5173}
  body:has(.resume-title) .headline h1{color:#eff4ff;font-family:Inter,"Segoe UI",SevaHindi,sans-serif;font-weight:850}
  body:has(.resume-title) .headline p{color:#a8bdd8}
  body:has(.resume-title) .headline-actions .btn{background:#2e405e;border:1px solid #4e6486;color:#e6efff}
  body:has(.resume-title) .headline-actions .btn:disabled{opacity:.58}
  body:has(.resume-title) .pane{background:#1b2941;border-color:#3b4d6c}
  body:has(.resume-title) .pane-top h2{color:#e9f2ff;font-family:Inter,"Segoe UI",SevaHindi,sans-serif;font-weight:850}
  body:has(.resume-title) .pane-top small{color:#b1c1df}
  body:has(.resume-title) .editor-scroll{background:#1b2940}
  body:has(.resume-title) .section{background:#223149;border-color:#435675}
  body:has(.resume-title) .section-head,.body:has(.resume-title) .field-row{border-color:#455875}
  body:has(.resume-title) .section-index{background:#3e507d;color:#d6e3ff}
  body:has(.resume-title) .section-name,body:has(.resume-title) .field-row input,body:has(.resume-title) .field-row textarea,
  body:has(.resume-title) .settings-grid select{background:#17253a;border-color:#4e6080;color:#e7eefc}
  body:has(.resume-title) .mini{background:#2a3c56;color:#d9e5fc;border-color:#536786}
  body:has(.resume-title) .mini.green,body:has(.resume-title) .btn.green{background:#8395ff;color:#111d35;border-color:#a1adff}
  body:has(.resume-title) .photo-upload,body:has(.resume-title) .addblock{background:#29415b;border-color:#567a8a;color:#c2e8e3}
  body:has(.resume-title) .style-block{background:#22334c;border-color:#435774}
  body:has(.resume-title) .block-title,body:has(.resume-title) .settings-grid label{color:#cad9ed}
  body:has(.resume-title) .preview-actions,body:has(.resume-title) .footnote{background:#20304a;border-color:#3e506e;color:#a2b5d1}
  body:has(.resume-title) .preview-actions #zoomValue{color:#e4edff}
  body:has(.resume-title) .footnote.error{color:#ff9ba6}
  body:has(.resume-title) .paper,body:has(.resume-title) .paper *{color-scheme:light}

  /* Professional Letter Maker: dark editor and bars, white A4 document. */
  body:has(.paper-outer) .left{background:#162239;border-color:#33435f}
  body:has(.paper-outer) .right{background:#142038}
  body:has(.paper-outer) .left h1{color:#ecf3ff}
  body:has(.paper-outer) .left .muted{color:#99abc7}
  body:has(.paper-outer) .count{background:#344878;color:#d5e1ff}
  body:has(.paper-outer) .panel{background:#1e2d45;border-color:#3b4d6b}
  body:has(.paper-outer) .panel-title,body:has(.paper-outer) .left label{color:#d9e5f8}
  body:has(.paper-outer) .control,body:has(.paper-outer) .mini-select{background:#14233b;border-color:#445a7d;color:#eaf1ff}
  body:has(.paper-outer) .control:focus{background:#192b47}
  body:has(.paper-outer) .pill{background:#283b59;border-color:#495f82;color:#bbcae5}
  body:has(.paper-outer) .pill.active{background:#455b96;color:#f5f7ff}
  body:has(.paper-outer) .helper{background:#234352;border-color:#386f75;color:#c0e7e2}
  body:has(.paper-outer) .mini-link{color:#9faeff}
  body:has(.paper-outer) .previewbar,body:has(.paper-outer) .formatbar,body:has(.paper-outer) .fitbar,
  body:has(.paper-outer) .modal-body,body:has(.paper-outer) .modal-foot{
    background:#1b2941;border-color:#3d4d69;color:#dbe6f7;
  }
  body:has(.paper-outer) .previewtitle strong{color:#ecf3ff}
  body:has(.paper-outer) .previewtitle small,body:has(.paper-outer) .tinylabel{color:#a3b4cc}
  body:has(.paper-outer) .formatbar .separator{background:#465773}
  body:has(.paper-outer) .btn{background:#2c3e5c;border-color:#536888;color:#e4edfd}
  body:has(.paper-outer) .btn.primary,body:has(.paper-outer) .btn.green{background:#8295ff;border-color:#a5b2ff;color:#101c34}
  body:has(.paper-outer) .btn.dark{background:#344967;border-color:#617593;color:#f0f5ff}
  body:has(.paper-outer) .sheet-area{background:repeating-conic-gradient(#203047 0 25%,#142137 0 50%) 0 0/22px 22px}
  body:has(.paper-outer) dialog{background:#1b2941;color:#e9efff}
  body:has(.paper-outer) .draft-row{border-color:#455675}
  body:has(.paper-outer) .mobile-switch,body:has(.paper-outer) .mobile-switch button{background:#1a2942;color:#afc0dc;border-color:#445572}
  body:has(.paper-outer) .mobile-switch button.active{color:#aebdff;background:#30456c;border-color:#91a1ff}

  /* Bank letters: preserve the editable white letter and darken all controls. */
  body:has(#customBankBox)>header,body:has(#customBankBox)>.intro{background:linear-gradient(110deg,#162644,#243b67)}
  body:has(#customBankBox) .panel h2{background:#293c60;color:#e9f1ff}
  body:has(#customBankBox) .actions,body:has(#customBankBox) .stylebar{background:#20304a;border-color:#3c4e6a;color:#cddaf0}
  body:has(#customBankBox) .stylebar label,body:has(#customBankBox) .fields label{color:#c3d1e7}
  body:has(#customBankBox) .fields input,body:has(#customBankBox) .fields textarea,
  body:has(#customBankBox) .fields select,body:has(#customBankBox) .stylebar select{background:#15243b;border-color:#435776;color:#e8efff}
  body:has(#customBankBox) .switch{background:#273956}
  body:has(#customBankBox) .switch button{color:#a9b9d1}
  body:has(#customBankBox) .switch button[aria-pressed=true]{background:#7086ee;color:#fff}
  body:has(#customBankBox) .group{color:#a7b9ff}
  body:has(#customBankBox) .btn{background:#2f4260;border-color:#526887;color:#e7eeff}
  body:has(#customBankBox) .btn.primary,body:has(#customBankBox) .btn.green{background:#8295ff;border-color:#a6b3ff;color:#101c35}
  body:has(#customBankBox) .previewbox{background:repeating-conic-gradient(#203047 0 25%,#142137 0 50%) 0 0/22px 22px}

  /* Self Declaration: font settings are generated dynamically with inline styling. */
  body:has(.formtype) .pad{background:#1b2940}
  body:has(.formtype) .panel{background:#1b2940}
  body:has(.formtype) .muted{color:#a8bbd5}
  body:has(.formtype) .type{background:#253753;border-color:#4b6082;color:#d2dff4}
  body:has(.formtype) .type.active{background:#455f9a;border-color:#92a4ef;color:#fff}
  body:has(.formtype) .pad label{color:#cbd9ed}
  body:has(.formtype) .pad input,body:has(.formtype) .pad select{background:#14233b;border-color:#445979;color:#e7efff}
  body:has(.formtype) .pad>div:has(#fontFamily){background:#263852!important;border-color:#526582!important;color:#d5e1f5}
  body:has(.formtype) .pad>div:has(#fontFamily)>div:last-child{color:#aabdd8!important}
  body:has(.formtype) .tools button,body:has(.formtype) .btn{background:#2b3d59;border-color:#53688a;color:#dfeaff}
  body:has(.formtype) .btn.primary,body:has(.formtype) .btn.success{background:#8496ff;color:#101c35}
  body:has(.formtype) .warning{background:#463c32;color:#f4d8a3;border:1px solid #725c3d}
  body:has(.formtype) .notice{background:#1b2940;color:#a8bdd9;border-color:#435674}
  body:has(.formtype) .previewTop{background:#1b2940;border-color:#465978}
  body:has(.formtype) .previewTop strong{color:#e8f0ff}

  /* Government Exam Photo & Signature: compact dark controls, accurate image previews. */
  body:has(#scopeBar) .intro h1 em{color:#7bd3c7}
  body:has(#scopeBar) .preset-panel,body:has(#scopeBar) .tool-card,body:has(#scopeBar) .export-bar{background:#1b2941;border-color:#405273;color:#e9efff}
  body:has(#scopeBar) .preset-body,body:has(#scopeBar) .tool-body{background:#1c2a42}
  body:has(#scopeBar) .panel-title{background:linear-gradient(105deg,#293d66,#3b5185)}
  body:has(#scopeBar) .preset-search label,body:has(#scopeBar) .controls label,body:has(#scopeBar) .save-grid label{color:#c0d0e8}
  body:has(#scopeBar) .preset-search input,body:has(#scopeBar) .preset-search select,
  body:has(#scopeBar) .controls input:not([type=checkbox]),body:has(#scopeBar) .controls select,
  body:has(#scopeBar) .exact-targets input,body:has(#scopeBar) .save-grid input,body:has(#scopeBar) .save-grid select{
    background:#14243c;color:#eaf2ff;border-color:#4a5e7d;
  }
  body:has(#scopeBar) .scope-bar button,body:has(#scopeBar) .quick button,
  body:has(#scopeBar) .secondary{background:#2a3b56;border-color:#4d6181;color:#d9e7fb}
  body:has(#scopeBar) .scope-bar button.active,body:has(#scopeBar) .quick button.active{background:#8295ff;border-color:#a1b0ff;color:#101c35}
  body:has(#scopeBar) .spec-summary div,body:has(#scopeBar) .exact-targets,
  body:has(#scopeBar) .quality-note,body:has(#scopeBar) .sign-trim,
  body:has(#scopeBar) .result-line,body:has(#scopeBar) .advanced-control,
  body:has(#scopeBar) details,body:has(#scopeBar) .trust-badge{
    background:#273955;border-color:#445d7a;color:#c8d9ef;
  }
  body:has(#scopeBar) .exact-targets label{color:#c3e4e4}
  body:has(#scopeBar) .drop,body:has(#scopeBar) .tool-card[data-kind=sign] .drop{background:#263751;border-color:#7181a4}
  body:has(#scopeBar) .drop strong,body:has(#scopeBar) .drop small{color:#c5d3e9}
  body:has(#scopeBar) .preview,body:has(#scopeBar) .sign-preview{background:repeating-conic-gradient(#253650 0 25%,#1a2a41 0 50%) 0 0/20px 20px;border-color:#455a78}
  body:has(#scopeBar) .result-line.error,body:has(#scopeBar) .result-line.quality-low{background:#4c3b38;color:#ffcc9f}
  body:has(#scopeBar) .export-bar strong{color:#eaf2ff}
  body:has(#scopeBar) .export-bar p,body:has(#scopeBar) .disclaimer{color:#aabbd5}
  body:has(#scopeBar) .primary{background:#8596ff;border-color:#a7b4ff;color:#101b35}
  body:has(#scopeBar) .advanced-control summary{background:#293d5d;color:#dce8f8}

  /* Memorial card editor: dark tool chrome; keep the ten printable card themes intact. */
  body:has(.templates-panel) .templates-panel{background:#1b2940;border-color:#3d506e;color:#e7efff}
  body:has(.templates-panel) .section-heading strong{color:#edf3ff}
  body:has(.templates-panel) .section-heading small{color:#a8b8d1}
  body:has(.templates-panel) .section-heading span:first-child{background:#3d3958;color:#cbbdff}
  body:has(.templates-panel) .counter{background:#31435f;border-color:#51647e;color:#b7c9e4}
  body:has(.templates-panel) .template-choice{background:#fdf9f5}
  body:has(.templates-panel) .template-choice.active{background:#f4e9fc;border-color:#8e80ec}
  body:has(.templates-panel) .group{background:#24334d;border-color:#435673}
  body:has(.templates-panel) .group summary{color:#e3ecff;border-color:#435673}
  body:has(.templates-panel) .group-inner{background:#22314a}
  body:has(.templates-panel) .body label,body:has(.templates-panel) .slider-field span{color:#c7d5eb}
  body:has(.templates-panel) .body label input:not([type=checkbox]):not([type=file]),
  body:has(.templates-panel) .body label textarea,body:has(.templates-panel) .body label select,
  body:has(.templates-panel) .exports select{background:#14233b;color:#eaf2ff;border-color:#455c7b}
  body:has(.templates-panel) .body input[type=file]{background:#1b2b45;border-color:#526685;color:#cbd7ed}
  body:has(.templates-panel) .preview-toolbar,body:has(.templates-panel) .exports{background:#1e2e46;color:#c8d6eb}
  body:has(.templates-panel) .exports p,body:has(.templates-panel) .note{color:#a7b8d0}
  body:has(.templates-panel) .card h2,body:has(.templates-panel) .card h3{color:var(--ink)}

  /* Print Hub: dashboard metric tiles and workflow tabs belong to the same dark theme. */
  body:has(.hub-metrics) .hub-metric{background:#243650;border-color:#425879;box-shadow:0 6px 20px #050b2028}
  body:has(.hub-metrics) .hub-metric small{color:#adbed8}
  body:has(.hub-metrics) .hub-metric strong{color:#92e4d9}
  body:has(.hub-metrics) .hub-tabs button{background:#2a3e5b;border-color:#4d6383;color:#d8e4f5}
  body:has(.hub-metrics) .hub-tabs button.active{background:#8295ff;border-color:#aab6ff;color:#101b34}
  body:has(.hub-metrics) .hub-table th{background:#293a55;color:#d2e0f4}
  body:has(.hub-metrics) .hub-table td{color:#cedbef;border-color:#3f506d}
  body:has(.hub-metrics) .hub-queue,body:has(.hub-metrics) .hub-queue-head{background:#1b2c45;border-color:#3e5271;color:#e4eeff}
  body:has(.hub-metrics) .hub-empty{color:#9eb0ca}

  /* PDF Editor: dark annotation toolbar and workspace, white PDF page remains literal. */
  body:has(.pdf-canvas-wrap) .pdf-canvas-wrap{background:repeating-linear-gradient(45deg,#15243a,#15243a 8px,#20304b 8px,#20304b 16px)}
  body:has(.pdf-canvas-wrap) .tool-buttons button{background:#2b3d59;border-color:#506686;color:#e1eaf9}
  body:has(.pdf-canvas-wrap) .tool-buttons button.selected{background:#8295ff;border-color:#aab6ff;color:#101b35}
  body:has(.pdf-canvas-wrap) .pdf-canvas-wrap canvas{background:#fff;color-scheme:light}

  /* Smart Utility mini-app: ensure selects, calculator results and tab labels are legible. */
  body:has(#areaResult) .tabs button{background:#293a56;color:#d2e1f5;border-color:#4b6284}
  body:has(#areaResult) .tabs button.active{background:#8296ff;color:#111b35;border-color:#a9b5ff}
  body:has(#areaResult) .panel{background:#1b2940;border-color:#425474}
  body:has(#areaResult) .panel label{color:#bccbe2}
  body:has(#areaResult) .panel input:not([type=color]),body:has(#areaResult) .panel select,
  body:has(#areaResult) .panel textarea{background:#142239;color:#eaf1ff;border:1px solid #465c7d}
  body:has(#areaResult) .panel input::placeholder,body:has(#areaResult) .panel textarea::placeholder{color:#8294b0}
  body:has(#areaResult) .result{background:#23354f;border-color:#425676;color:#e5edfd}
  body:has(#areaResult) .result .big{color:#a3d9ff}
  body:has(#areaResult) .result .small{color:#acc0db}
  body:has(#areaResult) .result #formula{color:#c8d7ef}
  body:has(#areaResult) .notice{background:#233a51;color:#b6cee0;border-color:#375873}
  body:has(#areaResult) .btn.secondary{background:#304769;color:#dfe9ff;border-color:#577095}
  body:has(#areaResult) .standee{background:#fff;color:#1a2b4d;border-color:var(--accent,#265fd2);color-scheme:light}
  body:has(#areaResult) .standee h2{color:#1a2b4d}
  body:has(#areaResult) .standee .pill{background:#e0f3ed;color:#137459}

  /* PDF Page Organizer navigation strip. */
  body:has(#pages) .toolbar{background:#22334d;border-color:#435775}
  body:has(#pages) .toolbar .btn{background:#2c405f;color:#dce8fb;border-color:#5b7091}
  body:has(#pages) .toolbar .btn.primary{background:#8495ff;color:#101d35;border-color:#a8b6ff}
  body:has(#pages) .toolbar .status{color:#a5e7d8}

  /* Voice Typing: dark dictation controls while the live print-ready sheet stays white. */
  body:has(#listenLabel) .settings-body label span{color:#c1d0e8}
  body:has(#listenLabel) .settings-body select{background:#16253b;border-color:#4b6080;color:#e6edff}
  body:has(#listenLabel) .type-row{background:#283b55;border-color:#49607d;color:#cedbf1}
  body:has(#listenLabel) .type-row button{background:#364a67;border-color:#5c7291;color:#a9e6db}
  body:has(#listenLabel) .type-row strong{color:#d5e1ff}
  body:has(#listenLabel) .recorder{background:radial-gradient(circle at 50% 5%,#244d55,transparent 74%),#243650;border-color:#46627e}
  body:has(#listenLabel) .recorder>strong{color:#d0dff0}
  body:has(#listenLabel) .recorder p{color:#a9bdd2}
  body:has(#listenLabel) .stop,body:has(#listenLabel) .utility{background:#2c415e;color:#dce8f9;border-color:#536b89}
  body:has(#listenLabel) .utility.danger{background:#49343e;color:#ffc6cf}
  body:has(#listenLabel) .privacy{color:#a7b9d0}
  body:has(#listenLabel) .sheet{background:#fff;color:#162a3c;color-scheme:light}

  /* Academic calculator: dates and cutoff controls should be readable on dark panels. */
  body:has(#ageUI) .ac-form input,body:has(#ageUI) .ac-form select{background:#15253d;color:#e8f0ff;border-color:#506486}
  body:has(#ageUI) .ac-form label{color:#bfcfe7}
  body:has(#ageUI) .ac-actions button{background:#2b415e;color:#dfeafb;border-color:#536a8b}
  body:has(#ageUI) .ac-note{background:#254057;color:#bcd4e5;border-color:#3f627b}
  body:has(#ageUI) .ac-note.error{color:#ffc7c5}

  /* IFSC / Post Office finder has an alternate tab selector inside the editor. */
  body:has(.cascade) .studio-card-body>.studio-tabs{border-bottom-color:#6278b4}
  body:has(.cascade) .studio-card-body>.studio-tabs button{color:#b4c6df;background:#253650}
  body:has(.cascade) .studio-card-body>.studio-tabs button.active{color:#102d30;background:#a5e5d5}
  body:has(.cascade) .studio-field>span,body:has(.cascade) .studio-label{color:#bfceea}

  /* Transparent quality audit: dark filter row and readable test caveat. */
  body:has(#gates) .warning{background:#473b2b;border-color:#765e37;color:#f3dbb6}
  body:has(#gates) .warning strong{color:#ffe8c0}
  body:has(#gates) .intro{color:#b9c9df}
  body:has(#gates) .toolbar input,body:has(#gates) .toolbar select{background:#14243b;color:#e5efff;border-color:#4a6080}
  body:has(#gates) .toolbar input::placeholder{color:#91a4c0}
  body:has(#gates) .toolbar .button{background:#2a3e5a;color:#d2e8f5;border-color:#506983}
  body:has(#gates) .gate{background:#273a54;border-color:#425975;color:#deebfa}
  body:has(#gates) .gate .no{color:#9eacc4}
  body:has(#gates) .muted{color:#a0b3ce}
  body:has(#gates) .footer{color:#a7b9d2}

  @media(max-width:760px){
    body:has(.paper-outer) .workspace{display:block}
    body:has(.paper-outer) .previewbar,body:has(.paper-outer) .formatbar{padding:9px 11px}
    body:has(.resume-title) .headline{padding:16px}
    body:has(#scopeBar) .preset-body{padding:11px}
  }

  /* V6 raised 3D pictograms on the dashboard's 65 tools, sidebar and quick access.
     Native vector layers keep the entire UI offline-capable and razor-sharp. */
  body:has(#nav) .badge.premium-badge{width:59px;height:62px;overflow:visible;border:0;border-radius:0;background:transparent!important;color:inherit;display:inline-flex;align-items:center;justify-content:center;filter:drop-shadow(0 5px 5px #0208194b);transform:perspective(180px) rotateY(-6deg) rotateX(4deg);transition:transform .18s,filter .18s}
  body:has(#nav) .badge.premium-badge .raised-glyph{width:59px;height:62px;flex:none;overflow:visible;display:block}
  body:has(#nav) .card:hover .badge.premium-badge{transform:perspective(180px) rotateY(0deg) rotateX(0deg) translateY(-4px) scale(1.04);filter:drop-shadow(0 9px 6px #02081966)}
  body:has(#nav) .premium-badge.c0{--glyph-ink:#3167b9}body:has(#nav) .premium-badge.c1{--glyph-ink:#a72e68}body:has(#nav) .premium-badge.c2{--glyph-ink:#8853b9}
  body:has(#nav) .premium-badge.c3{--glyph-ink:#068d89}body:has(#nav) .premium-badge.c4{--glyph-ink:#c37b26}body:has(#nav) .premium-badge.c5{--glyph-ink:#6d54c7}body:has(#nav) .premium-badge.c6{--glyph-ink:#248764}
  #quick-tools .badge.premium-badge,#quick-tools .badge.premium-badge .raised-glyph{width:39px;height:42px}
  #nav .nav-icon{border:1px solid #ffffff26;border-radius:10px;background:linear-gradient(145deg,#4c6592,#253750 75%,#1a2841);box-shadow:inset 0 1px 1px #ffffff7a,inset 0 -3px 0 #0c14243d,0 4px 0 #0b1323,0 7px 8px #02060f77;transform:perspective(100px) rotateX(5deg)}
  #nav .nav-icon .glyph{filter:drop-shadow(0 1px 1px #0007)}
  #nav button[aria-pressed=true] .nav-icon{transform:perspective(100px) rotateX(0deg) translateY(-1px);box-shadow:inset 0 1px 1px #ffffff7a,inset 0 -3px 0 #172b59a9,0 5px 0 #192c56,0 7px 12px #050c21ad}
  @media(max-width:760px){body:has(#nav) .badge.premium-badge,body:has(#nav) .badge.premium-badge .raised-glyph{width:52px;height:56px}}
}