/* =====================================================================
     DARK BLUE THEME (screen only, lightweight - no fixed bg, no text-clip, small shadows)
     ===================================================================== */
  @media screen{
    :root{
      --oxford-blue:#0b3d91;
      --navy-800:#1250b8;
      --navy-700:#1d63d6;
      --blue-600:#1d63d6;
      --blue-500:#3b82f6;
      --blue-tint:#eaf2ff;
      --paper:#eef4ff;
      --gold:#f5b942;
      --gold-light:#ffe3a3;
      --gold-bg:#fff6dd;
      --ink:#0f1f3d;
      --muted:#5b6b8c;
      --line:#d9e4f7;
      --green:#1f9254;
      --red:#d23b32;
      --shadow-sm:0 1px 4px rgba(20,60,140,0.10);
      --shadow:0 4px 14px rgba(20,60,140,0.12);
      --shadow-lg:0 8px 24px rgba(20,60,140,0.18);
      --serif:'Palatino Linotype',Palatino,'Book Antiqua',Georgia,'Times New Roman',serif;
    }
    html{scroll-behavior:auto;}
    body{background:#eef4ff;}
    ::selection{background:#bfd8ff;color:#0b2a66;}
    .fade-in{animation:none !important;}
    .hero .crest{display:flex;margin:0 auto 20px;}
    .center-box .top .crest{display:flex;margin:0 auto 10px;}

    header.topbar{background:linear-gradient(90deg,#0b3d91,#1d63d6);box-shadow:0 2px 8px rgba(11,61,145,0.25);border-bottom:3px solid var(--gold);}
    .brand-text .name .accent{color:var(--gold-light);}
    .brand-text .sub{color:#cfe0ff;}
    .rightbar .who{background:rgba(255,255,255,0.14);border:1px solid rgba(255,255,255,0.35);color:#fff;}
    button.linkbtn{border:1px solid rgba(255,255,255,0.55);color:#fff;}
    button.linkbtn:hover{background:rgba(255,255,255,0.18);}

    .hero h1{color:#0b3d91;}
    .hero .eyebrow{color:#1d63d6;letter-spacing:3px;}
    .divider-orn .ln{background:linear-gradient(90deg,transparent,#3b82f6);}
    .divider-orn .ln:last-child{background:linear-gradient(90deg,#3b82f6,transparent);}
    .portal-card{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);}
    .portal-card:hover{border-color:#3b82f6;box-shadow:var(--shadow-lg);}
    .portal-card .head,.center-box .top{background:linear-gradient(135deg,#1d63d6,#0b3d91);border-bottom:3px solid var(--gold);}
    .portal-card .head h3,.center-box .top h2{color:#fff;}
    .center-box .top p{color:#d6e5ff;}
    .portal-card .go{color:#1d63d6;}
    .center-box{border:1px solid var(--line);background:#fff;box-shadow:var(--shadow);}

    .sidebar{background:linear-gradient(180deg,#1250b8,#0b3d91);border:0;box-shadow:var(--shadow);}
    .sidebar .side-label{color:var(--gold-light);}
    .sidebar .side-divider{background:rgba(255,255,255,0.18);}
    .sidebar button{color:#e3eeff;}
    .sidebar button:hover{background:rgba(255,255,255,0.12);color:#fff;}
    .sidebar button.active{background:rgba(255,255,255,0.20);color:#fff;border-right-color:var(--gold);box-shadow:none;}

    .card{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm);}
    .card::before{height:3px;background:linear-gradient(90deg,#1d63d6,#60a5fa);}
    .card h2{color:#0b3d91;}
    .card h3{color:#1250b8;}

    .btn{background:#1d63d6;color:#fff;border:1px solid #1553b8;box-shadow:0 1px 3px rgba(20,60,140,0.25);}
    .btn:hover{background:#2a72ea;box-shadow:0 3px 8px rgba(20,60,140,0.3);}
    .btn.gold{background:#f5b942;color:#3d2a00;border:1px solid #d99a1c;text-shadow:none;box-shadow:0 1px 3px rgba(150,100,0,0.3);}
    .btn.gold:hover{background:#ffc85a;}
    .btn.secondary{background:#fff;color:#1250b8;border:1.5px solid #b9d0f5;box-shadow:none;}
    .btn.secondary:hover{background:var(--blue-tint);border-color:#3b82f6;}
    .btn.danger{background:#d23b32;color:#fff;border:1px solid #b02a22;}

    .field label{color:#1b2f57;}
    .field input,.field select,.field textarea,textarea,select,input[type=date],input[type=month],input[type=time]{border-color:#c8d9f3;}
    .field input:focus,.field select:focus,.field textarea:focus,textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,0.2);}

    .stat{background:linear-gradient(135deg,#2f7bf0,#0b3d91);border:0;box-shadow:var(--shadow);}
    .stat::before,.stat::after{display:none;}
    .stat .num{color:#fff;}
    .stat[style*="#1d4ed8"],.stat[style*="#2456a3"]{background:linear-gradient(135deg,#2f7bf0,#0b3d91) !important;}
    .stat[style*="#1e7a44"]{background:linear-gradient(135deg,#2bb673,#14714a) !important;}
    .stat[style*="#b3261e"]{background:linear-gradient(135deg,#ee5a50,#b02a22) !important;}
    .stat[style*="#a5670f"]{background:linear-gradient(135deg,#f5a623,#c27a0a) !important;}

    table{border:1px solid var(--line);}
    th{background:#1250b8;color:#fff;border-bottom:2px solid var(--gold);}
    td{border-bottom:1px solid #e6eefb;}
    tbody tr:nth-child(even) td{background:#f5f9ff;}
    tbody tr:hover td{background:#e6f0ff;}
    tfoot td{background:#dce9ff !important;}
    .tag-class{background:#e1ecff;color:#1250b8;border:1px solid #bcd3f8;}
    .list-item{border-bottom-color:#e3ecfa;}
    .empty{background:#f3f8ff;border:1px dashed #b9d0f5;color:#5b6b8c;}
    .subtab-btn{border-color:#b9d0f5;}
    .subtab-btn.active{background:#1d63d6;color:#fff;border-color:#1d63d6;}
    .toast{background:#0b3d91;color:#fff;border:1px solid var(--gold);}
    footer.foot{color:#6f82a8;}
    .print-toolbar{background:#0b3d91;border-bottom:3px solid var(--gold);color:#fff;}
    .storage-warning{border-color:var(--gold);}
    .portal-card,.card,.btn,.sidebar button{transition:none;}
    .portal-card:hover,.btn:hover{transform:none;}
    /* dark blue full-screen overrides */
    body{background:#0a2a6b;}
    header.topbar{background:linear-gradient(90deg,#061a45,#0b2f78);border-bottom:3px solid var(--gold);}
    .hero h1{color:#fff;}
    .hero .eyebrow{color:var(--gold-light);}
    .hero p.tag{color:#cfe0ff;}
    footer.foot{color:#9db6e6;}
    .sidebar{background:linear-gradient(180deg,#0d2f78,#061a45);border:1px solid rgba(255,255,255,0.12);}
    .sidebar button.active{background:rgba(255,255,255,0.16);}
    .card,.portal-card,.center-box{border:0;box-shadow:0 2px 8px rgba(0,0,0,0.28);}
    .card h2{color:#0a2a6b;}
    /* one colour for every stat tile */
    .stat,.stat[style*="#1d4ed8"],.stat[style*="#2456a3"],.stat[style*="#1e7a44"],.stat[style*="#b3261e"],.stat[style*="#a5670f"]{background:linear-gradient(135deg,#2f7bf0,#0b3d91) !important;}
  }