/* India theme: saffron / white / green on navy */
:root{--bg:#06142f;--purple:#ff9933;--cyan:#138808;--saf:#ff9933;--grn:#19a30d;--green:#3fd35a}
body::before{content:"";position:fixed;top:0;left:0;right:0;height:5px;z-index:20;background:linear-gradient(90deg,#ff9933 33%,#fff 33% 66%,#138808 66%)}
body{background:radial-gradient(ellipse at 10% 0%,#13307a 0,transparent 45%),radial-gradient(ellipse at 95% 80%,#0b3d1f 0,transparent 40%),var(--bg)}
.a1{background:#ff9933}.a2{background:#138808}
.brand-mark{background:conic-gradient(#ff9933 0 33%,#fff 0 66%,#138808 0);color:#0b2a6b;border:3px solid #123f94}
.hero h1 span{background:linear-gradient(90deg,#ff9933,#fff 50%,#3fd35a);background-clip:text;-webkit-background-clip:text;color:transparent}
.btn-primary{background:linear-gradient(100deg,#ff9933,#f27f0c);color:#1a1200;box-shadow:0 6px 20px #ff993340}
.btn-secondary{background:#0f2a5c;border-color:#2c4f9a}
.stat-icon.purple,.purple{background:#ff993322;color:#ffb866}.record-item.active{border-color:#ff9933;background:#2a2314;box-shadow:inset 3px 0 #ff9933}
input:focus,select:focus,textarea:focus{border-color:#ff9933!important;box-shadow:0 0 0 3px #ff99331f}
.login-panel{border-top:4px solid #ff9933;background:linear-gradient(145deg,#0f2552,#0a1a3b)}
.auth-layout .hero{background:linear-gradient(160deg,#071a45,#123f94);border-radius:22px;padding:38px;border:1px solid #2c4f9a}
.chips{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.chip{flex:1 1 150px;background:#ffffff14;border:1px solid #ffffff2e;border-radius:12px;padding:11px 13px}
.chip b,.chip small{display:block}.chip b{font-size:12px}.chip small{color:#c6d3f2;font-size:11px;margin-top:4px}
.biz{border-top:1px solid #ffffff30;margin-top:8px;padding-top:14px;font-size:13px;line-height:1.6;color:#d7e1fa}.biz h3{margin:0 0 8px;color:#ff9933;font:700 16px Manrope}.biz p{margin:4px 0}.biz b{color:#fff}
.field .cmp{display:block;font-size:11px;margin-top:5px;color:#8fa2c8;min-height:14px}
.field.cmp-ok input,.field.cmp-ok textarea{border-color:#3fd35a}.field.cmp-ok .cmp{color:#3fd35a}
.field.cmp-bad input,.field.cmp-bad textarea{border-color:#ff6b6b}.field.cmp-bad .cmp{color:#ff8b9b}
.ov{position:fixed;inset:0;background:#030a1ccc;display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}
.vmodal{background:#0f2552;border:1px solid #2c4f9a;border-top:5px solid #138808;border-radius:18px;padding:26px;max-width:430px;width:100%}
.vmodal h3{margin:0 0 6px;font:700 20px Manrope}.vmodal p{color:#a5b2ce;font-size:13px;line-height:1.5}
.cap{display:flex;align-items:center;gap:12px;border:1px solid #2c4f9a;background:#0a1a3b;border-radius:10px;padding:14px;margin:14px 0}.cap input{width:22px;height:22px;accent-color:#138808}.cap small{margin-left:auto;color:#8fa2c8}
.ring{width:92px;height:92px;border-radius:50%;margin:10px auto;display:grid;place-items:center;background:conic-gradient(#138808 calc(var(--p)*1%),#26324f 0)}
.ring span{width:72px;height:72px;border-radius:50%;background:#0f2552;display:grid;place-items:center;font:800 26px Manrope}
#vMsg{text-align:center}

/* Source-first, high-contrast India-inspired workspace */
.source-box{background:linear-gradient(135deg,#fff8ec,#f0fff4);border:2px solid #ff9933;color:#17315b;box-shadow:0 8px 24px #0a2d5c12}
.source-title{color:#123c78;font-size:11px;font-weight:900;letter-spacing:1.1px}.source-title span{color:#138808;font-weight:900}
.source-field{background:linear-gradient(135deg,#fff,#f4fbf5);border:1px solid #d6e8d9;border-left:4px solid #138808;border-radius:10px;padding:10px 12px}
.source-field small{color:#50627c;font-weight:800;text-transform:capitalize;font-size:11px}.source-field div{color:#172f52;font-weight:700;font-size:13px}
.source-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.task-expiry{margin:8px 0 0!important;font-weight:800;color:#d97706!important;font-size:12px!important}
.field label{font-weight:800;color:#263b5d!important}.field input,.field textarea{font-weight:600}
.final-capture{text-align:center;background:#fff;color:#1c2943;border-top:5px solid #138808;box-shadow:0 22px 80px #0b1d3b2e}.final-capture h3{font-size:25px;color:#14233e}.final-capture p{color:#68758a}.final-capture .cap{background:#f8fafc;color:#34445c;border-color:#e1e7ef;text-align:left}.final-capture .cap span{font-weight:700}.final-capture .form-actions{border-color:#e6ebf2}.final-capture .btn-primary{background:#0b285c;color:#fff}.final-capture .review-icon{margin:0 auto 12px;width:56px;height:56px;border-radius:50%;font-size:30px}
@media(max-width:650px){.source-fields{grid-template-columns:1fr}.source-field div{font-size:13px}.source-field{padding:11px}}
/* Keep the complete source record in a clear top section, then the manual form below it. */
.entry-split{display:grid!important;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;gap:16px!important;align-items:start!important;overflow:visible!important}
.entry-split>.source-box,.entry-split #entryForm{width:auto;max-height:none!important;min-height:0;overflow:visible!important;min-width:0}
.entry-split>.source-box{order:0;margin-bottom:0!important}
.entry-split #entryForm{order:1}
.entry-split .source-fields{grid-template-columns:1fr!important}
@media(max-width:650px){.entry-split{grid-template-columns:minmax(190px,.9fr) minmax(250px,1.1fr)!important;overflow-x:auto!important;padding-bottom:8px}.entry-split .source-fields{grid-template-columns:1fr!important}.entry-split .form-grid{grid-template-columns:1fr!important}.entry-split .field.full-width{grid-column:auto!important}.entry-split .form-actions{flex-direction:column}.entry-split .form-actions .btn{width:100%}}

/* Clean manual-entry flow: no source comparison hints or visible expiry clock. */
.field .cmp,.field.cmp-ok,.field.cmp-bad{display:none!important}
.task-expiry{display:none!important}
#formSubtitle:empty{display:none}
#entryMessage:empty{display:none}
.processing-modal{max-width:460px;min-height:390px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}
.processing-mark{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ff9933 0 33%,#fff 33% 66%,#138808 66%);box-shadow:0 0 0 8px #13880812;font-size:30px;animation:flagPulse 1.6s ease-in-out infinite}
@keyframes flagPulse{50%{transform:scale(1.07);box-shadow:0 0 0 15px #1388080a}}
.mini-game{width:100%;max-width:320px;background:#f4f8ff;border:1px solid #dce5f2;border-radius:16px;padding:12px;color:#17315b}
.game-track{height:105px;position:relative;overflow:hidden;border-radius:12px;background:linear-gradient(135deg,#fff8ec,#fff 48%,#effcf2)}
.game-orbit{position:absolute;inset:15px 25%;border:2px dashed #ff993388;border-radius:50%;animation:orbitSpin 5s linear infinite}
#gameTarget{position:absolute;left:45%;top:35%;width:38px;height:38px;border:0;border-radius:50%;background:linear-gradient(135deg,#ff9933,#138808);color:#fff;font-size:22px;font-weight:900;box-shadow:0 4px 12px #0c512b35;cursor:pointer;transition:left .2s,top .2s}
.game-caption{display:flex;justify-content:space-between;padding:8px 3px 0;font-size:12px;font-weight:700;color:#30435f}
.game-caption b{color:#138808}
@keyframes orbitSpin{to{transform:rotate(360deg)}}
#vFinal.hidden{display:none!important}

/* Workspace task menu and left-source/right-entry layout */
.workspace-tools{display:flex;align-items:center;gap:10px;position:relative}
.task-menu-btn{width:44px;height:44px;min-height:44px;padding:0;font-size:27px;line-height:1;border-radius:12px;color:#fff;border-color:#ff9933;background:#10234a}
.records-panel{grid-column:1/-1;max-width:520px;width:100%;justify-self:end;margin-bottom:0;z-index:5}
.work-layout{grid-template-columns:minmax(0,1fr)!important}
.entry-panel{width:100%;min-width:0}
.entry-split{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important}
.entry-split>.source-box{grid-column:1;grid-row:1}
.entry-split #entryForm{grid-column:2;grid-row:1}
@media(max-width:650px){.workspace-tools{width:100%;justify-content:space-between}.welcome-line{align-items:stretch!important}.welcome-line>.workspace-tools .user-chip{width:auto;flex:1}.records-panel{max-width:100%}.entry-split{grid-template-columns:minmax(190px,.9fr) minmax(250px,1.1fr)!important;overflow-x:auto!important}.entry-split>.source-box,.entry-split #entryForm{max-height:none!important;overflow:visible!important}}

/* v11: compact current-task drawer that spans the available page width */
.records-panel{max-width:none!important;width:100%!important;min-height:0!important;padding:13px 18px!important;justify-self:stretch!important;border-radius:16px!important}
.records-panel .section-head{align-items:center!important;margin-bottom:8px!important}
.records-panel .section-head h2{margin:4px 0!important;font-size:17px!important}
.records-panel .record-list{margin-top:8px!important;gap:6px!important}
.records-panel .record-item{padding:9px 12px!important;border-radius:9px!important}
.records-panel .record-item p{margin-top:4px!important}
.records-panel .record-list>.empty{margin:4px 0!important}
@media(max-width:650px){.records-panel{padding:11px!important}.records-panel .section-head h2{font-size:16px!important}}
/* Evidence-first admin activity audit */
.activity-filter{max-width:320px;min-width:220px;margin:0 0 12px auto}
.activity-item{display:block!important;border:1px solid #263b5d!important;overflow-wrap:anywhere}
.activity-item .activity-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.activity-item .activity-who{color:#ffbd68;font-weight:800}
.activity-item .activity-details{display:block;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:8px;padding:9px;background:#07142a;border-radius:7px;color:#c7d5ee;font:11px/1.5 ui-monospace,monospace}
@media(max-width:650px){.activity-filter{max-width:none;width:100%;margin:0 0 12px}}

/* Security notification overlays */
.security-overlay{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at center,#5b1019 0,#17050a 55%,#05060b 100%);color:#fff;overflow:auto}.security-card{width:min(720px,100%);text-align:center;padding:clamp(24px,5vw,54px);border:2px solid #ff334d;border-radius:24px;background:linear-gradient(145deg,#25101a,#0b0c14);box-shadow:0 0 0 8px #ff334d18,0 0 70px #ff203a35}.security-symbol{font-size:clamp(48px,8vw,88px);line-height:1;margin-bottom:18px;color:#ff455c;text-shadow:0 0 25px #ff1e3c}.security-eyebrow{font-size:11px;letter-spacing:3px;font-weight:900;color:#ff9da9}.security-card h1{font-size:clamp(25px,4vw,42px);line-height:1.1;margin:12px 0 20px;font-weight:900;color:#fff}.security-card p{line-height:1.7;color:#f4dce0}.security-delay{padding:12px;border-radius:10px;background:#ff334d1c;border:1px solid #ff334d66;font-weight:800}.blocked-contact{margin-top:25px;padding-top:18px;border-top:1px solid #ff334d55;font-weight:700}.security-card .btn{max-width:300px;margin:18px auto 0}.security-overlay.hidden{display:none!important}


/* Reference dashboard layout: visible current-task strip above the split data-entry workspace. */
@media (min-width: 651px) {
  body[data-portal="employee"] .wrap { max-width: 1600px; padding-top: 24px; }
  body[data-portal="employee"] .welcome-line { margin-bottom: 12px; align-items: center; }
  body[data-portal="employee"] .welcome-line h1 { font-size: 28px; margin: 7px 0 4px; }
  body[data-portal="employee"] .welcome-line p { font-size: 12px; }
  body[data-portal="employee"] .workspace-tools { gap: 10px; }
  body[data-portal="employee"] .stats-grid { gap: 12px; margin-bottom: 12px; }
  body[data-portal="employee"] .stat-card { padding: 12px 16px; border-radius: 12px; }
  body[data-portal="employee"] .work-layout { display: grid; grid-template-columns: minmax(0,1fr) !important; gap: 14px; }
  body[data-portal="employee"] .records-panel { order: 0; margin: 0; padding: 12px 14px !important; }
  body[data-portal="employee"] .entry-panel { order: 1; padding: 16px; }
  body[data-portal="employee"] .entry-panel > .section-head { margin-bottom: 14px; }
  body[data-portal="employee"] .entry-split { grid-template-columns: minmax(0,.92fr) minmax(0,1.08fr) !important; gap: 14px !important; }
  body[data-portal="employee"] .entry-split > .source-box,
  body[data-portal="employee"] .entry-split #entryForm { max-height: calc(100vh - 300px); overflow-y: auto !important; }
}
@media (max-width: 650px) {
  body[data-portal="employee"] .work-layout { display: grid; grid-template-columns: minmax(0,1fr) !important; }
  body[data-portal="employee"] .records-panel { order: 0; }
  body[data-portal="employee"] .entry-panel { order: 1; }
  body[data-portal="employee"] .entry-split { grid-template-columns: minmax(245px,.92fr) minmax(270px,1.08fr) !important; }
}


/* Requested-only adjustment: compact task panel height and use full employee page width. */
body[data-portal="employee"] .wrap {
  max-width: none !important;
  width: 100% !important;
}
body[data-portal="employee"] .records-panel {
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  align-self: start !important;
  padding: 8px 16px !important;
}
body[data-portal="employee"] .records-panel .section-head {
  margin-bottom: 5px !important;
}
body[data-portal="employee"] .records-panel .record-list {
  margin-top: 5px !important;
  gap: 5px !important;
}
body[data-portal="employee"] .records-panel .record-item {
  padding: 7px 10px !important;
}
body[data-portal="employee"] .records-panel .record-item p {
  margin-top: 3px !important;
}

/* ===== Responsive + lightweight pass (employee page only) ===== */
body[data-portal="employee"]{overflow-x:hidden}
body[data-portal="employee"] .wrap{padding:16px clamp(12px,2.2vw,28px) 24px!important}

/* Your task: one slim, full-width strip (title | task | refresh) */
body[data-portal="employee"] .records-panel{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"t l r";align-items:center;column-gap:16px;row-gap:6px;padding:8px 14px!important;border-radius:14px!important}
body[data-portal="employee"] .records-panel .section-head{display:contents!important}
body[data-portal="employee"] .records-panel .section-head>div{grid-area:t}
body[data-portal="employee"] .records-panel .section-head .mini-label{display:none}
body[data-portal="employee"] .records-panel .section-head h2{margin:0!important;font-size:15px!important;white-space:nowrap}
body[data-portal="employee"] .records-panel #refreshBtn{grid-area:r;min-height:34px;padding:6px 12px}
body[data-portal="employee"] .records-panel .record-list{grid-area:l;display:flex!important;flex-wrap:wrap;align-items:center;gap:6px 14px!important;margin:0!important;min-width:0}
body[data-portal="employee"] .records-panel .record-item{flex:1 1 280px;width:auto;min-width:0;display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;padding:6px 12px!important}
body[data-portal="employee"] .records-panel .record-item-top{gap:10px}
body[data-portal="employee"] .records-panel .record-item p{margin:0!important;font-size:11px;overflow-wrap:anywhere}
body[data-portal="employee"] .records-panel .record-list>.empty{flex:0 1 auto;margin:0!important;font-size:11px;line-height:1.4}

/* Entry area: stacked on phone/tablet, side-by-side on desktop */
body[data-portal="employee"] .entry-panel{min-height:0;padding:14px}
body[data-portal="employee"] .entry-split{grid-template-columns:minmax(0,1fr)!important;gap:12px!important;overflow:visible!important;padding-bottom:0!important}
body[data-portal="employee"] .entry-split>.source-box,
body[data-portal="employee"] .entry-split #entryForm{grid-column:1!important;grid-row:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important;width:100%}
body[data-portal="employee"] .entry-split>.source-box{padding:12px}
body[data-portal="employee"] .entry-split .source-fields{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;gap:8px}
body[data-portal="employee"] .entry-split .source-field{padding:8px 10px}
body[data-portal="employee"] .entry-split .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
body[data-portal="employee"] .entry-split .field.full-width{grid-column:1/-1!important}
body[data-portal="employee"] .entry-split .form-actions{flex-direction:row;flex-wrap:wrap}
body[data-portal="employee"] .entry-split .form-actions .btn{width:auto;flex:1 1 160px}

@media(min-width:1024px){
  body[data-portal="employee"] .entry-split{grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr)!important;align-items:start!important}
  body[data-portal="employee"] .entry-split>.source-box{grid-column:1!important;grid-row:1!important;max-height:calc(100vh - 230px)!important;overflow-y:auto!important}
  body[data-portal="employee"] .entry-split #entryForm{grid-column:2!important;grid-row:1!important;max-height:calc(100vh - 230px)!important;overflow-y:auto!important}
  body[data-portal="employee"] .entry-split .source-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(max-width:650px){
  body[data-portal="employee"] .topbar{height:56px}
  body[data-portal="employee"] .stats-grid{gap:6px;margin-bottom:10px}
  body[data-portal="employee"] .stat-card{padding:9px 10px}
  body[data-portal="employee"] .stat-icon{display:none}
  body[data-portal="employee"] .stat-card strong{font-size:20px}
  body[data-portal="employee"] .welcome-line{gap:10px;margin-bottom:10px}
  body[data-portal="employee"] .welcome-line h1{font-size:22px;margin:6px 0 2px}
  body[data-portal="employee"] .records-panel{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"t r" "l l";padding:8px 12px!important}
  body[data-portal="employee"] .records-panel .record-item{flex-basis:100%}
  body[data-portal="employee"] .entry-panel{padding:10px}
  body[data-portal="employee"] .entry-split .form-grid{grid-template-columns:1fr!important}
  body[data-portal="employee"] .entry-split #entryForm{padding:12px}
  body[data-portal="employee"] .entry-split .form-actions .btn{flex-basis:100%}
  body[data-portal="employee"] .entry-split input:not([type=checkbox]),
  body[data-portal="employee"] .entry-split textarea,
  body[data-portal="employee"] .entry-split select{font-size:16px}
  body[data-portal="employee"] .submit-bar{margin:12px -12px -12px;padding:4px 12px 12px}
  /* lighter rendering on phones */
  .ambient{display:none}
  .topbar,.panel{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .panel{box-shadow:none}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}