:root{--nav:#0b2f55;--nav2:#123e6d;--bg:#f3f6f9;--text:#19324a;--muted:#6c7f91;--line:#dce5ed;--good:#137a53;--warn:#a76800;--bad:#b23b3b}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}.app{display:flex;min-height:100vh}.side{width:245px;background:linear-gradient(180deg,var(--nav),#082744);color:#fff;padding:24px 16px;position:fixed;inset:0 auto 0 0}.brand{font-size:22px;font-weight:800;margin:0 8px 25px}.brand small{display:block;font-size:10px;letter-spacing:1.2px;opacity:.7;margin-top:4px}.nav a{display:block;padding:11px 13px;border-radius:9px;margin:4px 0;color:#dbe8f4;font-size:14px}.nav a:hover,.nav a.active{background:#ffffff18;color:white}.main{margin-left:245px;width:calc(100% - 245px)}.top{height:68px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px}.content{padding:28px}.title{font-size:25px;margin:0 0 5px}.sub{color:var(--muted);font-size:13px}.grid{display:grid;gap:16px}.g4{grid-template-columns:repeat(4,1fr)}.g2{grid-template-columns:repeat(2,1fr)}.card{background:white;border:1px solid var(--line);border-radius:13px;padding:18px;box-shadow:0 2px 8px #18324a0b}.kpi .v{font-size:27px;font-weight:800;margin-top:8px}.kpi .l{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px}.good{color:var(--good)}.bad{color:var(--bad)}.warn{color:var(--warn)}table{width:100%;border-collapse:collapse;background:white}th,td{padding:10px 9px;border-bottom:1px solid var(--line);font-size:13px;text-align:left}th{background:#eef4f8;font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:#4d6578}.tablewrap{overflow:auto;border:1px solid var(--line);border-radius:10px}.btn{display:inline-block;background:var(--nav2);color:white;border:0;border-radius:8px;padding:9px 13px;font-weight:700;font-size:13px;cursor:pointer}.btn.alt{background:white;color:var(--nav2);border:1px solid #aabccb}.btn.good{background:var(--good);color:white}.btn.bad{background:var(--bad);color:white}.row{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.field{margin-bottom:13px}.field label{display:block;font-size:12px;font-weight:700;margin-bottom:5px;color:#536a7d}input,select,textarea{width:100%;padding:9px 10px;border:1px solid #c9d5df;border-radius:8px;background:white;font:inherit}.field.w2{width:220px}.field.w3{width:320px}.tabs{display:flex;gap:7px;margin:18px 0;flex-wrap:wrap}.tabs a{padding:8px 12px;border-radius:18px;background:#e5edf3;font-size:12px;font-weight:700}.tabs a.active{background:var(--nav);color:white}.pill{font-size:11px;padding:3px 7px;border-radius:12px;background:#e7eef4}.pill.green{background:#dff3ea;color:#176b4e}.pill.red{background:#f8dddd;color:#983737}.progress{height:8px;background:#e4ebf0;border-radius:9px;overflow:hidden}.progress i{display:block;height:100%;background:#1f6ea8}.login{max-width:420px;margin:9vh auto;background:white;padding:30px;border-radius:16px;border:1px solid var(--line)}.notice{padding:12px 14px;border-radius:9px;background:#e8f1f8;margin:12px 0;font-size:13px}.danger{background:#fae7e7}.chart{width:100%;height:280px}.muted{color:var(--muted)}@media(max-width:1000px){.side{width:200px}.main{margin-left:200px;width:calc(100% - 200px)}.g4,.g2{grid-template-columns:1fr 1fr}}@media(max-width:700px){.side{display:none}.main{margin:0;width:100%}.g4,.g2{grid-template-columns:1fr}.content{padding:15px}}
@media print{.side,.top,.noprint,.tabs{display:none!important}.main{margin:0;width:100%}.content{padding:0}.card{box-shadow:none;border:0;page-break-inside:avoid}.printbreak{page-break-before:always}body{background:white;color:#000}table{font-size:10px}th,td{padding:5px}}

.versiontag{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:#e7f0f8;color:#0b4777;font-size:11px;font-weight:800;letter-spacing:.7px;border:1px solid #bfd3e3}
.workflow{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:22px 0}.workflow span{background:#edf4f8;border:1px solid #cadbe7;border-radius:9px;padding:10px 14px;font-weight:800;font-size:12px}.monthlygrid input{min-width:88px}.monthlygrid .pgrow{background:#fbfcfd}.checklist{display:grid;gap:10px}.checkrow{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid var(--line);border-radius:10px}.checkrow.ok{background:#f2fbf7}.checkrow.fail{background:#fff4f4}.checkicon{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:900;background:#dce8ef}.checkrow.ok .checkicon{background:#d8f1e5;color:var(--good)}.checkrow.fail .checkicon{background:#f4dada;color:var(--bad)}
.chartcard{min-height:340px}.sectionhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.metricpair{display:flex;gap:18px;flex-wrap:wrap}.metricpair b{font-size:20px}

/* V3.6 Digital IPC form */
.ipc-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.eyebrow{font-size:10px;font-weight:900;letter-spacing:1.4px;color:#668198;margin-bottom:5px}.ipc-step-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:18px 0 22px}.ipc-step-tabs a{background:#fff;border:1px solid var(--line);padding:13px 15px;border-radius:10px;font-size:12px;font-weight:850;text-align:center;color:#60788c}.ipc-step-tabs a.active{background:var(--nav);border-color:var(--nav);color:#fff}.section-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 14px}.section-intro h2{margin:0 0 4px;font-size:21px}.section-intro p{margin:0;color:var(--muted);font-size:13px}.section-count{font-size:11px;font-weight:800;background:#e7eef4;border-radius:20px;padding:6px 10px}.subtabs{display:flex;gap:8px;margin-bottom:13px}.subtabs span{font-size:11px;font-weight:800;padding:6px 10px;background:#eef4f8;border-radius:16px;color:#526d82}.digital-list{display:grid;gap:10px}.digital-item{background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px 16px;display:grid;grid-template-columns:minmax(320px,1.35fr) minmax(520px,1fr);gap:18px;align-items:center;box-shadow:0 1px 4px #18324a08}.digital-item.changed{border-left:4px solid var(--good);background:#fbfffd}.digital-main{display:flex;gap:12px;align-items:flex-start;min-width:0}.item-code{min-width:48px;height:34px;padding:0 8px;border-radius:8px;background:#eaf1f6;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:12px;color:#264e6d}.digital-main b{font-size:13px;line-height:1.4}.mini{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px;color:var(--muted);font-size:11px}.digital-values{display:grid;grid-template-columns:repeat(4,minmax(95px,1fr));gap:10px;align-items:center}.digital-values label,.summary-card label{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.5px;font-weight:800;margin-bottom:5px}.digital-values strong{font-size:13px}.current-box{background:#f3f8fb;border:1px solid #d4e2eb;border-radius:9px;padding:8px 9px}.percent-input{display:flex;align-items:center;gap:5px}.percent-input input{padding:6px 7px;font-weight:850;font-size:14px}.percent-input span{font-weight:850}.form-actions{display:flex;justify-content:space-between;gap:10px;margin-top:18px;padding-top:15px;border-top:1px solid var(--line)}.empty-state{background:#fff;border:1px dashed #c5d4df;border-radius:12px;padding:30px;text-align:center;color:var(--muted)}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.summary-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px}.summary-card strong{font-size:24px}.summary-card:first-child strong{color:var(--good)}
@media(max-width:1200px){.digital-item{grid-template-columns:1fr}.digital-values{grid-template-columns:repeat(4,1fr)}}@media(max-width:800px){.ipc-step-tabs{grid-template-columns:1fr 1fr}.digital-values,.summary-grid{grid-template-columns:1fr 1fr}.section-intro{align-items:flex-start;flex-direction:column}}

/* V3.6.1 polished digital form — forced cache refresh */
.content{max-width:1600px;margin:0 auto;padding:30px 34px 70px}
.ipc-head{background:#fff;border:1px solid #dce6ee;border-radius:16px;padding:20px 22px;box-shadow:0 8px 24px rgba(19,50,74,.05);margin-bottom:18px}
.ipc-head .title{font-size:28px;letter-spacing:-.4px}.ipc-head .sub{font-size:13px;margin-top:6px}.eyebrow{color:#1d678f;font-size:10px}
.ipc-step-tabs{display:flex;gap:10px;margin:0 0 24px;overflow-x:auto;padding:2px 0 4px}
.ipc-step-tabs a{min-width:150px;display:flex!important;align-items:center;justify-content:center;gap:9px;background:#fff;border:1px solid #dbe5ed;padding:12px 15px;border-radius:12px;font-size:12px;font-weight:850;color:#5e7486;box-shadow:0 2px 5px rgba(19,50,74,.03)}
.ipc-step-tabs a .step-no{width:28px;height:28px;border-radius:50%;background:#edf3f7;display:grid;place-items:center;font-size:10px;color:#5f788b}
.ipc-step-tabs a.active{background:#0b2f55;border-color:#0b2f55;color:#fff;box-shadow:0 8px 18px rgba(11,47,85,.18)}
.ipc-step-tabs a.active .step-no{background:#fff;color:#0b2f55}
.section-intro{background:transparent;margin:0 0 14px;padding:0 2px}.section-intro h2{font-size:24px;letter-spacing:-.2px}.section-intro p{font-size:13px;max-width:760px;line-height:1.55}.section-count{background:#fff;border:1px solid #dbe5ed;padding:7px 11px}
.subtabs{display:flex;gap:6px;background:#e9f0f5;padding:5px;border-radius:11px;width:max-content;margin-bottom:12px}.subtabs span{background:transparent;border-radius:8px;padding:8px 13px}.subtabs span.active{background:#fff;color:#0b2f55;box-shadow:0 2px 6px rgba(19,50,74,.08)}
.form-hint{background:#eaf4fb;border:1px solid #cfe3f1;color:#315b75;border-radius:11px;padding:11px 13px;font-size:12px;margin:0 0 14px}
.digital-list{gap:12px}.digital-item{border:1px solid #dbe5ed;border-radius:15px;padding:0;grid-template-columns:minmax(360px,1.15fr) minmax(560px,1fr);overflow:hidden;background:#fff;box-shadow:0 5px 18px rgba(19,50,74,.04)}
.digital-item.changed{border:1px solid #a8d9c5;box-shadow:0 5px 18px rgba(19,122,83,.07);background:#fff}
.digital-main{padding:18px 20px;min-height:112px;align-items:flex-start;background:#fff}.item-code{min-width:54px;height:36px;border-radius:9px;background:#edf3f7;color:#0b3d66;font-size:12px}.digital-main b{font-size:14px;line-height:1.45;color:#17334c;display:block}.mini{margin-top:9px;gap:7px}.mini span{background:#f2f6f9;border:1px solid #e4ebf0;border-radius:999px;padding:4px 8px;font-size:10px}
.digital-values{height:100%;padding:15px 17px;background:#f8fafc;border-left:1px solid #e3eaf0;grid-template-columns:.8fr 1.35fr .85fr 1.1fr;gap:9px}.digital-values>div{min-height:76px;background:#fff;border:1px solid #e1e8ee;border-radius:10px;padding:11px;display:flex;flex-direction:column;justify-content:center}.digital-values label{font-size:9px;letter-spacing:.7px;margin-bottom:7px}.digital-values strong{font-size:14px;color:#17334c}.digital-values .current-box{background:#eef7fc;border:1px solid #a9d2e8;box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)}
.percent-input{display:grid;grid-template-columns:1fr auto;gap:6px}.percent-input input{height:40px;border:1px solid #8dbdd8;border-radius:8px;background:#fff;font-size:18px;font-weight:850;color:#0b3d66;text-align:right;padding:6px 9px}.percent-input span{font-size:13px;color:#4f7287}
.form-actions{position:sticky;bottom:0;z-index:4;background:rgba(243,246,249,.95);backdrop-filter:blur(7px);padding:14px 0 2px;margin-top:20px;border-top:1px solid #dce5ed}.form-actions .btn{padding:11px 16px;border-radius:10px}
.summary-grid{gap:14px}.summary-card{border-radius:15px;padding:20px;box-shadow:0 5px 18px rgba(19,50,74,.04)}
@media(max-width:1250px){.digital-item{grid-template-columns:1fr}.digital-values{border-left:0;border-top:1px solid #e3eaf0}}
@media(max-width:850px){.content{padding:18px 14px 60px}.ipc-head{padding:16px}.ipc-step-tabs a{min-width:128px}.digital-values{grid-template-columns:1fr 1fr}.digital-main{padding:15px}.subtabs{width:100%;overflow-x:auto}.form-actions{flex-wrap:wrap}}
/* V3.7.3 P&G Weightage + Total Work Done */
.pg-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}.pg-kpis>div{background:#fff;border:1px solid #e3eaf2;border-radius:14px;padding:14px 16px;box-shadow:0 5px 18px rgba(20,40,70,.05)}.pg-kpis span,.pg-kpis small{display:block;color:#718096;font-size:11px;font-weight:700;letter-spacing:.04em}.pg-kpis b{display:block;font-size:18px;color:#172b4d;margin-top:5px}.pg-master-list{display:grid;gap:14px}.pg-master-card{background:#fff;border:1px solid #dfe7f0;border-radius:16px;overflow:hidden;box-shadow:0 7px 22px rgba(25,45,75,.055)}.pg-master-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 19px;background:linear-gradient(180deg,#fbfdff,#f7faff);border-bottom:1px solid #e7edf4}.pg-master-head h3{display:inline;margin:0 0 0 9px;font-size:15px;color:#172b4d}.pg-contract{text-align:right}.pg-contract small{display:block;color:#7a8798;font-size:9px;font-weight:800;letter-spacing:.08em}.pg-contract b{display:block;margin-top:3px;color:#102a43;font-size:16px}.pg-component-head,.pg-component-row,.pg-total-row{display:grid;grid-template-columns:minmax(220px,2.1fr) minmax(100px,.7fr) minmax(120px,.9fr) minmax(150px,1fr) minmax(160px,1.15fr);align-items:center;gap:12px}.pg-component-head{padding:9px 19px;background:#f8fafc;color:#7a8798;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.055em}.pg-component-row{padding:13px 19px;border-top:1px solid #edf1f5}.pg-comp-name b{display:block;color:#243b53;font-size:13px}.pg-comp-name small,.pg-metric small,.pg-work-input small,.pg-total-row small{display:block;color:#8290a3;font-size:10px;margin-top:3px}.pg-comp-name em{font-style:normal;color:#b45309;font-weight:800}.pg-metric b{display:block;color:#243b53;font-size:14px;margin-top:3px}.pg-metric.value b{font-size:15px}.pg-work-input .percent-input{max-width:130px;margin-top:4px}.pg-total-row{padding:14px 19px;background:#f2f7fc;border-top:1px solid #dbe6f1;color:#102a43}.pg-total-row>div:first-child b{font-size:12px;letter-spacing:.035em}.pg-total-row b{display:block;font-size:15px}.pg-total-row .good,.pg-metric .good{color:#18864b}.subtabs span{user-select:none}
@media(max-width:1000px){.pg-kpis{grid-template-columns:repeat(2,1fr)}.pg-component-head{display:none}.pg-component-row,.pg-total-row{grid-template-columns:1.5fr 1fr 1fr;grid-template-areas:'name weight prev' 'name current value'}.pg-component-row>*:nth-child(1),.pg-total-row>*:nth-child(1){grid-area:name}.pg-component-row>*:nth-child(2),.pg-total-row>*:nth-child(2){grid-area:weight}.pg-component-row>*:nth-child(3),.pg-total-row>*:nth-child(3){grid-area:prev}.pg-component-row>*:nth-child(4),.pg-total-row>*:nth-child(4){grid-area:current}.pg-component-row>*:nth-child(5),.pg-total-row>*:nth-child(5){grid-area:value}}
@media(max-width:650px){.pg-kpis{grid-template-columns:1fr 1fr}.pg-master-head{align-items:flex-start}.pg-component-row,.pg-total-row{grid-template-columns:1fr 1fr;grid-template-areas:'name name' 'weight prev' 'current value';gap:10px}.pg-contract b{font-size:14px}}
/* V3.7.4 WORKS Current Measurement */
.pw-measure-values{grid-template-columns:.9fr 1.15fr .9fr 1fr}.pw-auto-pct{display:block;margin-top:4px;color:#7b8e9e;font-size:9px;font-weight:800}.pw-current .pw-input input{min-width:90px}.pw-current .pw-input span{white-space:nowrap}
@media(max-width:700px){.pw-measure-values{grid-template-columns:1fr 1fr}}
/* V3.7.6 Completed WORKS correction security */
.pw-lockbox{display:flex;flex-direction:column;gap:6px}.pw-lockbox>b{font-size:10px;color:#567084;letter-spacing:.3px}.pw-unlock-btn{border:0;background:transparent;color:#a23b34;font-size:9px;font-weight:800;padding:0;text-align:left;cursor:pointer}.pw-unlock-btn:hover{text-decoration:underline}.pw-current-input.correction-mode{border-color:#d7a59f!important;background:#fff8f6!important}.pw-correction-note{display:block;color:#9b443c;font-size:8px;font-weight:800;margin-top:4px}.pw-correction-dialog{border:0;border-radius:18px;padding:0;width:min(520px,calc(100vw - 32px));box-shadow:0 24px 70px rgba(12,39,61,.28)}.pw-correction-dialog::backdrop{background:rgba(8,29,47,.55);backdrop-filter:blur(3px)}.pw-correction-form{padding:22px}.pw-dialog-head{display:flex;justify-content:space-between;align-items:flex-start}.pw-dialog-head small{font-size:9px;letter-spacing:1px;color:#6f8798;font-weight:900}.pw-dialog-head h3{margin:5px 0 14px;color:#153b59;font-size:21px}.pw-dialog-x{border:0;background:#eef3f6;width:32px;height:32px;border-radius:9px;font-size:20px;color:#587184;cursor:pointer}.pw-dialog-warning{background:#fff3ef;border:1px solid #f1cbc3;color:#8e3b33;padding:10px 12px;border-radius:10px;font-size:11px;font-weight:700;margin-bottom:14px}.pw-correction-form p{font-size:12px;line-height:1.55;color:#5f7485}.pw-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}
/* V3.7.6.2 correction modal placement/overlay hotfix */
.pw-correction-dialog{display:none;position:fixed;inset:0;z-index:99999;width:auto;max-width:none;height:auto;border:0;border-radius:0;padding:0;background:transparent;box-shadow:none}
.pw-correction-dialog.open{display:flex;align-items:center;justify-content:center;padding:20px}
.pw-correction-backdrop{position:absolute;inset:0;background:rgba(8,29,47,.58);backdrop-filter:blur(3px)}
.pw-correction-form{position:relative;z-index:1;width:min(520px,calc(100vw - 32px));max-height:calc(100vh - 40px);overflow:auto;background:#fff;border-radius:18px;box-shadow:0 24px 70px rgba(12,39,61,.28);padding:22px}
/* V3.7.6.3 center correction modal hotfix */
.pw-correction-dialog.open{display:block!important;position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;z-index:2147483000!important;padding:0!important;background:transparent!important}
.pw-correction-dialog.open .pw-correction-backdrop{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;background:rgba(8,29,47,.58)!important;backdrop-filter:blur(3px)}
.pw-correction-dialog.open .pw-correction-form{position:fixed!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:min(520px,calc(100vw - 32px))!important;max-height:calc(100vh - 40px)!important;overflow:auto!important;margin:0!important;z-index:2147483001!important;background:#fff!important;border-radius:18px!important;box-shadow:0 24px 70px rgba(12,39,61,.30)!important}
@media(max-width:600px){.pw-correction-dialog.open .pw-correction-form{width:calc(100vw - 24px)!important;max-height:calc(100vh - 24px)!important}}
/* V3.7.8 Premium P&G lifecycle workspace */
.pgx-kpis{margin-bottom:14px}.pgx-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}.pgx-toolbar .subtabs{margin:0;flex-wrap:wrap}.pgx-search{width:min(360px,100%);height:40px;border:1px solid #d9e3ec;border-radius:11px;background:#fff;padding:0 13px;color:#17324a;outline:none}.pgx-search:focus{border-color:#7bb5d7;box-shadow:0 0 0 3px rgba(51,132,184,.10)}
.pgx-list{display:grid;gap:14px}.pgx-card{background:#fff;border:1px solid #dfe8f0;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px rgba(15,46,72,.055)}.pgx-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 17px;background:linear-gradient(180deg,#fff,#f9fbfd);border-bottom:1px solid #e8eef4}.pgx-title{display:flex;align-items:center;gap:12px;min-width:0}.pgx-title h3{margin:0;color:#18354d;font-size:14px;line-height:1.35}.pgx-title small{display:block;margin-top:5px;color:#8191a0;font-size:10px}.pgx-head-metrics{display:flex;align-items:center;gap:14px;white-space:nowrap}.pgx-head-metrics>div{text-align:right}.pgx-head-metrics small{display:block;font-size:8px;font-weight:900;letter-spacing:.07em;color:#8797a4}.pgx-head-metrics b{display:block;margin-top:3px;color:#18354d;font-size:15px}.pgx-status{padding:7px 9px;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.04em}.pgx-status.active{background:#e9f6ef;color:#18794e}.pgx-status.done{background:#eef3f6;color:#547083}.pgx-status.na{background:#f4f4f4;color:#8b949b}
.pgx-components{display:grid}.pgx-row{display:grid;grid-template-columns:minmax(245px,1.85fr) .7fr 1.05fr .8fr 1fr 1.15fr;gap:12px;align-items:center;padding:13px 17px;border-bottom:1px solid #edf2f6}.pgx-row:last-child{border-bottom:0}.pgx-component{display:flex;align-items:center;gap:11px;min-width:0}.pgx-kind{display:inline-flex;align-items:center;justify-content:center;min-width:86px;padding:7px 9px;border-radius:9px;font-size:9px;font-weight:900;letter-spacing:.04em}.pgx-kind.initial{background:#edf5fb;color:#245c80}.pgx-kind.recurring{background:#eef8f2;color:#23704d}.pgx-kind.end{background:#fff4e8;color:#9a5b16}.pgx-component small,.pgx-metric small,.pgx-current>small{display:block;font-size:8px;font-weight:900;letter-spacing:.055em;color:#8a99a7}.pgx-component b,.pgx-metric b{display:block;margin-top:3px;color:#173650;font-size:13px}.pgx-component em{display:block;margin-top:2px;color:#8b99a6;font-size:9px;font-style:normal}.pgx-current .pw-input{margin-top:4px;max-width:126px}.pgx-current .pw-input input{font-weight:800;text-align:right}.pgx-current .pw-input input.invalid{border-color:#c94f45!important;background:#fff3f1!important}.pgx-lock{display:flex;flex-direction:column;gap:5px;margin-top:4px}.pgx-lock>b{font-size:9px;color:#607789;letter-spacing:.02em}.pgx-unlock-btn{border:0;background:transparent;padding:0;color:#a1463e;font-size:8px;font-weight:900;text-align:left;cursor:pointer}.pgx-unlock-btn:hover{text-decoration:underline}.pgx-error{display:block;color:#b23d34;font-size:8px;font-weight:900;margin-top:4px}.pgx-total{display:grid;grid-template-columns:minmax(245px,1.85fr) .7fr 1.05fr .8fr 1.15fr;gap:12px;align-items:center;padding:13px 17px;background:#f3f8fc;border-top:1px solid #dce8f1}.pgx-total>div:first-child b{font-size:11px;letter-spacing:.035em}.pgx-total small{display:block;color:#7d8f9d;font-size:8px;font-weight:800}.pgx-total b{display:block;margin-top:3px;color:#163650;font-size:13px}.pgx-total .good{color:#168351}
@media(max-width:1100px){.pgx-row{grid-template-columns:1.7fr .7fr 1fr 1fr;grid-template-areas:'comp prev current cum' 'comp month value value'}.pgx-row>*:nth-child(1){grid-area:comp}.pgx-row>*:nth-child(2){grid-area:prev}.pgx-row>*:nth-child(3){grid-area:current}.pgx-row>*:nth-child(4){grid-area:cum}.pgx-row>*:nth-child(5){grid-area:month}.pgx-row>*:nth-child(6){grid-area:value}.pgx-total{grid-template-columns:1.6fr .8fr 1fr 1fr 1fr}}
@media(max-width:760px){.pgx-toolbar{align-items:stretch;flex-direction:column}.pgx-search{width:100%}.pgx-head{align-items:flex-start}.pgx-head-metrics{align-items:flex-end;flex-direction:column;gap:7px}.pgx-row{grid-template-columns:1fr 1fr;grid-template-areas:'comp comp' 'prev current' 'cum month' 'value value'}.pgx-component{align-items:flex-start}.pgx-total{grid-template-columns:1fr 1fr;gap:10px}.pgx-total>div:first-child{grid-column:1/-1}.pgx-kpis{grid-template-columns:1fr 1fr}}


/* V3.7.16 - in-website PDF preview */
.pdf-preview-shell{display:flex;flex-direction:column;gap:10px;height:calc(100vh - 112px);min-height:620px}
.pdf-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border:1px solid #dce5ec;border-radius:16px;padding:12px 14px;box-shadow:0 8px 24px rgba(22,55,78,.07)}
.pdf-preview-left,.pdf-preview-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pdf-preview-title{display:flex;flex-direction:column;color:#173a55}.pdf-preview-title span{font-size:11px;color:#7c8d99;text-transform:uppercase;letter-spacing:.08em;margin-top:2px}.pdf-preview-note{font-size:12px;color:#718391;padding:0 4px}.pdf-frame-wrap{flex:1;min-height:0;background:#dfe5ea;border:1px solid #d5dee5;border-radius:16px;overflow:hidden;box-shadow:inset 0 1px 2px rgba(0,0,0,.04)}.pdf-frame-wrap iframe{display:block;width:100%;height:100%;border:0;background:#eef2f5}
@media(max-width:760px){.pdf-preview-shell{height:calc(100vh - 90px);min-height:520px}.pdf-preview-toolbar{align-items:flex-start;flex-direction:column}.pdf-preview-actions{width:100%}.pdf-preview-actions .btn{flex:1;text-align:center}.pdf-preview-title{display:none}.pdf-frame-wrap{border-radius:12px}}