:root{
  --ws-navy:#082b50;--ws-navy-2:#0f416f;--ws-ink:#172434;--ws-muted:#687789;
  --ws-gold:#caa631;--ws-gold-soft:#f7edcb;--ws-paper:#f4f5f6;--ws-line:#dce3e9;
  --ws-danger:#a52c25;--ws-success:#22704a;--ws-white:#fff;
}
.a4-workspace,.a4-walkin-shell{font-family:'Sarabun',sans-serif;color:var(--ws-ink);background:var(--ws-paper);min-height:100vh}
.a4-workspace *,.a4-walkin-shell *{box-sizing:border-box}
.a4-workspace h1,.a4-workspace h2,.a4-workspace h3,.a4-walkin-shell h1,.a4-walkin-shell h2,.a4-walkin-shell h3{font-family:'Sarabun',sans-serif;font-weight:700}
.ws-topbar{position:sticky;top:0;z-index:40;background:linear-gradient(135deg,#061d35,var(--ws-navy-2));color:#fff;border-bottom:3px solid var(--ws-gold);box-shadow:0 5px 20px rgba(7,28,50,.18)}
.ws-topbar-inner{max-width:1600px;margin:auto;padding:.85rem 1.5rem .85rem .9rem;display:flex;align-items:center;justify-content:flex-start;gap:1rem}
.ws-brand{display:flex;align-items:center;gap:.8rem;color:#fff;text-decoration:none}.ws-brand-mark{width:42px;height:42px;border:1px solid rgba(255,255,255,.4);border-radius:50%;display:grid;place-items:center;color:#f4d46c;font-family:'Sarabun',sans-serif;font-weight:700}.ws-brand strong{display:block;color:#fff;font-family:'Sarabun',sans-serif;font-weight:700}.ws-brand small{display:block;color:#c5d2df;font-size:.76rem}
.ws-profile{display:flex;align-items:center;gap:.6rem;white-space:nowrap;margin-left:auto}.ws-admin-tool{min-height:42px;color:#fff!important;border-color:#d0aa2e!important;background:transparent!important}.ws-role-select{min-width:13rem;padding:.62rem .8rem;border:1px solid rgba(255,255,255,.35);border-radius:9px;color:#fff;background:#123b63;font:inherit}.ws-role-select option{color:#172434;background:#fff}
.ws-font-controls{display:flex;align-items:center;gap:.28rem;padding:.3rem .38rem .3rem .65rem;border:1px solid rgba(255,255,255,.32);border-radius:10px;background:rgba(3,22,42,.28)}.ws-font-controls>span{margin-right:.15rem;color:#dce7f1;font-size:.76rem}.ws-font-controls button{width:36px;height:34px;padding:0;border:1px solid rgba(255,255,255,.3);border-radius:7px;color:#fff;background:rgba(255,255,255,.06);font:600 .8rem 'Prompt',sans-serif;cursor:pointer}.ws-font-controls button:last-of-type{font-size:.9rem}.ws-font-controls button:hover,.ws-font-controls button:focus-visible{border-color:#e0bd4f;color:#172434;background:#e0bd4f;outline:none}.ws-font-controls button.active{border-color:#e0bd4f;color:#172434;background:#f3d66d}.ws-font-controls output{min-width:3.25rem;color:#f3d66d;font-size:.72rem;font-weight:600;text-align:center}
.ws-container{max-width:1600px;margin:auto;padding:1.2rem 1.5rem 7rem}
.ws-page-head{display:flex;justify-content:space-between;gap:1rem;align-items:end;margin-bottom:1rem}.ws-page-head h1{margin:.15rem 0;font-size:clamp(1.55rem,2.4vw,2.25rem);color:var(--ws-navy)}.ws-kicker{margin:0;color:#8b6a0f;font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.ws-page-head p:last-child{margin:.3rem 0 0;color:var(--ws-muted)}
.ws-dashboard{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin-bottom:1rem}.ws-dashboard-card{position:relative;overflow:hidden;min-height:138px;padding:1rem 1.1rem 1rem 1.35rem;border:1px solid var(--ws-line);border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(8,43,80,.07)}.ws-dashboard-card::before{content:'';position:absolute;inset:0 auto 0 0;width:6px;background:#7890a5}.ws-dashboard-card span{display:block;color:#6d7c8c;font-size:.7rem;font-weight:600;letter-spacing:.04em}.ws-dashboard-card strong{display:block;margin:.2rem 0 0;color:var(--ws-navy);font:700 2.35rem/1 'Noto Serif Thai','Prompt',serif}.ws-dashboard-card p{margin:.38rem 0 .05rem;color:var(--ws-ink);font-size:.88rem;font-weight:600}.ws-dashboard-card small{display:block;color:var(--ws-muted);font-size:.7rem;line-height:1.45}.ws-dashboard-card.overview{border-color:#16496f;color:#fff;background:linear-gradient(145deg,#082b50,#154d78);box-shadow:0 10px 26px rgba(8,43,80,.18)}.ws-dashboard-card.overview::before{background:var(--ws-gold)}.ws-dashboard-card.overview span,.ws-dashboard-card.overview small{color:#cbd9e5}.ws-dashboard-card.overview strong,.ws-dashboard-card.overview p{color:#fff}.ws-dashboard-card.pending::before{background:#caa631}.ws-dashboard-card.reviewing::before{background:#2d6d9f}.ws-dashboard-card.completed::before{background:#2b8056}
.ws-button{min-height:44px;padding:.68rem 1rem;border:1px solid transparent;border-radius:8px;font:600 .88rem 'Prompt',sans-serif;cursor:pointer;transition:.16s;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;text-decoration:none}.ws-button:hover{transform:translateY(-1px)}.ws-button:focus-visible{outline:3px solid rgba(202,166,49,.35);outline-offset:2px}.ws-button.primary{color:#fff;background:var(--ws-navy)}.ws-button.secondary{color:var(--ws-navy);background:#fff;border-color:#9aabba}.ws-button.gold{color:#172434;background:#e0bd4f}.ws-button.danger{color:#fff;background:var(--ws-danger)}.ws-button.success{color:#fff;background:var(--ws-success)}.ws-button.ghost{color:var(--ws-navy);background:#edf2f6}
.ws-card{border:1px solid var(--ws-line);border-radius:12px;background:#fff;box-shadow:0 8px 25px rgba(8,43,80,.06)}
.ws-filters{padding:1rem;margin-bottom:1rem}.ws-filter-grid{display:grid;grid-template-columns:2fr repeat(5,minmax(9rem,1fr));gap:.7rem}.ws-field label,.ws-fieldset>legend{display:block;margin:0 0 .38rem;color:#34465a;font-size:.8rem;font-weight:600}.ws-field input,.ws-field select,.ws-field textarea{width:100%;min-height:44px;padding:.66rem .75rem;border:1px solid #aebdca;border-radius:7px;background:#fff;color:var(--ws-ink);font:400 .88rem 'Prompt',sans-serif}.ws-field textarea{min-height:104px;resize:vertical;line-height:1.65}.ws-field input:focus,.ws-field select:focus,.ws-field textarea:focus{outline:3px solid rgba(202,166,49,.18);border-color:#b5901e}.ws-field small{display:block;margin-top:.3rem;color:var(--ws-muted);font-size:.73rem}.ws-field input[readonly],.ws-field textarea[readonly]{background:#f2f5f7;color:#405267;border-color:#dce3e9}
.ws-table-wrap{overflow:auto}.ws-table{width:100%;border-collapse:collapse;min-width:1050px}.ws-table th,.ws-table td{padding:.82rem .9rem;border-bottom:1px solid #e8edf1;text-align:left;vertical-align:top}.ws-table th{color:#506276;background:#f6f8fa;font-size:.76rem;white-space:nowrap}.ws-table tbody tr{cursor:pointer}.ws-table tbody tr:hover{background:#f4f8fb}.ws-table tbody tr.duplicate-risk-row{background:linear-gradient(90deg,rgba(165,44,37,.045),rgba(165,44,37,.015) 52%,transparent)}.ws-table tbody tr.duplicate-risk-row:hover{background:linear-gradient(90deg,rgba(165,44,37,.09),rgba(165,44,37,.035) 60%,#f7fafc)}.ws-table tbody tr.duplicate-risk-row td:first-child strong{color:#7d2824}.ws-table strong{display:block;color:var(--ws-navy)}.ws-table small{display:block;color:var(--ws-muted);margin-top:.15rem}.ws-status{display:inline-flex;padding:.28rem .58rem;border-radius:99px;color:#654b08;background:var(--ws-gold-soft);font-size:.74rem;font-weight:600}.ws-status.success{color:#1e6141;background:#dff0e7}.ws-status.danger{color:#8c261f;background:#f9e1df}
.ws-case-head{padding:1rem 1.2rem;margin-bottom:1rem;display:flex;justify-content:space-between;gap:1rem;align-items:center;border-left:5px solid var(--ws-gold)}.ws-case-head h1{margin:.2rem 0;font-size:1.55rem}.ws-case-meta{display:flex;flex-wrap:wrap;gap:.45rem 1.1rem;color:var(--ws-muted);font-size:.8rem}
.ws-stagebar{overflow:hidden;margin-bottom:1rem}.ws-stage-summary{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(14rem,.8fr) auto;gap:1.5rem;align-items:center;padding:1.15rem 1.3rem;border-bottom:1px solid #ead59a;background:linear-gradient(110deg,#fff8e3,#fffdf8)}.ws-stage-summary>div{min-width:0}.ws-stage-summary>div+div{padding-left:1.5rem;border-left:1px solid #d8bf7d}.ws-stage-summary span,.ws-stage-summary small{display:block;color:#687789;font-size:.72rem}.ws-stage-summary strong{display:block;margin:.18rem 0;color:var(--ws-navy);font-size:1.05rem}.ws-stage-summary>div:first-child>strong{color:#7d5a00;font-size:1.18rem}.ws-stage-summary>b{align-self:start;padding:.5rem .75rem;border:1px solid #9fc1e7;border-radius:999px;color:#174e80;background:#e8f2fc;font-size:.76rem;white-space:nowrap}.ws-stage-caption{display:flex;justify-content:space-between;gap:1rem;padding:.75rem 1.2rem;color:#687789;background:#f8fbfd;font-size:.74rem}.ws-stage-caption strong{color:#36536c}.ws-stage-track{position:relative;display:flex;overflow-x:auto;margin:0;padding:1.25rem 1rem 1.35rem;list-style:none;background:#f8fbfd}.ws-stage-track>.ws-stage{flex:1 0 8rem}.ws-stage-track::before{content:'';position:absolute;top:2.1rem;left:calc(10% + 1rem);right:calc(10% + 1rem);height:3px;background:#c9d4df}.ws-stage{position:relative;z-index:1;display:grid;justify-items:center;align-content:start;gap:.18rem;min-width:0;padding:0 .45rem;color:#7c8997;text-align:center}.ws-stage-node{display:grid;place-items:center;width:42px;height:42px;margin-bottom:.28rem;border:3px solid #b8c5d2;border-radius:50%;color:#778797;background:#f8fbfd;font-size:.75rem;font-weight:700}.ws-stage small{color:#7c8997;font-size:.66rem}.ws-stage strong{color:#6d7a88;font-size:.78rem;line-height:1.35}.ws-stage em{color:#8b97a3;font-size:.66rem;font-style:normal}.ws-stage.done .ws-stage-node{border-color:#1671c5;color:#fff;background:#1671c5}.ws-stage.done strong{color:#254c70}.ws-stage.active .ws-stage-node{border:7px solid #f5cf7a;color:#604100;background:#e8ae36;box-shadow:0 0 0 4px #fff0c9}.ws-stage.active strong{color:#775300}.ws-stage.active em{color:#775300;font-weight:600}.ws-stage.done::after{content:'';position:absolute;z-index:-1;top:20px;left:50%;width:100%;height:3px;background:#1671c5}.ws-stage.done:last-child::after{display:none}
.document-workspace{display:grid;grid-template-columns:minmax(0,44%) minmax(0,56%);gap:1rem;align-items:start}.ws-editor{overflow:hidden}.ws-editor-head{padding:1rem 1.15rem;border-bottom:1px solid var(--ws-line);display:flex;justify-content:space-between;gap:1rem;align-items:start}.ws-editor-head h2{margin:.15rem 0;font-size:1.25rem}.ws-editor-body{padding:1.1rem}.ws-section{padding-bottom:1.1rem;margin-bottom:1.1rem;border-bottom:1px solid #e5eaee}.ws-section:last-child{border-bottom:0;margin-bottom:0}.ws-section h3{margin:0 0 .75rem;color:var(--ws-navy);font-size:1rem}.ws-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.72rem}.ws-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.72rem}.ws-field-full{grid-column:1/-1}
.ws-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.ws-choice{position:relative;display:flex;gap:.65rem;align-items:center;padding:.72rem;border:1px solid var(--ws-line);border-radius:8px;background:#fff;cursor:pointer;text-align:left}.ws-choice:has(input:checked){border-color:#b8911e;background:#fff9e9;box-shadow:inset 3px 0 var(--ws-gold)}.ws-choice input{flex:0 0 auto;width:auto;min-height:0;margin:0;padding:0;box-shadow:none}.ws-choice span{min-width:0}.ws-choice strong{display:block;font-size:.84rem}.ws-choice small{display:block;color:var(--ws-muted);font-size:.72rem;line-height:1.45}
.route-planner{margin-top:1rem;padding:1rem;border:1px solid #cad6df;border-radius:14px;background:linear-gradient(145deg,#f8fafc,#fff);box-shadow:0 9px 24px rgba(8,43,80,.07)}.route-planner>header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.8rem}.route-planner>header span{color:#8b6a0f;font-size:.69rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.route-planner>header h3{margin:.12rem 0 0;font-size:1rem}.route-planner>header small{padding:.3rem .55rem;border-radius:999px;color:#285a45;background:#e4f2ea;font-size:.66rem;white-space:nowrap}.route-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.route-option{position:relative;display:block;min-height:142px;padding:.85rem;border:2px solid #dce4ea;border-radius:11px;background:#fff;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.route-option:hover{transform:translateY(-2px);border-color:#a9bac7}.route-option:has(input:focus-visible){outline:3px solid rgba(202,166,49,.25);outline-offset:2px}.route-option:has(input:checked){border-color:#1d5a88;box-shadow:inset 0 0 0 1px #1d5a88,0 8px 20px rgba(8,43,80,.1)}.route-option:has(input:checked)::after{content:'เลือกเส้นทางนี้';position:absolute;right:.65rem;bottom:.65rem;color:#1d5a88;font-size:.64rem;font-weight:700}.route-option.exceptional:has(input:checked){border-color:#a66321;background:#fffaf2;box-shadow:inset 0 0 0 1px #a66321,0 8px 20px rgba(123,73,20,.12)}.route-option.exceptional:has(input:checked)::after{color:#8b4e16}.route-option>input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.route-option>strong{display:block;margin:.65rem 0 .15rem;color:var(--ws-navy);font-size:.8rem}.route-option>small{display:block;max-width:85%;color:var(--ws-muted);font-size:.68rem;line-height:1.5}.route-flow{display:flex;align-items:center;gap:.35rem;min-height:34px}.route-flow span{padding:.32rem .48rem;border:1px solid #cbd7df;border-radius:7px;color:#314b62;background:#f6f9fb;font-size:.63rem;font-weight:600;white-space:nowrap}.route-flow i{color:#8192a1;font-style:normal}.route-flow .route-skipped{color:#8d6a4c;background:#fff3e7;border-style:dashed;text-decoration:line-through}.route-exception-panel{margin-top:.75rem;padding:.9rem;border:1px solid #e0b27f;border-left:6px solid #b56b25;border-radius:10px;background:#fffaf3;animation:route-panel-open .25s ease-out}.route-exception-head{display:flex;align-items:center;gap:.6rem;margin-bottom:.75rem}.route-exception-head span{padding:.25rem .45rem;border-radius:999px;color:#fff;background:#a85f1e;font-size:.64rem;font-weight:700}.route-exception-head strong{color:#673b16;font-size:.8rem}.route-impact{display:grid;gap:.12rem;margin-top:.75rem;padding:.65rem .75rem;border-radius:8px;color:#31526c;background:#edf4f8;font-size:.7rem;line-height:1.5}.route-impact strong{color:#123f62}.route-impact span{display:block}@keyframes route-panel-open{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}
.anonymous-box-hero{padding:1rem 1.1rem;border-left:6px solid #c89d27;border-radius:12px;background:linear-gradient(135deg,#fff8df,#fff);box-shadow:0 8px 22px rgba(76,55,7,.08)}.anonymous-box-hero span{color:#8b6a0f;font-size:.7rem;font-weight:800;letter-spacing:.08em}.anonymous-box-hero h3{margin:.2rem 0;color:var(--ws-navy);font-size:1.05rem}.anonymous-box-hero p{margin:0;color:var(--ws-muted);font-size:.75rem}.anonymous-chain{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;margin:1rem 0;padding:0;list-style:none}.anonymous-chain li{display:flex;gap:.55rem;min-height:82px;padding:.7rem;border:1px solid #d9e1e7;border-radius:11px;background:#fff}.anonymous-chain li b{display:grid;place-items:center;flex:0 0 26px;height:26px;border-radius:50%;color:#617384;background:#edf1f4;font-size:.68rem}.anonymous-chain li span{display:grid;align-content:start;gap:.25rem}.anonymous-chain li strong{color:#334d63;font-size:.7rem;line-height:1.35}.anonymous-chain li small{color:var(--ws-muted);font-size:.63rem;line-height:1.35}.anonymous-chain li.active{border-color:#c89d27;background:#fffaf0;box-shadow:0 5px 16px rgba(132,96,13,.1)}.anonymous-chain li.active b{color:#fff;background:#a97f16}.anonymous-chain li.done{border-color:#a9d5be;background:#f1f9f5}.anonymous-chain li.done b{color:#fff;background:#287251}
.ws-search{position:relative;flex:0 1 430px;margin:0 1rem 0 0}.ecmis-sidebar-mobile-toggle{order:-1;flex:0 0 42px}
.ws-search input{width:100%;padding:.5rem .9rem .5rem 2.15rem;border:1px solid #c3d0da;border-radius:20px;font-size:13px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%235b6b7a' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E") .75rem center/14px no-repeat;color:#17232e}
.ws-search input:focus{outline:none;border-color:#17628f;box-shadow:0 0 0 3px rgba(23,98,143,.12)}
.ws-search-results{position:absolute;top:calc(100% + .45rem);left:0;right:0;background:#fff;border:1px solid #d3dde5;border-radius:10px;box-shadow:0 14px 34px rgba(9,45,66,.18);max-height:62vh;overflow:auto;z-index:80;padding:.35rem 0}
.ws-search-group{padding:.45rem .8rem .2rem;font-size:10.5px;font-weight:700;color:#17628f;letter-spacing:.04em}
.ws-search-item{display:block;width:100%;text-align:left;padding:.55rem .8rem;border:0;background:none;cursor:pointer;font-size:12.5px;color:#17232e}
.ws-search-item span{display:block}
.ws-search-item small{display:block;color:#687789;font-size:11px;margin-top:.1rem}
.ws-search-item:hover{background:#f0f6fa}
.ws-search-empty{padding:.7rem .8rem;font-size:12px;color:#687789}


/* walkin — responsive จอเล็ก */
@media(max-width:720px){
  .a4-walkin-shell .ws-editor-head{flex-direction:column;align-items:flex-start;gap:.45rem}
  .a4-walkin-shell .ws-editor-head h2{font-size:1.12rem}
  .a4-walkin-shell .tc-nav{overflow-x:auto;padding-bottom:.35rem;-webkit-overflow-scrolling:touch}
  .a4-walkin-shell .petition-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .a4-walkin-shell .ws-page-head{align-items:flex-start}
  .a4-walkin-shell .ws-field label{font-size:.86rem}
}
@media(max-width:480px){
  .a4-walkin-shell .ws-page-head h1{font-size:1.22rem}
  .a4-walkin-shell .ws-kicker{font-size:.68rem}
  .a4-walkin-shell .ws-field{padding:.15rem 0}
  .a4-walkin-shell .ws-field input,.a4-walkin-shell .ws-field select,.a4-walkin-shell .ws-field textarea{font-size:.92rem}
  .a4-walkin-shell .ws-choice{flex-direction:column;align-items:flex-start;gap:.3rem}
  .a4-walkin-shell .ws-choice-grid{grid-template-columns:1fr}
}

.case-age{margin:.6rem 0;border:1px solid #9babb8;border-radius:4px;padding:.65rem .85rem;background:#f8fafc}
.case-age .age-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:12.5px;margin:.22rem 0}.case-age .age-row:last-child{margin-bottom:0}
.case-age .age-row small{color:#5b6b7a;font-size:11px}
.case-age .age-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.12rem .55rem;border-radius:10px;font-size:11px;font-weight:600;color:#fff;white-space:nowrap}
.case-age .age-badge-none{background:#adb5bd}

.case-issuance{margin:0 0 1rem;padding:1rem;border:1px solid #b9cfdd;border-left:6px solid #17628f;border-radius:12px;background:linear-gradient(135deg,#edf7fc,#fff)}.case-issuance span{display:block;color:#526f83;font-size:.7rem;font-weight:700}.case-issuance strong{display:block;margin:.18rem 0;color:#0b4369;font-size:1.35rem}.case-issuance p{margin:0;color:#526879;font-size:.75rem;line-height:1.55}
.approval-readiness{position:relative;overflow:hidden;margin-top:.8rem;border:1px solid #c8d5df;border-radius:12px;background:#f8fafc;box-shadow:0 7px 18px rgba(8,43,80,.06)}.approval-readiness header{padding:.85rem 1rem .72rem;border-bottom:1px solid #e1e7ec}.approval-readiness header>span{display:block;margin-bottom:.16rem;color:#8b6a0f;font-size:.65rem;font-weight:700;letter-spacing:.07em}.approval-readiness header>strong{display:block;color:var(--ws-navy);font-size:.84rem}.approval-readiness header>p{margin:.25rem 0 0;color:#607285;font-size:.71rem;line-height:1.55}.approval-readiness ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:.72rem 1rem .8rem;list-style:none}.approval-readiness li{position:relative;display:flex;align-items:center;gap:.5rem;min-width:0;padding-right:1.2rem}.approval-readiness li:not(:last-child)::after{content:'';position:absolute;right:.3rem;top:50%;width:.6rem;border-top:1px solid #9db0bf}.approval-readiness li>b{display:grid;place-items:center;flex:0 0 26px;height:26px;border:1px solid #9eb2c1;border-radius:50%;color:#174b73;background:#fff;font-size:.67rem}.approval-readiness li>span{display:block;min-width:0}.approval-readiness li strong,.approval-readiness li small{display:block}.approval-readiness li strong{color:#29475f;font-size:.69rem}.approval-readiness li small{margin-top:.1rem;color:#738391;font-size:.61rem;line-height:1.35}.ws-section.needs-attention .approval-readiness{border-color:#b68c17;box-shadow:0 0 0 5px rgba(202,166,49,.13),0 10px 24px rgba(8,43,80,.09);animation:approval-attention .38s ease-out}.ws-section.needs-attention .approval-readiness header{background:#fffaf0}@keyframes approval-attention{from{transform:translateY(-5px);opacity:.72}to{transform:none;opacity:1}}
.ws-readonly{padding:.8rem;border:1px solid #dfe6eb;border-radius:8px;background:#f5f7f9}.ws-readonly dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin:0}.ws-readonly dt{color:var(--ws-muted);font-size:.72rem}.ws-readonly dd{margin:.08rem 0 0;color:var(--ws-ink);font-size:.84rem;font-weight:500}.ws-callout{padding:.8rem .9rem;border-left:4px solid var(--ws-gold);background:#fff8e5;color:#5f5027;font-size:.8rem;line-height:1.6}
.a5q-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 0 1rem}.a5q-banner strong{color:#8b6a0f}.a5q-clear{color:#0b4778;font-weight:600;text-decoration:underline;white-space:nowrap}.ws-history{margin:.7rem 0 0;padding:0;list-style:none}.ws-history li{padding:.55rem 0;border-bottom:1px solid #e6ebef;color:#44576a;font-size:.78rem}.ws-history time{display:block;color:#7b8997;font-size:.7rem}

.document-workspace{transition:grid-template-columns .28s ease}.ws-doc-pane{transition:transform .24s ease}.ws-doc-toolbar,.ws-paper-stage{transition:opacity .22s ease,transform .22s ease}.document-workspace.pane-collapsed .ws-doc-toolbar,.document-workspace.pane-collapsed .ws-paper-stage{opacity:0;transform:translateX(28px);visibility:hidden;pointer-events:none}.ws-doc-pane-toggle{display:grid;place-items:center;width:30px;height:30px;flex:none;border:1px solid #c9d3dd;border-radius:8px;background:#f7f9fb;color:#44586c;font-size:1.05rem;line-height:1;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.ws-doc-pane-toggle:hover{background:#eef3f8;border-color:#082b50;color:#082b50}.ws-doc-pane-toggle:focus-visible{outline:3px solid #c9a227;outline-offset:1px}.ws-doc-pane-rail{display:none}.document-workspace.pane-collapsed{grid-template-columns:minmax(0,1fr) 44px;gap:.5rem}.document-workspace.pane-collapsed .ws-doc-pane{width:44px;overflow:hidden}.document-workspace.pane-collapsed .ws-doc-toolbar,.document-workspace.pane-collapsed .ws-paper-stage{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease,visibility .15s}.document-workspace.pane-collapsed .ws-doc-pane-rail{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:44px;min-height:130px;padding:.65rem .3rem;border:1px solid var(--ws-line);border-radius:12px;background:#fff;color:#687789;cursor:pointer;transition:background .15s,color .15s}.document-workspace.pane-collapsed .ws-doc-pane-rail:hover{background:#eef3f8;color:#082b50}.document-workspace.pane-collapsed .ws-doc-pane-rail:focus-visible{outline:3px solid #c9a227;outline-offset:1px}.document-workspace.pane-collapsed .ws-doc-pane-rail span{writing-mode:vertical-rl;font-size:.68rem;font-weight:700;letter-spacing:.16em;text-orientation:mixed;user-select:none}
.ws-doc-pane{position:sticky;top:82px}.ws-doc-toolbar{display:flex;justify-content:space-between;gap:.7rem;align-items:center;padding:.75rem .85rem;border:1px solid var(--ws-line);border-bottom:0;border-radius:12px 12px 0 0;background:#fff}.ws-doc-jump{display:flex;align-items:center;gap:.35rem;margin-left:auto;font-size:.72rem;color:#5f7180;white-space:nowrap}.ws-doc-jump select{padding:.32rem .55rem;border:1px solid #c9d3dd;border-radius:8px;background:#fff;color:#102f4d;font-family:inherit;font-size:.72rem;max-width:240px;cursor:pointer}.ws-doc-jump select:focus-visible{outline:3px solid #c9a227;outline-offset:1px}.ws-doc-tabs{display:flex;gap:.35rem;overflow:auto}.ws-doc-tab{padding:.5rem .7rem;border:0;border-radius:6px;color:#586a7d;background:#edf1f4;font:500 .76rem 'Prompt',sans-serif;white-space:nowrap;cursor:pointer}.ws-doc-tab.active{color:#fff;background:var(--ws-navy)}.ws-paper-stage{padding:1.15rem;overflow:auto;border:1px solid var(--ws-line);border-radius:0 0 12px 12px;background:#dfe4e7;max-height:calc(100vh - 165px)}
.document-bundle-preview{display:grid;gap:1.25rem}.document-bundle-title{position:sticky;top:-1.15rem;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1rem;border-radius:10px;background:rgba(8,43,80,.94);color:#fff;backdrop-filter:blur(10px)}.document-bundle-title span{font-weight:700}.document-bundle-title strong{padding:.25rem .55rem;border-radius:999px;background:rgba(255,255,255,.16);font-size:.75rem}.document-bundle-item{padding:.8rem;border-radius:12px;background:#cfd7dc}.document-bundle-item-head{display:flex;align-items:center;gap:.6rem;width:min(100%,794px);margin:0 auto .65rem}.document-bundle-item-head b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#082b50;color:#fff;font-size:.72rem}.document-bundle-item-head h3{margin:0;color:#183b59;font-size:.82rem}.document-bundle-paper>.document-page-set{display:grid;gap:1rem}.document-bundle-paper>.document-placeholder{margin:0 auto;min-height:180px}
.a4-paper{width:min(100%,794px);min-height:1123px;margin:0 auto;padding:58px 58px 64px;background:#fff;color:#111;box-shadow:0 10px 30px rgba(15,33,50,.16);font-family:'Noto Serif Thai','Prompt',serif;font-size:13px;line-height:1.65}.a4-paper h2{text-align:center;font-size:20px;margin:0 0 1.2rem}.a4-paper h3{font-size:15px;margin:1rem 0 .5rem}.a4-paper p{margin:.35rem 0}.doc-confidential{text-align:center;font-weight:700;letter-spacing:.08em}.doc-heading{text-align:center;margin:1rem 0 1.5rem}.doc-row{display:grid;grid-template-columns:10rem 1fr;gap:.7rem;padding:.32rem 0;border-bottom:1px dotted #333}.doc-box{min-height:6rem;padding:.7rem;border:1px solid #777;margin:.5rem 0}.doc-checks{display:grid;gap:.3rem}.doc-check::before{content:'☐';margin-right:.5rem}.doc-check.checked::before{content:'☑'}.doc-sign{margin:2.2rem 0 0 auto;width:18rem;text-align:center}.doc-qr{width:110px;height:110px;object-fit:contain;border:1px solid #aaa;padding:5px}.receipt-id{display:flex;justify-content:center;gap:1rem;margin:1rem 0}.receipt-id strong{padding:.7rem 1rem;border:1px solid #333;font:700 18px 'Prompt',sans-serif}.doc-note{padding:.7rem;border:1px solid #777;background:#fafafa;font-size:11px}.doc-muted{color:#59606a}.doc-version{margin-top:1rem;text-align:right;color:#666;font:10px 'Prompt',sans-serif}.doc-table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:11px}.doc-table th,.doc-table td{padding:.45rem;border:1px solid #555;text-align:left;vertical-align:top}.doc-table th{text-align:center;background:#f3f3f3}.doc-callout{padding:.7rem;margin:.7rem 0;border:1px solid #777;background:#fafafa}
.ws-actions{position:fixed;z-index:50;left:50%;bottom:max(1rem,env(safe-area-inset-bottom));display:flex;gap:.55rem;width:min(50rem,calc(100vw - 2rem));padding:.55rem;transform:translateX(-50%);border:0;border-radius:18px;background:rgba(238,244,249,.68);-webkit-backdrop-filter:blur(22px) saturate(145%);backdrop-filter:blur(22px) saturate(145%);box-shadow:0 18px 50px rgba(5,28,52,.2)}.ws-actions:has(.ws-button:nth-child(4)){width:min(64rem,calc(100vw - 2rem))}.ws-actions .ws-button{flex:1 1 0;width:auto;min-width:0;min-height:52px;padding:.72rem 1rem;border-radius:12px;white-space:nowrap}.ws-actions .ws-button.primary{box-shadow:0 8px 20px rgba(8,43,80,.24)}.ws-actions .ws-button.danger{color:#fff;box-shadow:0 7px 18px rgba(165,44,37,.2)}.ws-actions .ws-button.ghost{border-color:rgba(133,155,174,.55);background:rgba(238,243,247,.78)}.ws-actions .ws-button:hover{transform:translateY(-2px)}
.ws-admin-layout,.ws-admin-workspace{width:100%}.ws-admin-summary dd{font-weight:400;line-height:1.7}.ws-attachment-list{margin-top:.8rem;padding:.85rem 1rem;border:1px solid var(--ws-line);border-radius:8px;background:#fff}.ws-attachment-list h3{margin:0 0 .55rem}.ws-attachment-list ol{margin:0;padding-left:1.35rem}.ws-attachment-list li{padding:.35rem 0;border-bottom:1px solid #edf1f4}.ws-attachment-list li:last-child{border-bottom:0}.ws-attachment-open{padding:.15rem 0;border:0;color:#0a4d80;background:transparent;font:500 .84rem 'Prompt',sans-serif;text-align:left;text-decoration:underline;cursor:pointer}.ws-attachment-open:hover{color:#8a6810}.mock-attachment-document{min-height:360px;margin:.5rem auto 0;padding:3rem 3.5rem;border:1px solid #cfd6dc;border-radius:4px;background:#fff;color:#263748;text-align:left;box-shadow:0 8px 24px rgba(8,43,80,.12)}.mock-attachment-document h3{margin:2rem 0 1.25rem;text-align:center}.mock-attachment-document p{line-height:1.8}.mock-document-mark{padding-bottom:1rem;border-bottom:2px solid #c9a321;color:#082b50;font-weight:700;text-align:center}.mock-attachment-image{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;border:1px solid #cfd6dc;border-radius:8px;background:linear-gradient(145deg,#edf2f5,#d9e1e7);color:#526579}.mock-attachment-image span{font-size:1.1rem}.mock-attachment-image strong{color:#082b50}.ws-inline-action{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem}
.screening-admin-opinion{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--ws-line)}
.admin-queue-tabs{display:flex;gap:.45rem;margin:1rem 0;padding:.35rem;border:1px solid #d8e1e8;border-radius:12px;background:#eef3f6}.admin-queue-tab{flex:1;min-height:42px;padding:.55rem .8rem;border:0;border-radius:9px;color:#526779;background:transparent;font:600 .78rem 'Prompt',sans-serif;cursor:pointer}.admin-queue-tab:hover,.admin-queue-tab:focus-visible{color:#123f62;background:#fff;outline:2px solid rgba(21,63,98,.14)}.admin-queue-tab.active{color:#fff;background:var(--ws-navy);box-shadow:0 5px 14px rgba(8,43,80,.18)}
.ws-field:has(#adminBackup){display:none}.backup-manager{text-align:left}.backup-manager label{display:block;margin:.8rem 0;color:#34465a}.backup-manager select{width:100%;margin-top:.35rem;padding:.7rem;border:1px solid #aebdca;border-radius:8px;background:#fff}.backup-manager h3{margin:1.2rem 0 .5rem;color:#082b50}.backup-manager ul{max-height:210px;overflow:auto;margin:0;padding:0;list-style:none;border:1px solid #dfe6eb;border-radius:8px}.backup-manager li{display:flex;justify-content:space-between;gap:1rem;padding:.65rem .75rem;border-bottom:1px solid #edf1f4}.backup-manager li:last-child{border-bottom:0}.backup-manager li span{color:#687789}
.duplicate-critical{border-color:#c66a63!important;background:linear-gradient(135deg,#fff8f7,#fff)!important;box-shadow:0 14px 34px rgba(111,35,30,.13);animation:duplicate-pulse 1.4s ease-in-out 2}.duplicate-alert-card{margin-top:.5rem;padding:1.25rem;border:2px solid #a52c25;border-radius:12px;background:#fff4f2;color:#711d18}.duplicate-alert-card span{display:block;font-weight:700}.duplicate-alert-card strong{display:block;margin:.1rem 0;font-size:4.2rem;line-height:1;color:#a52c25}.duplicate-alert-card p{margin:.55rem 0;font-size:1rem}.duplicate-alert-actions{display:flex;gap:.55rem;flex:0 0 auto}@keyframes duplicate-pulse{50%{box-shadow:0 0 0 6px rgba(165,44,37,.09),0 16px 36px rgba(123,33,27,.17)}}
.duplicate-auto-result{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1rem;border:1px solid #d7e0e7;border-radius:14px;background:#f7fafc;color:#28445b}.duplicate-result-detail>span,.duplicate-auto-clear>div>span{display:block;margin-bottom:.18rem;color:#6d7c89;font-size:.68rem;font-weight:700;letter-spacing:.06em}.duplicate-result-detail>strong,.duplicate-auto-clear>div>strong{display:block;color:#123f62;font-size:1rem}.duplicate-auto-result p{margin:.28rem 0 0;font-size:.76rem}.duplicate-auto-clear{display:block;border-color:#b9dbc9;background:#f1f9f5}.duplicate-auto-clear>div>strong{color:#236243}.duplicate-score{display:grid;min-width:8.2rem;justify-items:center;padding:.75rem 1rem;border-radius:11px;color:#fff;background:#922f29}.duplicate-score>span{font-size:.68rem;font-weight:600}.duplicate-score>strong{font-size:2.6rem;line-height:1}.duplicate-score>strong small{display:inline;font-size:1rem}.duplicate-score>b{margin-top:.3rem;padding:.2rem .45rem;border-radius:999px;background:rgba(255,255,255,.16);font-size:.65rem}.duplicate-signal-list{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.65rem}.duplicate-signal-list small{padding:.3rem .5rem;border:1px solid rgba(165,44,37,.22);border-radius:999px;background:#fff;color:#79332e;font-size:.66rem}.duplicate-focus-action{align-self:stretch;min-width:8.5rem;padding:.65rem .8rem;border:0;border-radius:10px;color:#fff;background:#153f62;font:600 .76rem 'Prompt',sans-serif;cursor:pointer}.duplicate-focus-action:hover,.duplicate-focus-action:focus-visible{background:#0a2e4d;outline:3px solid rgba(21,63,98,.16)}.duplicate-opinion-suggestions{margin-top:.7rem;padding:.8rem;border:1px solid #d7e1e8;border-radius:10px;background:#fff}.duplicate-opinion-suggestions>span{display:block;color:#50677a;font-size:.7rem;font-weight:700}.duplicate-opinion-suggestions>div{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.duplicate-opinion-suggestions button{padding:.42rem .62rem;border:1px solid #b9c9d5;border-radius:7px;color:#17466a;background:#f7fafc;font:500 .71rem 'Prompt',sans-serif;cursor:pointer}.duplicate-opinion-suggestions button:hover,.duplicate-opinion-suggestions button:focus-visible{border-color:#8aa6ba;background:#eef5f9;outline:none}.duplicate-policy-note{margin:.65rem 0 0;color:#647586;font-size:.7rem;line-height:1.55}.duplicate-review{border-color:#c98a2e!important;background:linear-gradient(135deg,#fffaf0,#fff)!important;box-shadow:0 10px 26px rgba(146,100,35,.12)}.screening-box{border:1px solid #d7e1e8;border-radius:14px;padding:1rem 1.1rem;background:linear-gradient(180deg,#fbfdfe,#f5f9fb)}.screening-box h3{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin:0 0 .8rem;color:#0e2f4e;font-size:.95rem}.screening-required{color:#a52c25;font-size:.68rem;font-weight:700;letter-spacing:.04em}.screening-options{display:grid;gap:.55rem;margin:.85rem 0}.screening-choice{display:flex!important;align-items:flex-start;gap:.7rem;padding:.8rem .95rem!important;border:1px solid #d7e1e8!important;border-radius:12px!important;background:#fff!important}.screening-choice:has(input:checked){border-color:#153f62!important;background:#f2f7fb!important;box-shadow:0 6px 16px rgba(21,63,98,.1)}.screening-choice input{margin-top:.2rem}.screening-choice small{display:block;margin-top:.2rem;color:#647586;font-size:.7rem;line-height:1.45}.screening-warning{margin:.6rem 0 .2rem;padding:.65rem .85rem;border:1px solid #e3b341;border-radius:10px;background:#fff8e6;color:#6d4d09;font-size:.74rem;line-height:1.55}.screening-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.9rem}.screening-summary{display:grid;gap:.65rem}.screening-summary dl{display:grid;gap:.45rem;margin:.6rem 0 0}.screening-summary dl>div{display:grid;grid-template-columns:11.5rem minmax(0,1fr);gap:.6rem;padding:.4rem 0;border-bottom:1px dashed #dbe4ea}.screening-summary dl>div:last-child{border-bottom:0}.screening-summary dt{color:#647586;font-size:.72rem;font-weight:700}.screening-summary dd{margin:0;color:#172b3c;font-size:.8rem;line-height:1.5}.screening-summary>p{margin:0;color:#2c4357;font-size:.78rem;line-height:1.6}.screening-report-line{margin-top:.4rem!important;padding:.6rem .8rem;border:1px solid #e3b341;border-radius:10px;background:#fff8e6;color:#6d4d09;font-size:.74rem}.screening-merged-list{margin-top:.8rem;padding:.7rem .85rem;border:1px solid #d7e1e8;border-radius:10px;background:#fff}.screening-merged-list h4{margin:0 0 .4rem;color:#50677a;font-size:.72rem}.screening-merged-list ul{margin:0;padding-left:1.1rem;color:#2c4357;font-size:.75rem;line-height:1.7}.screening-info .duplicate-auto-result{margin-bottom:.6rem}.receipt-duplicate-note{margin:.7rem 0;padding:.7rem .9rem;border:1px solid #c66a63;border-radius:10px;background:#fff4f2;color:#711d18;font-size:.78rem;line-height:1.6}.receipt-duplicate-note strong{display:block;margin-bottom:.2rem}
.ws-field #wiPostcode[readonly]{background:#dfe5eb;color:#26394b;border-color:#c1ccd6;opacity:1;font-weight:600}
.smart-suggestions{margin-top:.65rem;padding:.8rem;border:1px solid #d6e1e9;border-left:5px solid #c9a321;border-radius:10px;background:linear-gradient(135deg,#fffdf5,#f7fafc);box-shadow:0 8px 20px rgba(8,43,80,.07);animation:suggestion-enter .35s ease-out}.smart-suggestions>div:first-child,.smart-suggestion-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.smart-suggestions strong,.smart-suggestion-head strong{color:#082b50;font-size:.82rem}.smart-suggestions>div:first-child span,.smart-suggestion-head span{color:#6b7b8a;font-size:.7rem}.suggestion-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.6rem}.suggestion-chips button{padding:.42rem .65rem;border:1px solid #c8d6e1;border-radius:999px;color:#17456c;background:#fff;font:500 .74rem 'Prompt',sans-serif;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.suggestion-chips button:hover{transform:translateY(-2px);border-color:#c9a321;background:#fff8df}.smart-suggestions.suggestion-selected{animation:suggestion-flash .6s ease}.not-accept-multi{animation:suggestion-enter .35s ease-out}.reason-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:.65rem}.reason-option-grid label{display:flex;align-items:flex-start;gap:.55rem;padding:.65rem;border:1px solid #d8e2e9;border-radius:9px;background:#fff;cursor:pointer;font-size:.78rem}.reason-option-grid label:has(input:checked){border-color:#c9a321;background:#fff8df;box-shadow:inset 4px 0 #c9a321}.reason-option-grid input{flex:0 0 auto;width:auto;min-height:0;margin:.15rem 0 0;padding:0;box-shadow:none}.suggestion-manager{display:grid;grid-template-columns:1fr 1fr;gap:1rem;text-align:left}.suggestion-manager section{padding:.9rem;border:1px solid #dce5eb;border-radius:10px;background:#f8fafb}.suggestion-manager h3{margin:0 0 .65rem;color:#082b50}.suggestion-add{display:grid;grid-template-columns:1fr auto;gap:.4rem}.suggestion-add input{min-width:0;padding:.6rem;border:1px solid #b7c6d1;border-radius:7px}.suggestion-add button,.suggestion-manager li button{border:0;border-radius:7px;color:#fff;background:#082b50;cursor:pointer}.suggestion-manager ul{max-height:260px;overflow:auto;margin:.65rem 0 0;padding:0;list-style:none}.suggestion-manager li{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem 0;border-bottom:1px solid #e3e9ed;font-size:.76rem}.suggestion-manager li button{padding:.3rem .5rem;background:#a52c25}@keyframes suggestion-enter{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes suggestion-flash{50%{border-color:#c9a321;box-shadow:0 0 0 7px rgba(201,163,33,.16),0 10px 24px rgba(8,43,80,.1)}}
.smart-suggestion-select{width:100%;min-height:40px;margin-top:.6rem;padding:.5rem .65rem;border:1px solid #c8d6e1;border-radius:8px;color:#17456c;background:#fff;font:500 .76rem 'Prompt',sans-serif;cursor:pointer}.smart-suggestion-select:focus{outline:3px solid rgba(201,163,33,.18);border-color:#c9a321}
.smart-suggestions{position:relative;overflow:hidden;padding:1rem 1.05rem;border:2px solid #c9a321;border-left:8px solid #c9a321;border-radius:14px;background:radial-gradient(circle at 92% 0,rgba(201,163,33,.19),transparent 32%),linear-gradient(135deg,#fffdf4 0,#f4f8fb 62%,#eef4f8 100%);box-shadow:0 0 0 5px rgba(201,163,33,.08),0 14px 32px rgba(8,43,80,.13);animation:smart-card-arrive .45s cubic-bezier(.2,.8,.2,1)}.smart-suggestions::after{content:'';position:absolute;inset:-60% auto -60% -35%;width:22%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);animation:smart-scan 3.8s ease-in-out infinite;pointer-events:none}.smart-suggestion-hero{position:relative;z-index:1;display:grid!important;grid-template-columns:auto 1fr auto;align-items:center!important;gap:.75rem!important}.smart-suggestion-hero>div{display:grid;gap:.12rem}.smart-suggestion-hero strong{font-size:.96rem!important}.smart-suggestion-hero span:not(.smart-suggestion-signal){font-size:.72rem!important}.smart-suggestion-hero b{padding:.38rem .62rem;border:1px solid rgba(201,163,33,.55);border-radius:999px;color:#765900;background:#fff8d9;font-size:.68rem;white-space:nowrap}.smart-suggestion-signal{width:13px;height:13px;border-radius:50%;background:#c9a321;box-shadow:0 0 0 0 rgba(201,163,33,.5);animation:smart-signal 1.5s ease-out infinite}.smart-suggestion-select{position:relative;z-index:1;min-height:48px;margin-top:.8rem;padding:.68rem .8rem;border:2px solid #d2ae35;border-radius:10px;background:#fff;color:#082b50;font-size:.82rem;font-weight:600;box-shadow:0 5px 14px rgba(8,43,80,.09)}.smart-suggestions.suggestion-selected{animation:suggestion-flash .65s ease}@keyframes smart-card-arrive{from{opacity:0;transform:translateY(-12px) scale(.985)}to{opacity:1;transform:none}}@keyframes smart-signal{70%{box-shadow:0 0 0 10px rgba(201,163,33,0)}}@keyframes smart-scan{0%,55%{left:-35%}85%,100%{left:125%}}
.smart-field{position:relative}.smart-inline{margin-top:.28rem}.smart-inline-trigger{display:inline-flex;align-items:center;gap:.38rem;padding:.18rem .35rem;border:0;border-radius:5px;color:#637487;background:transparent;font:500 .67rem 'Prompt',sans-serif;cursor:pointer;white-space:nowrap}.smart-inline-trigger:hover,.smart-inline.open .smart-inline-trigger{color:#174b73;background:#f1f6f9}.smart-inline-trigger small{color:#8a7640;font-size:.62rem}.smart-inline-dot{width:6px;height:6px;border-radius:50%;background:#c9a321;box-shadow:0 0 0 3px rgba(201,163,33,.13)}.smart-inline-popover{margin-top:.3rem;padding:.38rem;border:1px solid #cdd9e2;border-radius:9px;background:#fff;box-shadow:0 8px 22px rgba(8,43,80,.1);animation:smart-inline-open .16s ease-out}.smart-inline-action{display:grid;width:100%;gap:.08rem;padding:.52rem .6rem;border:0;border-radius:7px;color:#193e5e;background:#f4f8fa;text-align:left;cursor:pointer}.smart-inline-action+.smart-inline-action{margin-top:.25rem}.smart-inline-action:hover,.smart-inline-action.is-active{background:#eaf2f7;outline:2px solid rgba(184,149,40,.3)}.smart-inline-action span{font-size:.7rem;font-weight:700}.smart-inline-action small{overflow:hidden;color:#617485;font-size:.66rem;text-overflow:ellipsis;white-space:nowrap}.smart-inline-suggestions{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.36rem;padding-top:.36rem;border-top:1px solid #edf1f4}.smart-inline-suggestions>span{flex:0 0 100%;color:#758696;font-size:.62rem}.smart-inline-suggestion{padding:.34rem .48rem;border:1px solid #d2dde5;border-radius:6px;color:#234b69;background:#fff;font:500 .67rem 'Prompt',sans-serif;text-align:left;cursor:pointer}.smart-inline-suggestion:hover,.smart-inline-suggestion:focus,.smart-inline-suggestion.is-active{border-color:#b89528;background:#fff9e8;outline:none}.smart-inline-clear{margin:.15rem .25rem;color:#657989;font-size:.67rem}.smart-inline.suggestion-selected .smart-inline-dot{background:#26744f;box-shadow:0 0 0 4px rgba(38,116,79,.13)}@keyframes smart-inline-open{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}
.nacc-dispatch-hero{position:relative;overflow:hidden;margin:-1.1rem -1.1rem 1.2rem;padding:1.3rem 1.4rem;border-bottom:4px solid #c9a321;color:#fff;background:radial-gradient(circle at 90% 15%,rgba(201,163,33,.35),transparent 28%),linear-gradient(135deg,#082b50,#154d78);box-shadow:0 10px 28px rgba(8,43,80,.2);animation:smart-card-arrive .4s ease-out}.nacc-dispatch-hero::after{content:'';position:absolute;inset:-80% auto -80% -25%;width:18%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);animation:smart-scan 4s ease-in-out infinite}.nacc-dispatch-hero p{margin:0;color:#f0d36d;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.nacc-dispatch-hero h2{margin:.2rem 0;font-size:1.35rem}.nacc-dispatch-hero span{font-size:.78rem;color:#dce9f4}.nacc-notify-choice{margin-top:.8rem;border:2px solid #c9a321;background:#fff8df}.public-result-preview{margin:1rem 0;padding:1rem;border:2px solid #2b8056;border-radius:12px;background:linear-gradient(135deg,#effaf4,#fff);box-shadow:0 10px 24px rgba(43,128,86,.1)}.public-result-preview>span{display:inline-block;padding:.3rem .55rem;border-radius:999px;color:#fff;background:#2b8056;font-size:.68rem;font-weight:700}.public-result-preview>div{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-top:.7rem}.public-result-preview p{margin:0;padding:.65rem;border:1px solid #cfe6da;border-radius:8px;background:#fff}.public-result-preview small,.public-result-preview strong{display:block}.public-result-preview small{color:#687789}.public-result-preview strong{margin-top:.12rem;color:#154b35;font-size:.8rem}
.ws-hidden{display:none!important}.ws-empty{padding:2rem;text-align:center;color:var(--ws-muted)}
body.walkin-mode{overflow:auto}body.walkin-mode> :not(.a4-walkin-shell):not(script):not(.swal2-container){display:none!important}
@media(max-width:1200px){.ws-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}.ws-filter-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.document-workspace{grid-template-columns:1fr}.ws-doc-pane{position:relative;top:auto}.ws-paper-stage{max-height:none}.a4-paper{min-width:700px}}
@media(max-width:720px){.ws-container{padding:.9rem .75rem 7rem}.ws-topbar-inner{padding:.7rem .75rem;flex-wrap:wrap}.ws-brand small{display:none}.ws-profile{flex-wrap:wrap;justify-content:flex-end}.ws-font-controls>span,.ws-font-controls output{display:none}.ws-role-select{min-width:0;max-width:11rem}.ws-page-head{align-items:start;flex-direction:column}.ws-dashboard,.ws-filter-grid,.ws-grid-2,.ws-grid-3,.ws-choice-grid,.route-options,.anonymous-chain{grid-template-columns:1fr}.ws-dashboard-card{min-height:120px}.route-planner>header{display:grid}.route-flow{flex-wrap:wrap}.ws-readonly dl{grid-template-columns:1fr}.ws-stage-summary{grid-template-columns:1fr;gap:.8rem}.ws-stage-summary>div+div{padding:0;border-left:0}.ws-stage-summary>b{justify-self:start}.ws-stage-caption{display:grid}.ws-stage-track{flex-direction:column;overflow-x:visible;padding:1rem}.ws-stage-track::before{top:1rem;bottom:1rem;left:31px;width:3px;height:auto}.ws-stage{grid-template-columns:42px 3.2rem 1fr;justify-items:start;align-items:center;gap:.5rem;padding:.45rem 0;text-align:left}.ws-stage-node{grid-row:1/3;margin:0}.ws-stage small{grid-column:2;grid-row:1/3}.ws-stage strong{grid-column:3;grid-row:1;align-self:end}.ws-stage em{grid-column:3;grid-row:2;align-self:start}.ws-stage.done::after{top:50%;left:20px;width:3px;height:100%}.approval-readiness ol{grid-template-columns:1fr;gap:.55rem}.approval-readiness li:not(:last-child)::after{display:none}.ws-actions,.ws-actions:has(.ws-button:nth-child(4)){bottom:max(.5rem,env(safe-area-inset-bottom));width:calc(100vw - 1rem);overflow-x:auto;justify-content:start;padding:.45rem;border-radius:15px;scroll-snap-type:x proximity;scrollbar-width:none}.ws-actions::-webkit-scrollbar{display:none}.ws-actions .ws-button{flex:0 0 9.5rem;min-width:9.5rem;min-height:48px;padding:.65rem .75rem;scroll-snap-align:center}.ws-paper-stage{padding:.5rem}}
.ws-stagebar.a5{overflow-x:auto;scrollbar-width:thin}
.ws-stagebar.a5 .ws-stage-track{display:flex;gap:0;padding:1.5rem 1.25rem 1rem;overflow:visible;background:#f8fbfd;position:relative}
.ws-stagebar.a5 .ws-stage-node{position:relative;display:flex;flex-direction:column;align-items:center;gap:.42rem;width:auto;min-width:110px;height:auto;margin:0;border:0;border-radius:0;background:none;color:#5b6b7a;flex:1 1 0;font-size:inherit}
/* เส้นเดียว: base line ทั้งแถบ + ส่วนที่ทำแล้ว (done) ทับเส้นเดียวกัน */
.ws-stagebar.a5 .ws-stage-track::before{content:'';position:absolute;top:45px;left:2.6rem;right:2.6rem;height:3px;background:#dbe4ec;border-radius:3px}
.ws-stagebar.a5 .ws-stage-node::after{content:'';position:absolute;top:45px;left:calc(50% + 23px);width:calc(100% - 46px);height:3px;background:transparent}
.ws-stagebar.a5 .ws-stage-node.done::after{background:#52769b;transition:background .35s ease}
.ws-stagebar.a5 .ws-stage-node:last-child::after{display:none}
.ws-stagebar.a5 .ws-stage-node b{display:grid;place-items:center;width:42px;height:42px;border:2.5px solid #a9bac9;border-radius:50%;background:#fff;color:#5b6b7a;font-size:.9rem;font-weight:700;z-index:1}
.ws-stagebar.a5 .ws-stage-node small{font-size:.8rem;font-weight:700;color:#4a5b6a;white-space:nowrap;text-align:center;max-width:100%;padding:0 .45rem}
.ws-stagebar.a5 .ws-stage-node.done b{background:#123f62;border-color:#123f62;color:#fff;box-shadow:0 2px 8px rgba(18,63,98,.25)}
.ws-stagebar.a5 .ws-stage-node.done small{color:#123f62}
.ws-stagebar.a5 .ws-stage-node.done::after{background:#b9c9d6}
.ws-stagebar.a5 .ws-stage-node.active b{background:#a66321;border-color:#a66321;color:#fff;box-shadow:0 0 0 5px rgba(166,99,33,.18);animation:wsStagePulse 2.2s ease-in-out infinite}
@keyframes wsStagePulse{0%,100%{box-shadow:0 0 0 5px rgba(166,99,33,.18)}50%{box-shadow:0 0 0 11px rgba(166,99,33,.08)}}
.ws-stagebar.a5 .ws-stage-node.active small{color:#8b4e16;font-weight:700}
.ws-stagebar.a5 .ws-stage-caption{display:block;padding:.45rem 1.25rem .9rem;color:#687789;font-size:.68rem;line-height:1.55;background:#f8fbfd}
@media(max-width:1200px){.ws-stagebar.a5 .ws-stage-track{flex-direction:column;align-items:stretch;gap:1.1rem;padding:1.1rem 1.1rem 1.1rem 3rem}.ws-stagebar.a5 .ws-stage-track::before{top:calc(1.1rem + 17px);bottom:calc(1.1rem + 17px);left:calc(3rem + 15.5px);right:auto;width:3px;height:auto}.ws-stagebar.a5 .ws-stage-node{flex-direction:row;align-items:center;justify-content:flex-start;gap:.7rem;min-width:0;width:auto;text-align:left}.ws-stagebar.a5 .ws-stage-node::after{display:none}.ws-stagebar.a5 .ws-stage-node b{width:34px;height:34px;font-size:.8rem;flex:none}.ws-stagebar.a5 .ws-stage-node small{max-width:none;white-space:normal;text-align:left;font-size:.78rem;padding:0}}
@media(prefers-reduced-motion:reduce){.route-option,.route-exception-panel,.ws-section.needs-attention .approval-readiness{animation:none;transition:none}}
@media print{body *{visibility:hidden!important}.a4-paper,.a4-paper *,.a5r-paper,.a5r-paper *{visibility:visible!important}.a4-paper,.a5r-paper{position:absolute;inset:0;width:210mm;min-height:297mm;margin:0;padding:16mm;box-shadow:none;transform:none!important;height:auto!important;overflow:visible!important}.a5r-paper .a5r-page{width:210mm;min-height:297mm;aspect-ratio:auto;page-break-after:always}.ws-doc-toolbar,.ws-actions{display:none!important}@page{size:A4;margin:0}}

.ws-topbar .ws-brand,
.ws-topbar .ws-brand:link,
.ws-topbar .ws-brand:visited,
.ws-topbar .ws-brand:hover,
.ws-topbar .ws-brand:focus {
  color: #fff;
  text-decoration: none;
}

.ws-topbar .ws-brand strong {
  color: #fff;
}

.a4-paper {
  font-family: 'Prompt', sans-serif;
}

.a4-paper h1,
.a4-paper h2,
.a4-paper .doc-heading {
  font-family: 'Noto Serif Thai', 'Prompt', serif;
}

.a4-paper{
  position:relative;
  font-family:'Sarabun','Prompt',sans-serif;
  font-size:12px;
  line-height:1.45;
}
.document-page-set{display:grid;gap:1.25rem}
.document-confidential{margin:0;text-align:center;color:#c00000;font-size:24px;font-weight:700;line-height:1;letter-spacing:4px}
.confidential-top{margin-top:-24px;margin-bottom:2px}
.confidential-bottom{position:relative;margin-top:15px;margin-bottom:2px;text-align:center;clear:both;display:block}
.form3-header{display:grid;grid-template-columns:84px 1fr;gap:10px;align-items:start;margin-top:0}
.form3-header .form3-pacc-logo{width:76px;height:76px;object-fit:contain;margin:0}
.form3-header-right{display:flex;flex-direction:column;align-items:flex-end;text-align:right;padding-top:2px}
.form3-system-name{margin:0 0 .35rem 0;font-size:14px;font-weight:600;color:#000;text-align:center;width:100%}
.form3-title{padding-top:2px;text-align:center;font-size:14.5px;font-weight:700}
.form3-number{line-height:1.65;font-size:11.5px;text-align:right;width:100%;padding-right:1rem}
.official-subject{display:grid;grid-template-columns:46px 1fr;gap:.2rem .4rem;margin:.4rem 0;font-size:11.5px;line-height:1.5}
.official-subject strong{font-weight:700}.form3-intro{margin:.25rem 0 .45rem;text-align:left;text-indent:2.5rem;font-size:11.5px}
.form3-decision-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid #000;margin-top:.25rem}
.form3-decision-column{min-height:305px;padding:.35rem .5rem;font-size:11px;line-height:1.4}
.form3-decision-column+section{border-left:1px solid #000}
.form3-decision-column h3{display:flex;gap:.35rem;align-items:flex-start;margin:.25rem 0 .2rem;font-size:11px;font-weight:700}
.form3-decision-column p{margin:.15rem 0;display:flex;align-items:center;gap:.3rem}
.form3-section-label{font-weight:700;margin-top:.2rem!important;margin-bottom:.2rem!important;text-decoration:none}
.doc-checkbox{display:inline-grid;flex:0 0 14px;width:14px;height:14px;place-items:center;border:1.5px solid #000;font:700 11px/1 sans-serif;border-radius:1px}
.form3-line,.form3-signature-line,.form3-opinion-line{min-height:22px;border-bottom:1px dotted #555}
.form3-line{text-align:center;margin:.08rem 0 .2rem!important}
.form3-writing-lines{display:flex;flex-direction:column;min-height:88px;margin:.2rem 0 .3rem}
.form3-writing-lines.compact{min-height:66px}
.form3-writing-lines div{height:22px;box-sizing:border-box;border-bottom:1px dotted #555}
.form3-writing-text{line-height:22px;min-height:88px;background-image:radial-gradient(circle,#555 0.4px,transparent 0.6px);background-size:3px 22px;background-position:0 20px;white-space:pre-wrap;text-align:left;margin:.2rem 0 .3rem;padding:.1rem .15rem}
.form3-writing-text.compact{min-height:66px}
.form3-free-text{min-height:22px;border-bottom:1px dotted #444}
.form3-signature-name,.form3-signature-position{min-height:16px;padding:.08rem .2rem;text-align:center;border-bottom:0}
.form3-opinion-line{white-space:pre-wrap;line-height:22px;text-align:left;min-height:22px;max-height:44px;overflow:hidden;background:transparent;border-bottom:none!important}
.form3-accept-column h3{margin:.25rem 0 .2rem}
.form3-accept-column p{margin:.1rem 0}
.form3-accept-column .form3-line{display:block!important;width:100%!important;min-height:18px!important;line-height:18px!important;text-align:center!important;border-bottom:1px dotted #444!important;margin:.1rem 0 .3rem 0!important;font-weight:600!important}
.form3-footer-block{position:relative;min-height:95px;padding-top:.4rem;font-size:11px;margin-bottom:.4rem}
.form3-footer-block .form3-note{max-width:60%;line-height:1.4;margin:0}
.form3-footer-block .form3-note span{display:block;padding-left:2.2rem}
.form3-submit{text-align:center;margin:.8rem 0 .2rem;font-size:11.5px;font-weight:600}
.form3-operator{position:absolute;right:.5rem;top:22px;width:220px;text-align:center}
.form3-operator p{margin:.1rem 0}
.form3-operator-dots{min-height:18px;border-bottom:1px dotted #444;margin-bottom:.2rem}
.form3-operator .form3-signed-block{display:flex;flex-direction:column;align-items:center;height:auto;min-height:0;margin:0 auto .15rem}
.form3-operator .signature-image-wrap{width:125px;height:40px;transform:none!important;margin:0 auto}
.form3-operator .signature-image{width:115px;height:30px;object-fit:contain}
.form3-opinion-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start;margin-top:.6rem}
.form3-opinion-grid>section{display:grid;grid-template-rows:auto 54px auto;min-width:0}
.form3-opinion-grid h3{margin:.15rem 0 .25rem;font-size:11px;font-weight:700}
.form3-opinion-lines-container{display:block;height:54px;max-height:54px;overflow:hidden;margin-bottom:.3rem;position:relative;background-image:radial-gradient(circle,#555 0.4px,transparent 0.6px);background-size:3px 22px;background-position:0 20px}
.form3-opinion-line-extra{display:none}
.form3-approval-signature{text-align:center;margin-top:.25rem}
.form3-approval-signature .form3-signature-name{white-space:nowrap;text-align:center;letter-spacing:.02em;margin-bottom:.25rem;font-size:11px}
.form3-approval-signature .form3-signature-position{display:flex;align-items:baseline;gap:.2rem;text-align:left;padding-left:0;font-size:11px}
.form3-approval-signature .form3-signature-position span:first-child{white-space:nowrap;font-weight:400}
.form3-position-line{flex:1;min-height:16px;border-bottom:1px dotted #444;display:inline-block}
.auto-pagination-source,.auto-flow-page{box-sizing:border-box;height:1123px;min-height:1123px;overflow:hidden}
.auto-pagination-source[data-page-overflow="true"]{height:auto;overflow:visible}
.form3-flow-section{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:850px;margin-top:1rem}
.form3-flow-section>h3{margin:.2rem 0 .65rem;font-size:12px}
.form3-flow-text{min-height:52px;margin:0;padding:.15rem .25rem;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:26px;text-align:left;margin-top:.65rem;background-image:radial-gradient(circle,#333 0.8px,transparent 1.1px);background-size:3px 26px;background-position:0 24px;}
.form3-flow-section .form3-signed-block,.form3-flow-section .form3-approval-signature{height:108px;min-height:108px;margin:0 auto;width:250px}
.form3-flow-section .signature-image{max-height:52px}
@media print{.auto-pagination-source[data-page-overflow="true"]{height:auto!important;min-height:297mm;overflow:visible!important}}
.swal2-popup.ecmis-signature-dialog{width:min(680px,calc(100vw - 2rem));padding:0;overflow:hidden;border:1px solid #9babb8;border-radius:4px;box-shadow:0 22px 60px rgba(4,24,43,.32)}
.ecmis-signature-dialog .swal2-title{padding:1.05rem 3.8rem 1.05rem 1.5rem;border:0;border-bottom:3px solid #c9a227;background:#082b50;color:#fff;font-size:1.22rem;letter-spacing:0;text-align:left}
.ecmis-signature-dialog .swal2-close{top:.55rem;right:.65rem;color:#fff;font-size:1.8rem;opacity:.82}
.ecmis-signature-dialog .swal2-html-container{padding:1.25rem 1.5rem 0}
.signature-confirm-intro{align-items:flex-start;margin-bottom:1rem;padding:0 0 1rem;border-bottom:1px solid #ccd6df}
.signature-confirm-mark{width:38px;height:38px;flex-basis:38px;border:1px solid #8ba1b2;border-radius:2px;background:#f2f5f7;color:#163f61}
.signature-confirm-mark svg{width:22px;height:22px}
.signature-confirm-intro strong{font-size:.98rem}.signature-confirm-intro span{font-size:.82rem}
.signature-confirm-summary dl{border-color:#aebbc6;border-radius:0}
.signature-confirm-summary dl>div{grid-template-columns:142px 1fr;border-color:#ccd6df}
.signature-confirm-summary dt,.signature-confirm-summary dd{padding:.58rem .75rem}
.signature-confirm-summary dt{border-right:1px solid #ccd6df;background:#edf1f4;color:#324b60}
.signature-confirm-summary dd{background:#fff;color:#102f4d}
.signature-attestation{margin-top:1rem;padding:.8rem .9rem;border-color:#9fb0bd;border-radius:2px;background:#fff}
.signature-attestation strong{font-size:.88rem}.signature-attestation small{font-size:.8rem}
.signature-audit-note{margin-top:.8rem;padding:.7rem .1rem;border:0;border-top:1px solid #d5dde4;border-bottom:1px solid #d5dde4;background:#fff;color:#526675}
.signature-audit-note strong{color:#324b60}
.ecmis-signature-dialog .swal2-actions{width:100%;margin:1.15rem 0 0;padding:1rem 1.5rem;border-top:1px solid #ccd6df;background:#f3f5f7}
.ecmis-signature-dialog .swal2-styled{min-width:148px;border-radius:3px}
.ecmis-signature-dialog .ecmis-signature-cancel{background:#fff!important}
.receipt-header{display:grid;grid-template-columns:1fr 118px 1fr;align-items:start;min-height:122px}.receipt-header img{grid-column:2;display:block;width:118px;height:118px;margin:0 auto;object-fit:contain;object-position:center;transform:none}.receipt-code-box{grid-column:3;display:grid;width:255px;justify-self:end;border:1px solid #343434;text-align:center}.receipt-code-box strong{padding:.22rem;background:#e8edf6}.receipt-code-box span{padding:.5rem;font-size:13px;font-weight:600;line-height:1.45}.template-receipt .doc-heading{margin:1.2rem 0 1rem;padding-bottom:.75rem;border-bottom:1px solid #555}.template-receipt .doc-heading h2{margin:0 0 .25rem;font-size:18px}.template-receipt .doc-heading p{margin:.12rem;color:#333}.receipt-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem .6rem;margin:0 auto;font-size:12px}.receipt-fields p{display:grid;gap:.12rem;margin:0;padding:.48rem .58rem;border:1px solid #bfc4c9;text-align:left}.receipt-fields span{color:#4e555c;font-size:10px}.receipt-fields strong{color:#111;font-weight:600}.receipt-field-wide{grid-column:1/-1}.receipt-field-address{grid-column:1/-1}.receipt-instruction{margin:1.35rem auto 1.25rem;padding:.75rem 1rem;border:1px solid #777;text-align:center;font-size:12px;font-weight:600;line-height:1.65}.receipt-officer{margin:0 0 1rem;font-size:12px}.receipt-signature-row{display:grid;grid-template-columns:150px 1fr;gap:4rem;align-items:end}.receipt-signature-row figure{margin:0;text-align:center}.receipt-signature-row figure figcaption{margin-top:.25rem;font-size:10px}.receipt-signature-row>div{text-align:center}.receipt-red-note{position:absolute;right:55px;bottom:58px;left:55px;color:#d91e18;text-align:center;font-size:10px}.document-page-number{position:absolute;right:58px;bottom:28px;color:#666;font-size:10px}.receipt-directory-page h2{margin:0 0 1rem;font-size:16px}.directory-head{margin-bottom:.65rem;padding-bottom:.65rem;border-bottom:1px dashed #333}.receipt-directory section{padding:.55rem 0}.receipt-directory section>div{display:grid;grid-template-columns:1fr auto;gap:1rem}.receipt-directory section p{margin:.18rem 0}.receipt-directory-page:nth-child(3) .receipt-directory{margin-top:2rem}
.memo-heading{text-align:center}.memo-heading h2{margin:.1rem 0 .5rem;font-size:28px}.memo-garuda{width:62px;height:62px;object-fit:contain}.memo-metadata{font-size:14px}.memo-metadata p{margin:.2rem 0;border-bottom:1px solid #111}.official-body{font-size:14px;line-height:1.7;text-align:justify}.official-body p{margin:.55rem 0;text-indent:2.5rem}.official-body p:last-child{text-indent:0}.official-signature{width:330px;margin:2rem 0 0 auto;text-align:center}.official-signature p{margin:.15rem}.official-form-code{position:absolute;bottom:34px;left:58px}.official-letter-head{display:grid;grid-template-columns:1fr 1fr;margin-top:4rem;font-size:14px}.official-date{text-align:center;font-size:14px}.official-contact{position:absolute;bottom:42px;left:58px;font-size:11px}.official-contact p{margin:.1rem}.document-placeholder{padding:3rem;text-align:center;color:#687789;background:#fff}
.ws-doc-tab:disabled{cursor:not-allowed;opacity:.48}
.ws-dashboard-card::before{display:none}
.ws-case-head{border-left:0}
.ws-choice:has(input:checked){box-shadow:0 6px 16px rgba(8,43,80,.08)}
.route-exception-panel{border-left-width:1px}
.anonymous-box-hero{border:1px solid #ead9a7}
.case-issuance{border-left-width:1px}
.signature-workflow{margin:0 0 1rem;overflow:hidden;border:1px solid #d7e0e8;border-radius:10px;background:#fff;box-shadow:0 6px 18px rgba(8,43,80,.07)}
.signature-workflow header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1rem;border-bottom:1px solid #e3e9ee;background:#f7f9fb}.signature-workflow header span{display:block;color:#657786;font-size:.68rem;font-weight:700}.signature-workflow header h3{margin:.12rem 0 0;color:#082b50;font-size:1rem}.signature-workflow header>b{padding:.3rem .62rem;border-radius:999px;color:#6a570f;background:#fff2c4;font-size:.68rem}.signature-workflow header>b.signed{color:#1c6546;background:#dff3e8}
.signature-workflow-body{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem}.signature-pending,.signature-proof{display:grid;gap:.16rem;min-width:0}.signature-pending span,.signature-proof span{color:#6e7e8b;font-size:.66rem;font-weight:700}.signature-pending strong,.signature-proof strong{color:#0b3559;font-size:.9rem}.signature-pending small,.signature-proof small{color:#6c7d8d;font-size:.7rem}.signature-proof code{margin-top:.2rem;color:#315b78;font-size:.62rem;overflow-wrap:anywhere}.signature-workflow-body .ws-button{flex:0 0 auto;min-width:150px}
.signature-proof-signed{grid-template-columns:1fr;justify-items:center;align-items:center}.signature-proof-meta{display:grid;gap:.16rem;min-width:0}.signature-image-wrap{display:flex!important;flex-direction:column;align-items:center;justify-content:center;width:172px;overflow:hidden}.signature-image{display:block;width:172px;height:68px;object-fit:contain;object-position:center;transform:none}.signature-image-wrap em{position:relative;color:#8a5960;font-size:.58rem;font-style:normal;font-weight:600;line-height:1.1}.form3-signed-block{display:grid;box-sizing:border-box;height:94px;justify-items:center;align-content:start;margin:0;padding-top:2px}.form3-signed-block .signature-image-wrap{width:132px;height:53px;overflow:visible;margin-top:0;transform:translate(0, 0)}.form3-signed-block .signature-image{width:132px;height:40px;object-fit:contain;transform:none}.form3-signed-block .signature-image-wrap em{font-size:7px}.form3-signed-block .form3-signature-name,.form3-signed-block .form3-signature-position{min-height:15px;padding:0;font-size:10px;line-height:15px}.form3-signed-block .form3-signature-name{text-decoration:none}
.form3-opinion-grid .form3-signed-block,.form3-approval-signed{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;height:auto!important;min-height:85px!important;margin:.3rem auto 0!important;padding:0!important}
.form3-opinion-grid .signature-image-wrap,.form3-approval-signed .signature-image-wrap{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:140px!important;height:48px!important;overflow:visible!important;margin:0 auto .15rem!important;transform:none!important}
.form3-opinion-grid .signature-image,.form3-approval-signed .signature-image{display:block!important;width:130px!important;height:36px!important;object-fit:contain!important;object-position:center!important;transform:none!important}
.form3-opinion-grid .signature-image-wrap em,.form3-approval-signed .signature-image-wrap em{display:block!important;color:#8a5960!important;font-size:8px!important;font-style:normal!important;line-height:1!important;margin-top:1px!important}
.form3-opinion-grid .form3-signature-name,.form3-approval-signed .form3-signature-name{display:block!important;font-size:11.5px!important;font-weight:500!important;color:#000!important;line-height:1.4!important;margin:.15rem 0 .1rem!important;text-align:center!important;white-space:nowrap!important;text-decoration:none!important}
.form3-opinion-grid .form3-signature-position,.form3-approval-signed .form3-signature-position{display:block!important;font-size:11.5px!important;font-weight:400!important;color:#000!important;line-height:1.4!important;margin:0!important;text-align:center!important;white-space:nowrap!important}
.swal2-popup.ecmis-signature-dialog{width:min(640px,calc(100vw - 2rem));padding:0 0 1.3rem;overflow:hidden;border:1px solid #d8e1e8;border-radius:14px;background:#fff;box-shadow:0 24px 70px rgba(4,31,55,.28);font-family:"Sarabun",sans-serif}.ecmis-signature-dialog .swal2-title{margin:0;padding:1.35rem 4rem 1.15rem 1.65rem;border-bottom:1px solid #dfe6ec;background:#f8fafc;color:#082b50;font-size:1.35rem;font-weight:700;text-align:left}.ecmis-signature-dialog .swal2-close{top:.7rem;right:.8rem;color:#607588;font-size:2rem}.ecmis-signature-dialog .swal2-html-container{margin:0;padding:1.25rem 1.65rem 0}.signature-confirm-summary{text-align:left}.signature-confirm-intro{display:flex;align-items:center;gap:.85rem;margin-bottom:1rem}.signature-confirm-mark{display:grid;flex:0 0 46px;width:46px;height:46px;place-items:center;border-radius:50%;background:#eef5fb;color:#0b4778}.signature-confirm-mark svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.signature-confirm-intro div{display:grid;gap:.18rem}.signature-confirm-intro strong{color:#102f4d;font-size:1rem}.signature-confirm-intro span{color:#607588;font-size:.88rem;line-height:1.5}.signature-confirm-summary dl{margin:0;overflow:hidden;border:1px solid #d8e1e8;border-radius:9px;background:#fff}.signature-confirm-summary dl>div{display:grid;grid-template-columns:130px 1fr;border-bottom:1px solid #e3e9ee}.signature-confirm-summary dl>div:last-child{border-bottom:0}.signature-confirm-summary dt,.signature-confirm-summary dd{margin:0;padding:.62rem .8rem}.signature-confirm-summary dt{color:#526a7d;background:#f5f7f9;font-weight:700}.signature-confirm-summary dd{color:#102f4d;font-weight:600}.signature-attestation{display:flex;align-items:flex-start;gap:.7rem;margin:1rem 0 0;padding:.9rem 1rem;border:1px solid #cad8e3;border-radius:9px;background:#f8fbfd;cursor:pointer}.signature-attestation input{flex:0 0 auto;width:19px;height:19px;margin:.12rem 0 0;accent-color:#0b4778}.signature-attestation>span{display:grid;gap:.18rem}.signature-attestation strong{color:#123956;font-size:.92rem}.signature-attestation small{color:#526a7d;font-size:.84rem;line-height:1.55}.signature-audit-note{display:grid;grid-template-columns:auto 1fr;gap:.4rem .65rem;margin-top:.8rem;padding:.72rem .85rem;border-left:3px solid #c9a227;background:#fbfaf5;color:#5b6670;font-size:.8rem;line-height:1.5}.signature-audit-note strong{color:#715d19}.ecmis-signature-dialog .swal2-validation-message{margin:.8rem 1.65rem 0;border-radius:7px;background:#fff1f0;color:#982c26;font-size:.84rem}.ecmis-signature-dialog .swal2-actions{width:calc(100% - 3.3rem);margin:1.15rem 1.65rem 0;gap:.65rem;justify-content:flex-end}.ecmis-signature-dialog .swal2-styled{min-width:138px;margin:0;border-radius:7px;font-family:"Sarabun",sans-serif;font-weight:700}.ecmis-signature-dialog .ecmis-signature-cancel{border:1px solid #cbd6df!important;color:#27445c!important}.ecmis-signature-dialog .ecmis-signature-confirm{box-shadow:none!important}.ecmis-signature-dialog .swal2-styled:focus-visible{outline:3px solid rgba(29,111,170,.28);outline-offset:2px;box-shadow:none}
.case-issuance{margin:0 0 1rem;padding:1rem;border:0;border-radius:14px;background:#edf5fa;box-shadow:0 8px 22px rgba(8,43,80,.08)}.case-issuance>span{display:block;color:#5e7486;font-size:.68rem;font-weight:700}.case-issuance>strong{display:block;margin:.18rem 0;color:#0b4369;font-size:1.25rem}.case-issuance>p{margin:.35rem 0 0;color:#627585;font-size:.7rem;line-height:1.5}.case-issuance.issued{background:#e8f6ee}.case-issuance.issued>strong{color:#1d6547}.case-issuance.neutral{background:#f1f3f5}.case-sequence-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-top:.6rem}.case-sequence-preview p{margin:0;padding:.65rem .75rem;border-radius:10px;background:rgba(255,255,255,.85)}.case-sequence-preview small,.case-sequence-preview strong{display:block}.case-sequence-preview small{color:#758694;font-size:.64rem}.case-sequence-preview strong{margin-top:.08rem;color:#0c3e64;font-size:1rem}
.official-doc-badge{display:flex;align-items:center;justify-content:space-between;padding:.35rem .75rem;margin-bottom:.5rem;border-radius:4px;border:1px solid #d0dbe5;background:#f0f4f8}
.official-doc-badge.original{background:#edf5fc;border-color:#b8d4ed}
.official-doc-badge.copy{background:#fcf6e8;border-color:#f0deaa}
.official-doc-badge span{font-weight:700;font-size:12px;color:#0b3559}
.official-doc-badge small{color:#556677;font-size:10.5px}
.doc-section-card{margin-top:.5rem;border:1px solid #c8d2dc;border-radius:3px;padding:.45rem .65rem;background:#fff}
.doc-card-title{margin:0 0 .35rem 0;font-size:11.5px;font-weight:700;color:#0b3559;border-bottom:1.5px solid #0b3559;padding-bottom:.2rem}
.doc-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:.25rem .75rem;font-size:11px;line-height:1.45}
.doc-card-grid .grid-full{grid-column:1/-1}
.official-form-header-divider{border-bottom:1px solid #333;margin:.4rem 0 .6rem}
.official-form-title{margin:.25rem 0 .4rem 0;font-size:14px;font-weight:700;color:#000;text-align:center}
.official-form-table{width:100%;border-collapse:collapse;margin-top:.4rem;font-size:11.5px}
.official-form-table td{padding:.35rem .4rem;vertical-align:top;border-bottom:1px dotted #bbb}
.official-form-table tr:last-child td{border-bottom:none}
.official-form-table .col-num{width:24px;font-weight:700;text-align:right;padding-right:.3rem;color:#000}
.official-form-table .col-label{width:155px;font-weight:700;color:#000}
.official-form-table .col-sublabel{width:115px;color:#333;font-weight:600}
.official-form-table .col-content{color:#000;line-height:1.5}
.official-writing-box{position:relative;min-height:72px;line-height:24px;font-size:11.5px;color:#000;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 23px,#888 23px,#888 24px);background-size:100% 24px;background-position:0 0;margin:.15rem 0 .2rem;padding:0;white-space:pre-wrap;word-break:break-word}
.official-edited-tag{color:#0b4369;font-weight:700;font-size:10.5px;margin-left:4px}
.doc-official-note{font-size:10px;color:#555;margin-top:.8rem;font-style:italic}
.official-form-footer{margin-top:1.2rem;display:flex;flex-direction:column;align-items:flex-end;text-align:center}
.doc-detail-box{margin-top:.35rem;font-size:11px}
.wc-chip-edited{display:inline-block;font-size:9px;padding:1px 5px;border-radius:3px;background:#eef4fb;color:#1a568c;border:1px solid #bdd7ee;margin-left:4px;font-weight:600}
.wc-items{margin-top:.4rem;display:grid;gap:.3rem}
.wc-item{margin-bottom:.15rem}
.wc-item-head{display:flex;align-items:center;gap:.35rem;margin:.1rem 0 .15rem;font-size:11.5px;font-weight:700;color:#0b3559}
.wc-no{display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#0b3559;color:#fff;font-size:10px;font-weight:700}
.wc-label{font-weight:700}
.form3-digital-signature{display:grid!important;gap:.08rem;margin:.45rem 0!important;padding:.4rem .5rem;border-radius:6px;background:#f1f6f8;text-align:center}.form3-digital-signature strong,.form3-digital-signature small,.form3-digital-signature code{display:block}.form3-digital-signature small{font-size:10px}.form3-digital-signature code{font-size:8px;overflow-wrap:anywhere}
@media(max-width:720px){.signature-workflow-body{align-items:stretch;flex-direction:column}.signature-workflow-body .ws-button{width:100%}.signature-proof-signed{grid-template-columns:1fr;justify-items:start}.case-sequence-preview{grid-template-columns:1fr}.swal2-popup.ecmis-signature-dialog{width:calc(100vw - 1rem)}.ecmis-signature-dialog .swal2-title{padding:1.1rem 3.5rem 1rem 1.1rem;font-size:1.15rem}.ecmis-signature-dialog .swal2-html-container{padding:1rem 1.1rem 0}.signature-confirm-summary dl>div{grid-template-columns:1fr}.signature-confirm-summary dt{padding-bottom:.18rem}.signature-confirm-summary dd{padding-top:.18rem}.signature-audit-note{grid-template-columns:1fr}.ecmis-signature-dialog .swal2-actions{width:calc(100% - 2.2rem);margin:1rem 1.1rem 0}.ecmis-signature-dialog .swal2-styled{width:100%}}
.swal2-popup.ecmis-document-preview-dialog{width:min(1120px,calc(100vw - 2rem));padding:0;overflow:hidden;border-radius:12px;background:#fff;font-family:'Sarabun',sans-serif;box-shadow:0 24px 70px rgba(4,31,55,.3)}
.ecmis-document-preview-dialog .swal2-title{margin:0;padding:1rem 1.4rem;border-bottom:1px solid #d8e1e8;background:#082b50;color:#fff;font-size:1.25rem;text-align:left}
.ecmis-document-preview-dialog .swal2-html-container{margin:0;padding:0;overflow:visible}
.officer-document-preview{display:grid;text-align:left}
.officer-preview-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.1rem;border-bottom:1px solid #d8e1e8;background:#f8fafc}
.officer-preview-head div{display:grid;gap:.1rem;min-width:0}.officer-preview-head span{color:#667b8d;font-size:.78rem}.officer-preview-head strong{overflow:hidden;color:#102f4d;font-size:.95rem;text-overflow:ellipsis;white-space:nowrap}.officer-preview-head>b{flex:0 0 auto;padding:.35rem .7rem;border-radius:999px;background:#e7eff6;color:#16486f;font-size:.82rem}
.officer-preview-viewport{height:min(66vh,720px);overflow:auto;padding:1.25rem;background:#dfe5e9}
.officer-preview-viewport>.a4-paper{zoom:.72;margin:0 auto;box-shadow:0 8px 28px rgba(20,39,56,.2)}
.officer-preview-placeholder{display:grid;place-content:center;text-align:center}
.officer-preview-navigation{display:grid;grid-template-columns:120px 1fr 120px;align-items:center;gap:1rem;padding:.8rem 1.1rem;border-top:1px solid #d8e1e8;background:#fff}
.officer-preview-navigation span{text-align:center;color:#667b8d;font-size:.82rem}.officer-preview-navigation button{min-height:42px;border:1px solid #9eb0bf;border-radius:7px;background:#fff;color:#0b3559;font:700 .9rem 'Sarabun',sans-serif;cursor:pointer}.officer-preview-navigation button:last-child{border-color:#0b4778;background:#0b4778;color:#fff}.officer-preview-navigation button:disabled{border-color:#d6dee5;background:#edf1f4;color:#93a2ae;cursor:not-allowed}
.ecmis-document-preview-dialog .swal2-actions{width:100%;margin:0;padding:.9rem 1.1rem;border-top:1px solid #d8e1e8;background:#f8fafc;justify-content:flex-end}.ecmis-document-preview-dialog .swal2-styled{min-width:170px;margin:0 0 0 .65rem;border-radius:7px;font-family:'Sarabun',sans-serif;font-weight:700}.ecmis-document-preview-dialog .swal2-confirm:disabled{opacity:.42;cursor:not-allowed}
@media(max-width:900px){.officer-preview-viewport>.a4-paper{zoom:.58}}
@media(max-width:620px){.swal2-popup.ecmis-document-preview-dialog{width:calc(100vw - .75rem)}.officer-preview-viewport{height:60vh;padding:.65rem}.officer-preview-viewport>.a4-paper{zoom:.42}.officer-preview-navigation{grid-template-columns:1fr 1fr}.officer-preview-navigation span{display:none}.ecmis-document-preview-dialog .swal2-actions{display:grid;grid-template-columns:1fr}.ecmis-document-preview-dialog .swal2-styled{width:100%;margin:.35rem 0 0}}
.ws-callout{border:1px solid #eadba8;border-left-width:1px;border-radius:8px}
.signature-proof code,.form3-digital-signature code{display:none!important}
.signature-confirm-preview{display:grid;grid-template-columns:minmax(0,1fr) 190px;align-items:center;gap:1rem;margin-top:1rem;padding:.75rem 1rem;border:1px solid #d8e1e8;background:#fff}
.signature-confirm-preview>span{color:#324b60;font-size:.86rem;font-weight:700}
.signature-confirm-preview .signature-image-wrap{width:190px}
.signature-confirm-preview .signature-image{width:190px;height:58px;object-position:center;transform:none}
.signature-confirm-preview .signature-image-wrap em{display:none}
@media(max-width:720px){.signature-confirm-preview{grid-template-columns:1fr}.signature-confirm-preview .signature-image-wrap{width:100%}}
.duplicate-critical{border-left-width:2px!important}
.smart-suggestions{border-left-width:2px}
.reason-option-grid label:has(input:checked){box-shadow:0 5px 14px rgba(8,43,80,.07)}
.petition-header{display:grid;grid-template-columns:1fr 110px 1fr;gap:1rem;align-items:start}.petition-header>p{margin:0;font-weight:600}.petition-header img{width:100px;height:100px;object-fit:contain}.petition-header>div{text-align:right;line-height:2}
.template-petition{font-size:12px;line-height:1.62}.template-petition .doc-heading{margin:.2rem 0 .7rem}.template-petition .doc-heading h2{font-size:18px}.template-petition .official-subject{margin:.5rem 0}.petition-section{margin:.45rem 0;padding:0;border:0}.petition-section h3{margin:.15rem 0 .3rem;font-size:13px;text-decoration:underline}.petition-section p{margin:.14rem 0;line-height:1.65}.petition-detail{min-height:112px;padding:.25rem 0;border:0;border-bottom:1px dotted #333;white-space:pre-wrap}.petition-inline-sign{margin-top:.45rem!important;text-align:right}.petition-followup{margin-top:.65rem}.officer-review{text-align:left;font-size:.8rem}.officer-review-note{margin:0 0 .7rem;color:#5f7180;line-height:1.6}.review-doc-list{display:grid;gap:.35rem;max-height:280px;overflow:auto}.review-doc-item{display:flex;align-items:center;gap:.6rem;width:100%;padding:.45rem .6rem;border:1px solid #dbe3ea;border-radius:8px;background:#f7f9fb;font-family:inherit;font-size:.78rem;color:#102f4d;text-align:left;cursor:pointer}.review-doc-item:hover{border-color:#082b50;background:#eef3f8}.review-doc-item b{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:#082b50;color:#fff;font-size:.7rem;flex:none}.review-doc-item span{flex:1}.review-badge{flex:none;padding:.12rem .5rem;border-radius:999px;background:#e8eef4;color:#44586c;font-size:.68rem;font-weight:700}.review-badge.muted{background:#f0f2f4;color:#98a3ad}.review-doc-complaint{display:flex;align-items:center;gap:.6rem;margin-top:.5rem;padding:.55rem .6rem;border:1px dashed #c4d0db;border-radius:8px;background:#fbfcfe;color:#102f4d;font-weight:700}.review-doc-complaint span{flex:1}.review-total{margin:.8rem 0 0;padding:.55rem .7rem;border-radius:8px;background:#fff8e6;border:1px solid #eedca8;color:#6b5410;line-height:1.7}.review-total b{color:#082b50}
.petition-attachments .petition-attachment-desc{margin:-.15rem 0 .4rem 1.25rem;font-size:10px;color:#687789;line-height:1.5}
.petition-attachments{min-height:4.5rem}.petition-attachments p{border-bottom:1px dotted #333}.petition-signature{width:18rem;margin:1.1rem 1.5rem 0 auto;text-align:center}.petition-signature p{margin:.12rem}
@media print{
  html,body{width:210mm;margin:0!important;padding:0!important;background:#fff}
  .a4-walkin-shell,.ws-container,.document-workspace,.ws-doc-pane{position:static!important;display:block!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important}
  .ws-paper-stage{position:absolute!important;inset:0 auto auto 0!important;width:210mm;max-height:none;margin:0;padding:0;border:0;background:#fff;overflow:visible}
  .document-page-set{position:static;display:block;width:210mm;margin:0;padding:0}
  .a4-paper,.document-page-set>.a4-paper{position:relative;inset:auto;width:210mm;height:297mm;min-height:0;max-height:297mm;margin:0;padding:14mm 15mm;overflow:hidden;box-shadow:none;break-inside:avoid;page-break-inside:avoid;break-after:page;page-break-after:always}
  .document-page-set>.a4-paper:last-child{break-after:auto;page-break-after:auto}
  .a4-paper{font-family:'Sarabun','Prompt',sans-serif;-webkit-print-color-adjust:exact;print-color-adjust:exact}
}
@page{size:A4 portrait;margin:0}

html,
body,
button,
input,
select,
textarea,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
label,
span,
small,
strong,
th,
td {
  font-family:'Sarabun',sans-serif!important;
}

h1,h2,h3,h4,h5,h6{font-weight:700}

@media(max-width:720px){.admin-queue-tabs{position:sticky;top:.5rem;z-index:4;margin:.75rem 0}.admin-queue-tab{padding:.48rem .4rem;font-size:.72rem}}

.ws-topbar-inner,
.ws-profile,
.document-workspace,
.ws-editor,
.ws-doc-pane,
.ws-paper-stage,
.ws-actions {
  min-width: 0;
}

.ws-topbar-inner {
  width: 100%;
}

.ws-profile {
  flex-wrap: wrap;
  justify-content: flex-end;
}

.ws-role-select {
  width: clamp(10.5rem, 14vw, 12.5rem);
  min-width: 0;
  max-width: 100%;
}

#wsRegionalRegionField:not(.ws-hidden) {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: .45rem;
}

#wsRegionalRegionField .ws-role-select {
  width: clamp(8.5rem, 11vw, 10.5rem);
}

.document-workspace {
  width: 100%;
  grid-template-columns: minmax(0, 44%) minmax(0, 56%);
}

.ws-editor,
.ws-doc-pane {
  width: 100%;
  max-width: 100%;
}

.ws-editor-body,
.ws-section,
.ws-grid-2 > *,
.ws-grid-3 > *,
.ws-choice-grid > * {
  min-width: 0;
}

.ws-doc-pane {
  overflow: hidden;
}

.ws-doc-toolbar {
  min-width: 0;
  flex-wrap: wrap;
}

.ws-doc-tabs {
  min-width: 0;
  flex: 1 1 16rem;
}

.ws-paper-stage {
  width: 100%;
  max-width: 100%;
  overscroll-behavior: contain;
}

.a4-paper {
  max-width: 794px;
}

.ws-actions {
  width: min(48rem, calc(100vw - 2rem));
  max-width: calc(100vw - 2rem);
}

.ws-actions:not(:has(.ws-button:nth-child(2))) {
  width: min(22rem, calc(100vw - 2rem));
}

.ws-actions:has(.ws-button:nth-child(2)):not(:has(.ws-button:nth-child(3))) {
  width: min(34rem, calc(100vw - 2rem));
}

.ws-actions:has(.ws-button:nth-child(4)) {
  width: min(64rem, calc(100vw - 2rem));
}

.ws-actions .ws-button {
  overflow-wrap: anywhere;
  white-space: normal;
  line-height: 1.25;
}

@media (max-width: 1440px) {
  .ws-topbar-inner {
    gap: .65rem;
    padding: .65rem 1rem;
  }

  .ws-profile {
    gap: .4rem;
  }

  .ws-admin-tool {
    min-height: 38px;
    padding: .5rem .7rem;
    font-size: .78rem;
  }

  .ws-font-controls {
    padding: .28rem;
  }

  .ws-font-controls > span,
  .ws-font-controls output {
    display: none;
  }

  .ws-role-select {
    width: clamp(10rem, 15vw, 11.5rem);
    padding: .55rem .65rem;
  }

  body.ecmis-sidebar-enabled:not(.ecmis-sidebar-collapsed) .document-workspace {
    grid-template-columns: minmax(0, 1fr);
  }

  body.ecmis-sidebar-enabled:not(.ecmis-sidebar-collapsed) .ws-doc-pane {
    position: relative;
    top: auto;
  }

  body.ecmis-sidebar-enabled:not(.ecmis-sidebar-collapsed) .ws-paper-stage {
    max-height: min(72vh, 820px);
  }
}

@media (max-width: 1180px) {
  .document-workspace {
    grid-template-columns: minmax(0, 1fr);
  }

  .ws-doc-pane {
    position: relative;
    top: auto;
  }

  .ws-paper-stage {
    max-height: min(72vh, 780px);
  }

  .a4-paper {
    width: min(100%, 794px);
    min-width: 0;
  }

  .ws-actions,
  .ws-actions:has(.ws-button:nth-child(4)) {
    max-width: calc(100vw - var(--ecmis-sidebar-current-width, 0px) - 1rem);
  }
}

@media (max-width: 900px) {
  .ws-topbar-inner {
    align-items: flex-start;
  }

  .ws-profile {
    flex: 1 1 auto;
  }

  .ws-container {
    width: 100%;
    padding-inline: 1rem;
  }

  .ws-paper-stage {
    max-height: 70vh;
  }

  .ws-actions,
  .ws-actions:has(.ws-button:nth-child(4)) {
    max-width: calc(100vw - 1rem);
  }
}

@media (max-width: 720px) {
  .ws-profile {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ws-profile > span {
    display: none;
  }

  .ws-font-controls,
  .ws-role-select,
  #wsRegionalRegionField:not(.ws-hidden) {
    width: 100%;
    max-width: none;
  }

  .ws-font-controls,
  .ws-role-select,
  #wsRegionalRegionField:not(.ws-hidden) {
    grid-column: 1 / -1;
  }

  #wsRegionalRegionField:not(.ws-hidden) {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
  }

  #wsRegionalRegionField .ws-role-select {
    width: 100%;
  }

  .ws-admin-tool {
    width: 100%;
    min-width: 0;
  }

  .ws-doc-toolbar > .ws-button {
    flex: 1 1 auto;
  }

  .ws-paper-stage {
    max-height: 68vh;
    padding: .5rem;
  }

  .a4-paper {
    width: 100%;
    min-width: 0;
    padding-inline: clamp(1rem, 6vw, 2.5rem);
  }

  .ws-actions,
  .ws-actions:not(:has(.ws-button:nth-child(2))),
  .ws-actions:has(.ws-button:nth-child(2)):not(:has(.ws-button:nth-child(3))),
  .ws-actions:has(.ws-button:nth-child(4)) {
    width: calc(100vw - 1rem);
    max-width: calc(100vw - 1rem);
  }
}

@media (max-width: 480px) {
  .ws-topbar-inner {
    padding: .55rem .6rem;
  }

  .ws-profile {
    grid-template-columns: minmax(0, 1fr);
  }

  .ws-admin-tool,
  .ws-font-controls,
  .ws-role-select,
  #wsRegionalRegionField:not(.ws-hidden) {
    grid-column: 1;
  }

  .ws-editor-head,
  .ws-doc-toolbar {
    padding-inline: .75rem;
  }

  .ws-editor-body {
    padding: .85rem;
  }
}

/* ---------- กิจกรรมที่ 5 — ตัวติดตามรอบขยายเวลา ---------- */
.a5-ext-list{margin-top:.6rem}
.a5-ext-track{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.5rem}
.a5-ext-label{color:var(--ws-muted);font-size:.76rem;font-weight:600;margin-right:.2rem}
.a5-ext-round{display:inline-flex;align-items:center;gap:.25rem;padding:.3rem .55rem;border:1px solid var(--ws-line);border-radius:99px;color:var(--ws-muted);background:#f5f7f9;font-size:.72rem;font-weight:600}
.a5-ext-round.used{color:#1e6141;background:#dff0e7;border-color:#bfe3d1}
.a5-ext-round.next{color:#654b08;background:var(--ws-gold-soft);border-color:#e3cd8d}

/* ---------- กิจกรรมที่ 5 — ป้ายกำหนดเวลา ---------- */
.ws-deadline{display:inline-flex;padding:.28rem .58rem;border-radius:99px;font-size:.74rem;font-weight:600;background:#edf1f4;color:var(--ws-muted)}
.ws-deadline.muted{background:#edf1f4;color:var(--ws-muted)}
.ws-deadline.ok{background:#dff0e7;color:#1e6141}
.ws-deadline.soft{background:#eaf3fb;color:#1c5c8a}
.ws-deadline.warn{background:var(--ws-gold-soft);color:#654b08}
.ws-deadline.crit{background:#f9e1df;color:#8c261f}

/* ---------- กิจกรรมที่ 5 — หมายเหตุนโยบาย / รายการทั่วไป ---------- */
.ws-policy-note{margin:.5rem 0 0;color:var(--ws-muted);font-size:.76rem;line-height:1.55}
.ws-list{margin:.4rem 0 0;padding-left:1.2rem;color:var(--ws-ink);font-size:.83rem;line-height:1.7}

/* ---------- กิจกรรมที่ 5 — เอกสารทางการ (213/644/มติ/หนังสือส่ง) ---------- */
.ws-paper{background:var(--ws-white);border-radius:10px;box-shadow:0 10px 26px rgba(8,43,80,.1);padding:1.4rem 1.6rem;max-width:210mm;margin:0 auto;color:var(--ws-ink)}
.ws-paper-head{display:flex;gap:1rem;align-items:flex-start;padding-bottom:.9rem;margin-bottom:.9rem;border-bottom:2px solid var(--ws-navy)}
.ws-paper-head h2{margin:0 0 .2rem;color:var(--ws-navy);font-size:1.1rem}
.ws-paper-head p{margin:0;color:var(--ws-muted);font-size:.76rem}
.ws-paper-crest{flex:0 0 auto;color:var(--ws-navy)}
.ws-paper-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem .9rem;margin:0 0 1rem;padding:0}
.ws-paper-meta dt{color:var(--ws-muted);font-size:.68rem}
.ws-paper-meta dd{margin:.08rem 0 0;color:var(--ws-ink);font-size:.82rem;font-weight:500}
.ws-paper-body h3{margin:1rem 0 .5rem;color:var(--ws-navy);font-size:.9rem}
.ws-paper-body h3:first-child{margin-top:0}
.ws-paper-text{margin:0;color:var(--ws-ink);font-size:.85rem;line-height:1.7;white-space:pre-wrap}
.ws-paper-sign{display:flex;flex-wrap:wrap;justify-content:space-around;gap:1rem;margin-top:1.6rem;padding-top:1rem;border-top:1px dashed var(--ws-line);text-align:center}
.ws-paper-sign>div{min-width:9rem}
.ws-paper-sign p{margin:.15rem 0;color:var(--ws-muted);font-size:.74rem}
.ws-paper-sign strong{display:block;margin:.9rem 0 .1rem;color:var(--ws-ink);font-size:.86rem}
@media print{.ws-paper{box-shadow:none;max-width:none}}

/* ===== จัดทำชุดเอกสารส่งพิจารณา (document pack — เจ้าหน้าที่รับเรื่อง) ===== */
.pack-card{margin-top:1rem}
.pack-head{display:flex;flex-direction:column;gap:.15rem;margin-bottom:.15rem}
.pack-workflow{display:flex;align-items:center;gap:.45rem;margin:.65rem 0;padding:.65rem .75rem;border-radius:10px;background:#eef4f8;color:var(--ws-navy);font-size:.74rem;font-weight:700}
.pack-workflow span{flex:1;padding:.45rem .55rem;border-radius:7px;background:#fff;text-align:center;line-height:1.35}
.pack-workflow i{color:#8495a5;font-style:normal}
.pack-order-hint{margin:.2rem 0 .65rem;color:var(--ws-muted);font-size:.8rem;line-height:1.6}
.pack-steps{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.pack-step{display:grid;grid-template-columns:1.45rem minmax(0,1fr) 7.2rem 5.6rem;align-items:center;gap:.65rem;border:1px solid var(--ws-line);border-radius:10px;padding:.6rem .7rem;background:var(--ws-white);transition:background .15s ease}
.pack-step.done{background:#f0f6ef;border-color:#c8ddc6}
.pack-step-no{flex:0 0 1.45rem;height:1.45rem;border-radius:50%;background:var(--ws-navy);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700;margin-top:.1rem}
.pack-check{flex:0 0 auto;display:flex;align-items:center;gap:.3rem;cursor:pointer;margin-top:.15rem}
.pack-check input{width:1.05rem;height:1.05rem;accent-color:var(--ws-navy-2);cursor:pointer}
.pack-check span{font-size:.72rem;color:var(--ws-muted)}
.pack-step-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.12rem}
.pack-step-body>strong{font-size:.86rem;color:var(--ws-ink);line-height:1.45}
.pack-step-body small{color:var(--ws-muted);font-size:.76rem;line-height:1.5}
.pack-work-record{display:grid;grid-template-columns:minmax(0,1fr) 7.2rem 5.6rem;grid-template-areas:"title action spacer" "detail action spacer";align-items:center;gap:.2rem .65rem;margin:.8rem 0;padding:.85rem .7rem .85rem 1rem;border-radius:.75rem;background:#f3f7fb}
.pack-work-record>strong{grid-area:title;min-width:0;color:var(--ws-ink);font-size:.9rem;line-height:1.45}
.pack-work-record>small{grid-area:detail;color:var(--ws-muted);font-size:.78rem;line-height:1.45}
.pack-work-record>.pack-open{grid-area:action;align-self:center}
.pack-badge{display:inline-flex;align-items:center;justify-content:center;width:100%;font-size:.7rem;font-weight:700;color:var(--ws-navy);background:#e7eef7;border:1px solid #c3d3e6;padding:.18rem .55rem;border-radius:999px;white-space:nowrap}
.pack-badge.muted{color:#7d8898;background:#eef1f5;border-color:#d9e0e8}
.pack-ext{margin-top:.4rem;font-size:.78rem;color:var(--ws-ink);line-height:1.9;background:#fbfcfe;border:1px dashed #d3dde8;border-radius:8px;padding:.45rem .6rem}
.pack-ext .pack-badge{margin-right:.15rem}
.pack-count-card{margin-top:.8rem;border:1px dashed #c3d0de;border-radius:12px;background:#f6f9fc;padding:.8rem .9rem}
.pack-count-card h4{display:flex;align-items:baseline;gap:.5rem;font-size:.88rem;color:var(--ws-navy);margin:0 0 .6rem}
.pack-count-card h4 small{font-weight:500;font-size:.74rem;color:var(--ws-muted)}
.pack-count-table{display:grid;grid-template-columns:46px minmax(0,1fr) 66px;border:1px solid #e2e9f0;border-radius:10px;overflow:hidden;background:#fff}
.pack-count-row{display:contents}
.pack-count-row>span,.pack-count-row>input,.pack-count-row>strong{padding:.5rem .75rem;border-bottom:1px solid #eef2f6;font-size:.78rem;color:#33475b;min-width:0}
.pack-count-no{text-align:center;color:#8a97a5;font-variant-numeric:tabular-nums;white-space:nowrap}
.pack-count-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pack-count-row>input{width:100%;border:none;border-radius:0;border-bottom:1px solid #eef2f6;text-align:right;font-family:inherit;font-size:.86rem;font-weight:600;color:#102f4d;background:transparent;padding:.5rem .6rem}
.pack-count-row>input:focus{outline:2px solid #c9a227;outline-offset:-2px;background:#fffdf2}
.pack-count-row>input::-webkit-outer-spin-button,.pack-count-row>input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.pack-count-row>input[type=number]{-moz-appearance:textfield;appearance:textfield}
.pack-count-head>span{background:#f4f7fa;font-weight:700;font-size:.66rem;letter-spacing:.09em;color:#8a97a5;border-bottom:1px solid #e2e9f0;text-transform:uppercase}
.pack-count-total-row>span,.pack-count-total-row>strong{background:#f4f8fb;font-weight:700;color:#0b3559;border-bottom:0}
.pack-count-total-row .pack-count-no{letter-spacing:.05em}
.pack-count-total-val{text-align:right;font-size:.95rem;font-variant-numeric:tabular-nums;white-space:nowrap}
.pack-count-card{border:1px dashed #c3d0de;border-radius:12px;background:#f6f9fc;padding:.8rem .9rem;margin-top:.8rem}
.pack-count-card h4{display:flex;align-items:baseline;gap:.5rem;font-size:.88rem;color:var(--ws-navy);margin:0 0 .6rem}
.pack-count-card h4 small{font-weight:500;font-size:.74rem;color:var(--ws-line);border-radius:8px;font:inherit;color:var(--ws-ink);background:var(--ws-white)}
.pack-count-grid .ws-field input:disabled{background:#eef1f5;color:#7d8898}
.pack-total{display:flex;gap:.7rem;margin-top:.7rem}
.pack-total>div{flex:1;border:1px solid var(--ws-line);border-radius:10px;padding:.55rem .7rem;background:var(--ws-white);text-align:center}
.pack-total span{display:block;font-size:.74rem;color:var(--ws-muted);margin-bottom:.15rem}
.pack-total strong{display:inline-block;font-size:1.35rem;color:var(--ws-navy);font-variant-numeric:tabular-nums}
.pack-total small{display:block;font-size:.7rem;color:var(--ws-muted);margin-top:.1rem}
.pack-note{margin:.6rem 0 0;font-size:.73rem;color:#8a93a3;line-height:1.65}

/* ===== เอกสาร Workspace — ปกฟ้า 1-01 / ปกลับ / PCMS ===== */
.template-cover{display:flex;flex-direction:column}
.official-blue-cover{padding:58px 64px 62px;background:#cfe3f7;min-height:100%}
.official-blue-cover .official-page-label{top:34px;right:48px}
.official-blue-cover .cover-reference{position:absolute;top:34px;left:48px;margin:0;font-size:11px;line-height:1.45}
.official-blue-cover .cover-head{display:flex;flex-direction:column;align-items:center;gap:10px;margin:54px 0 24px;padding:0;text-align:center}
.official-blue-cover .cover-head .memo-garuda{width:86px;height:86px;object-fit:contain}
.official-blue-cover .cover-head h1{margin:0;color:#111;font-size:22px;line-height:1.25}
.official-blue-cover .cover-head p{margin:3px 0 0;color:#111;font-size:12px;font-weight:700;line-height:1.45}
.official-blue-cover .cover-body{display:flex;flex-direction:column;gap:11px;padding:0 8px 8px;color:#111}
.official-blue-cover .cover-subject{margin:0;font-size:13px;line-height:1.5}
.official-blue-cover .cover-parties{display:grid;gap:4px;margin:0 auto;width:min(100%,460px);font-size:12px;text-align:center}
.official-blue-cover .cover-party-line{display:grid;grid-template-columns:minmax(0,1fr) 86px;align-items:end;gap:12px}
.official-blue-cover .cover-party-line span{display:block;min-height:23px;padding:1px 5px;border-bottom:1px dotted #333;text-align:center}
.official-blue-cover .cover-party-line b{color:#111;font-weight:700;text-align:left;white-space:nowrap}
.official-blue-cover .cover-between{margin:0;color:#555;font-size:11px;line-height:1.3}
.official-blue-cover .cover-ground{display:grid;grid-template-columns:175px 1fr;align-items:start;gap:12px;margin:4px 0 0;font-size:12px;line-height:1.55}
.official-blue-cover .cover-ground-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 14px}
.official-blue-cover .cover-ground label{display:flex;align-items:flex-start;gap:5px;margin:0}
.official-blue-cover .cover-ground input{width:14px;height:14px;margin:0;accent-color:#111}
.official-blue-cover .cover-field{margin:0;font-size:12px;line-height:1.55}
.official-blue-cover .cover-field strong{display:inline-block;margin-right:4px}
.official-blue-cover .cover-sublist{margin:-5px 0 0 18px;font-size:11.5px;line-height:1.65}
.official-blue-cover .cover-dim{color:#444;font-size:11px}
.official-blue-cover .official-form-code{margin-top:auto;padding-top:18px;text-align:right;font-size:10px;color:#555}
.cover-mock{display:inline-block;margin-top:.6rem;padding:.3rem .7rem;border:1px dashed #c9a227;border-radius:.4rem;color:#8a6d1a;background:#fdf6e3;font-size:.78rem;font-weight:700}
.memo-opinion{border-top:1px solid var(--ws-line);margin-top:.6rem;padding-top:.5rem;font-size:.8rem;line-height:1.5}
.memo-opinion p{margin:.15rem 0}
.official-page-label{position:absolute;top:34px;right:44px;margin:0;font-size:11px}
.official-sample-title{position:absolute;top:34px;left:50%;width:24rem;margin:0;transform:translateX(-50%);text-align:center;font-size:12px}
.memo-receipt-box{position:absolute;top:54px;right:44px;display:grid;width:130px;font-size:9px;line-height:1.45}
.official-n103-page{padding:58px 50px 62px;font-size:11px;line-height:1.48}
.official-n103-page .memo-heading{margin-top:1rem}
.official-n103-page .memo-heading h2{font-size:24px}
.official-n103-page .memo-metadata{font-size:11px}
.official-n103-page .official-subject{grid-template-columns:48px 1fr;margin:.55rem 0}
.official-n103-page .official-body{font-size:11px;line-height:1.48}
.official-n103-page .official-body p{margin:.3rem 0;text-indent:2.2rem}
.memo-continuation{margin:0 0 .7rem;text-align:center;font-size:12px}
.official-n103-page .n103-continuation{margin-top:1rem}
.official-n103-page .n103-signature{width:260px;margin:.7rem 0 .45rem auto}
.official-n103-page .memo-opinion{margin-top:.35rem;padding-top:.35rem;border-top:0;font-size:10px;line-height:1.35}
.official-n103-page .memo-opinion>p:first-child{text-align:left}
.official-n103-page .memo-opinion>p:not(:first-child){text-align:center}
.document-source-missing{display:grid;place-content:center;min-height:420px;border:1px dashed #b8c4ce;border-radius:12px}
.document-source-missing strong{color:var(--ws-navy);font-size:1.05rem}
.document-source-missing p{margin:.45rem 0 0;font-size:.82rem}
.official-thanks{margin-top:.7rem;font-weight:700}
.template-pcms .pcms-header{display:flex;align-items:center;gap:.7rem;border-bottom:2px solid var(--ws-navy);padding-bottom:.5rem}
.pcms-header img{width:2.4rem;height:2.4rem;object-fit:contain}
.pcms-header h2{margin:0;font-size:1rem;color:var(--ws-navy)}
.pcms-header p{margin:.1rem 0 0;font-size:.72rem;color:var(--ws-muted)}
.pcms-no{margin-left:auto;text-align:right;font-size:.8rem}
.pcms-grid{display:grid;grid-template-columns:1fr 1fr;gap:.55rem .8rem;margin-top:.7rem}
.pcms-grid .ws-field p{margin:.15rem 0 0;font-size:.85rem;line-height:1.4}
.pack-open{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:2rem;border:1px solid var(--ws-navy);color:var(--ws-navy);background:#fff;border-radius:.45rem;padding:.28rem .6rem;font-size:.75rem;font-weight:700;cursor:pointer;white-space:nowrap;flex:0 0 auto}
.pack-open:hover{background:var(--ws-navy);color:#fff}
.pack-open[disabled]{opacity:.4;cursor:not-allowed}
@media(max-width:720px){.pack-work-record{grid-template-columns:1fr;grid-template-areas:"title" "detail" "action"}.pack-work-record>.pack-open{justify-self:start;margin-top:.35rem}}
@media(max-width:720px){.pack-workflow{align-items:stretch;flex-direction:column}.pack-workflow i{display:none}.pack-step{grid-template-columns:1.45rem minmax(0,1fr);align-items:start}.pack-step .pack-open{grid-column:2;width:auto;justify-self:start}.pack-step .pack-badge{grid-column:2;width:auto;justify-self:start}}
.pack-extrow{display:flex;flex-direction:column;gap:.45rem;padding:.5rem .6rem;border:1px dashed #c3d0de;border-radius:.5rem;background:#f7fafc;margin-top:.35rem}

/* ===== hint ⓘ (pattern เดียวกับหน้ายื่นเรื่องร้องเรียน) ===== */
.complaint-hint{position:relative;display:inline-flex;align-items:center;vertical-align:middle;margin-left:.35rem}
.complaint-hint button{width:22px;height:22px;display:grid;place-items:center;border:1px solid #c9a227;border-radius:50%;background:#fff;color:#8a6812;cursor:help;font-weight:700;font-size:.75rem;line-height:1}
.complaint-hint-box{position:absolute;z-index:20;left:0;top:calc(100% + .5rem);width:min(430px,80vw);padding:.85rem 1rem;border:1px solid #d9c06b;border-radius:10px;background:#fffdf5;color:#394150;box-shadow:0 12px 28px rgba(15,35,65,.16);font-size:.8rem;line-height:1.65;opacity:0;visibility:hidden;transform:translateY(-4px);transition:.15s;text-align:left}
.complaint-hint:hover .complaint-hint-box,.complaint-hint:focus-within .complaint-hint-box{opacity:1;visibility:visible;transform:translateY(0)}
.complaint-hint-box strong{display:block;color:var(--ws-navy);margin-bottom:.25rem}
@media(max-width:600px){.complaint-hint-box{position:fixed;left:1rem;right:1rem;top:auto;bottom:1rem;width:auto}.complaint-hint:hover .complaint-hint-box,.complaint-hint:focus-within .complaint-hint-box{transform:none}}

/* ===== สำเนาเรื่องร้องเรียน (ฉบับเจ้าหน้าที่) ===== */
.working-copy-section{border:1px solid #d8e1ea;border-radius:10px;padding:1rem 1rem .4rem;margin:.9rem 0 1.1rem;background:#fbfcfe}
.wc-section-head{display:flex;align-items:center;gap:.6rem}
.wc-section-head h3{margin:0}
.wc-copy-chip{padding:.15rem .6rem;border-radius:999px;background:#fde8e6;border:1px solid #e2b4ae;color:#a33a35;font-size:.66rem;font-weight:700}
.wc-editor-banner{margin:.5rem 0 .8rem;padding:.55rem .8rem;border:1px solid #e2c3a8;border-radius:8px;background:#fdf6ec;color:#7a5a2a;font-size:.74rem;line-height:1.6}
.wc-editor-banner strong{color:#8c2f2a}
.working-copy-section .ws-field small{color:#8494a3}
.wc-orig-chip{margin-left:.5rem;padding:.12rem .55rem;border-radius:999px;background:#eef2f6;border:1px solid #cfd9e2;color:#5f7180;font-size:.62rem;font-weight:700;vertical-align:middle}
.template-working-copy{position:relative;overflow:hidden}
.wc-stamp{position:absolute;top:30%;right:7%;z-index:0;transform:rotate(-24deg);padding:.1em .55em;border:4px solid rgba(190,60,55,.20);border-radius:10px;color:rgba(190,60,55,.09);font-size:84px;font-weight:900;letter-spacing:.12em;pointer-events:none;user-select:none}
.wc-title-sub{font-size:12px;font-weight:400;color:#5f7180}
.wc-items{margin-top:.6rem}
.wc-item{margin:.55rem 0}
.wc-item-head{display:flex;align-items:baseline;gap:.4rem;margin:0 0 .12rem;font-size:12px}
.wc-no{font-weight:700;color:#0b3559}
.wc-label{font-weight:700;text-decoration:underline}
.wc-edited{display:inline-block;margin-left:.4rem;padding:.05rem .5rem;border-radius:999px;background:#fde8e6;color:#a33a35;font-size:9px;font-style:normal;font-weight:700;vertical-align:middle}
.template-working-copy .form3-free-text{margin:0;font-weight:600;color:#102f4d}
.template-working-copy .form3-writing-text{min-height:96px;font-weight:600;color:#102f4d}
.template-working-copy .doc-note{margin-top:1rem;font-size:10px}

/* ---------- Incident date/time widget (matches the public complaint form's Thai Buddhist-Era calendar + 24-hour wheel time picker) ---------- */
.incident-datetime{display:flex;flex-wrap:wrap;align-items:stretch;gap:.5rem .6rem}
.thai-date-field{position:relative}
.thai-date-display{display:flex;align-items:center;height:100%;min-height:44px;border:1px solid #aebdca;border-radius:7px;padding:.5rem .75rem;font-size:.88rem;font-family:inherit;background:#fff;color:var(--ws-ink);white-space:nowrap;cursor:pointer}
.thai-date-display:hover{border-color:var(--ws-gold)}
.thai-date-display:focus{outline:none;box-shadow:0 0 0 3px rgba(202,166,49,.18);border-color:var(--ws-gold)}
.thai-date-display:disabled{opacity:.6;cursor:not-allowed;background:#f3f5f8}
.thai-calendar-popover{position:absolute;top:calc(100% + 8px);left:0;z-index:60;width:280px;background:#fff;border-radius:14px;box-shadow:0 18px 40px -12px rgba(8,43,80,.35);padding:1rem 1.1rem 1.1rem}
.tc-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}
.tc-nav{width:2rem;height:2rem;border:none;border-radius:8px;background:#eef1f5;color:var(--ws-navy);font-size:1rem;line-height:1;cursor:pointer}
.tc-nav:hover{background:#e2e6ed}
.tc-title-selects{display:flex;gap:.35rem}
.ws-field .tc-select{border:1px solid #aebdca;border-radius:8px;min-height:0;width:auto;padding:.3rem 1.65rem .3rem .55rem;font-size:.84rem;font-weight:700;color:var(--ws-navy);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236b7280' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right .6rem center/10px 6px;font-family:inherit;appearance:none;-webkit-appearance:none;-moz-appearance:none}
.ws-field .tc-select:focus{outline:none;border-color:var(--ws-gold)}
.tc-weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:.72rem;color:var(--ws-muted);margin-bottom:.35rem}
.tc-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}
.tc-day{aspect-ratio:1;border:none;background:none;border-radius:8px;font-size:.85rem;color:var(--ws-ink);display:flex;align-items:center;justify-content:center;cursor:pointer}
.tc-day:hover:not(.tc-day-empty){background:#eef1f5}
.tc-day.tc-day-today{box-shadow:inset 0 0 0 1.5px var(--ws-gold);font-weight:700}
.tc-day.tc-day-selected{background:var(--ws-navy);color:#fff;font-weight:700}
.tc-day-empty{visibility:hidden}
.tc-footer{display:flex;justify-content:center;margin-top:.65rem;padding-top:.65rem;border-top:1px solid #edf1f4}
.tc-today-btn{border:none;background:none;color:var(--ws-navy);font-size:.8rem;font-weight:600;text-decoration:underline;cursor:pointer}
.thai-time-field{position:relative}
.thai-time-trigger{display:flex;align-items:center;gap:.5rem;height:100%;min-height:44px;border:1px solid #aebdca;border-radius:7px;padding:.5rem .75rem;font-size:.88rem;font-family:inherit;background:#fff;color:var(--ws-ink);white-space:nowrap;cursor:pointer}
.thai-time-trigger:hover{border-color:var(--ws-gold)}
.thai-time-trigger:focus{outline:none;box-shadow:0 0 0 3px rgba(202,166,49,.18);border-color:var(--ws-gold)}
.thai-time-trigger:disabled{opacity:.6;cursor:not-allowed;background:#f3f5f8}
.thai-time-trigger .thai-time-badge{font-size:.7rem;color:var(--ws-muted);background:#eef1f5;border-radius:6px;padding:.1rem .4rem;margin-left:.1rem}
.time-picker-popover{position:absolute;top:calc(100% + 8px);left:0;z-index:60;width:290px;background:#fff;border-radius:16px;box-shadow:0 18px 40px -12px rgba(8,43,80,.35);padding:1.25rem 1.25rem 1rem;text-align:center}
.tp-title{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.84rem;font-weight:600;color:var(--ws-navy);margin-bottom:1rem}
.tp-24-badge{font-size:.68rem;font-weight:500;color:var(--ws-muted);background:#eef1f5;border-radius:6px;padding:.15rem .4rem}
.tp-manual-entry{display:flex;align-items:center;justify-content:center;gap:.4rem;margin-bottom:1rem}
.ws-field .tp-manual-input{width:3.3rem;min-height:0;text-align:center;border:1.5px solid #aebdca;border-radius:10px;padding:.4rem 0;font-size:1.25rem;font-weight:700;color:var(--ws-navy);background:#f7f9fb}
.ws-field .tp-manual-input:focus{outline:none;border-color:var(--ws-gold);background:#fff;box-shadow:0 0 0 3px rgba(202,166,49,.18)}
.tp-manual-colon{font-size:1.25rem;font-weight:700;color:var(--ws-navy)}
.tp-manual-unit{font-size:.82rem;color:var(--ws-muted)}
.tp-wheels{position:relative;display:flex;align-items:center;justify-content:center;gap:.3rem;margin-bottom:1.15rem}
.tp-wheel-wrap{position:relative;width:64px;height:190px}
.tp-wheel-col{position:absolute;inset:0;overflow-y:scroll;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;cursor:grab;scrollbar-width:none;touch-action:pan-y;overscroll-behavior:contain}
.tp-wheel-col::-webkit-scrollbar{display:none}
.tp-wheel-col.dragging{cursor:grabbing;scroll-snap-type:none}
.tp-wheel-track{padding:76px 0}
.tp-wheel-item{height:38px;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#c3c9d4;scroll-snap-align:center;user-select:none;transition:color .12s,font-size .12s,font-weight .12s}
.tp-wheel-item.active{color:var(--ws-navy);font-size:1.45rem;font-weight:700}
.tp-wheel-fade{position:absolute;left:0;right:0;height:48px;pointer-events:none;z-index:3}
.tp-wheel-fade-top{top:0;background:linear-gradient(to bottom,#fff,rgba(255,255,255,0))}
.tp-wheel-fade-bottom{bottom:0;background:linear-gradient(to top,#fff,rgba(255,255,255,0))}
.tp-wheel-highlight{position:absolute;left:0;right:0;top:50%;height:38px;margin-top:-19px;border-top:1.5px solid #e5ddc2;border-bottom:1.5px solid #e5ddc2;background:rgba(202,166,49,.08);border-radius:8px;pointer-events:none;z-index:1}
.tp-wheel-colon{font-size:1.4rem;font-weight:700;color:var(--ws-navy);z-index:2}
.tp-wheel-unit{font-size:.82rem;color:var(--ws-muted);margin-left:.25rem;z-index:2}
.tp-actions{display:flex;justify-content:center;gap:.55rem}
.tp-btn{border:none;border-radius:999px;padding:.5rem 1.05rem;font-size:.82rem;font-weight:600;cursor:pointer}
.tp-btn-ghost{background:#eef1f5;color:var(--ws-navy)}
.tp-btn-ghost:hover{background:#e2e6ed}
.tp-btn-primary{background:linear-gradient(135deg,var(--ws-gold-soft),var(--ws-gold));color:#1a1a1a}
.tp-btn-primary:hover{filter:brightness(1.05)}
.wi-clear-datetime{margin-top:.35rem;border:none;background:none;padding:0;color:var(--ws-muted);font-size:.74rem;text-decoration:underline;cursor:pointer}

.wc-tabs{display:flex;gap:.4rem;margin:.55rem 0 .8rem;padding-bottom:.35rem;border-bottom:2px solid #d8e1ea}
.wc-tab{padding:.35rem .95rem;border:1px solid #d0dae3;border-radius:8px 8px 0 0;background:#f1f4f7;color:#5f7180;font-family:inherit;font-size:.8rem;font-weight:700;cursor:pointer}
.wc-tab.active{border-color:#082b50;border-bottom-color:#fff;background:#fff;color:#082b50}
.wc-tab:focus-visible{outline:3px solid #c9a227;outline-offset:2px}
.wc-panel .wc-orig-note{margin:.3rem 0 .8rem;padding:.5rem .8rem;border:1px solid #d5dde4;border-radius:8px;background:#f4f6f9;color:#5f7180;font-size:.72rem;line-height:1.6}
.working-copy-section + .ws-callout{
  margin-top:1rem!important;
  padding:1rem 1.1rem;
  border:1px solid #d9e2ea;
  border-radius:10px;
  background:#f7f9fb;
  color:#26394c;
  font-size:.84rem;
  font-weight:500;
  line-height:1.85;
}
.working-copy-section + .ws-callout::before{
  content:'ข้อมูลการมอบหมายงาน';
  display:block;
  margin:0 0 .55rem;
  padding:0 0 .5rem;
  border-bottom:1px solid #d9e2ea;
  color:#082b50;
  font-size:.94rem;
  font-weight:700;
  line-height:1.4;
}

.official-letter-107{
  padding-bottom:128px;
}
.official-contact-107{
  right:58px;
  bottom:54px;
  display:grid;
  gap:4px;
  line-height:1.45;
}
.official-contact-107 p{
  margin:0;
  white-space:normal;
  overflow-wrap:anywhere;
}
.official-form-code-107{
  bottom:26px;
}
.ws-paper-stage:has(.official-letter-107){
  padding-bottom:7rem;
}

@media print{
  .official-letter-107{
    padding-bottom:38mm;
  }
  .official-letter-107 .official-contact-107{
    right:15mm;
    bottom:16mm;
    left:15mm;
  }
  .official-letter-107 .official-form-code-107{
    bottom:8mm;
    left:15mm;
  }
}

/* ---------- Activity 5 — authentic official-form rendering (ปปท. 213 / 644) ---------- */
.a5-paper{position:relative;box-sizing:border-box;width:min(100%,794px);min-height:1123px;margin:0 auto;padding:58px 58px 64px;background:#fff;color:#111;box-shadow:0 10px 30px rgba(15,33,50,.16);font-family:'Sarabun','Prompt',sans-serif;font-size:13px;line-height:1.6}
/* ===== ฟอร์มราชการ A5 (HTML ล้วน — Word Engine แก้ไขได้ทุกช่อง) ===== */
.a5-hdr{text-align:center;margin-bottom:.9rem}
.a5-hdr-org{font-size:14px;font-weight:700;margin:0}
.a5-hdr-sub{font-size:12px;margin:.1rem 0 .5rem}
.a5-hdr-title{font-size:17px;font-weight:700;margin:.35rem 0 .15rem}
.a5-hdr-code{font-size:12px;font-weight:600;color:#333;margin:0}
.a5-line{display:flex;align-items:baseline;gap:.35rem;margin:.3rem 0;flex-wrap:wrap}
.a5-line b{font-weight:600;flex:none}
.a5-line .a5-grow{flex:1 1 auto}
.a5-tbl{width:100%;min-width:0;table-layout:fixed;border-collapse:collapse;margin:.55rem 0;font-size:12.5px}
.a5-tbl th,.a5-tbl td{border:1px solid #555;padding:5px 8px;vertical-align:top;text-align:left;line-height:1.5;overflow-wrap:anywhere;word-break:break-all}
.a5-tbl th{background:transparent;font-weight:700;text-align:center}
.a5-tbl .a5-thin{width:14%}
.a5-tbl .a5-fill{min-width:0!important;max-width:100%;width:auto;box-sizing:border-box}
.a5-num{font-weight:600}
.a5-indent{margin-left:2.1rem}
.a5-indent2{margin-left:3.4rem}
.a5-sign{display:flex;justify-content:flex-end;gap:3rem;margin-top:1.6rem}
.a5-sign div{text-align:center;min-width:11rem}
.a5-sign .a5-sign-name{min-height:1.4rem;font-weight:600}
.a5-sign-note{font-size:11px;color:#333;margin:.2rem 0 0}
.a5-pg{page-break-after:always}
.a5-dots{letter-spacing:.12em;color:#555}
.a5-center{text-align:center}
.a5-right{text-align:right}
.a5-box{border:1px solid #555;padding:6px 9px;margin:.5rem 0;border-radius:3px}
.a5-paper[contenteditable="true"]{outline:1px dashed #4a90d9;outline-offset:2px}
.a5-paper .a5-lock,.a5-paper .doc-edit-bar,.a5-paper .doc-edit-fab{user-select:none}
.a5-crest-head{text-align:center;margin-bottom:.3rem}
.a5-crest-head img{width:56px;height:56px;object-fit:contain}
.a5-memo-title{text-align:center;font-size:22px;font-weight:700;margin:.2rem 0 .9rem}
.a5-memo-meta{font-size:12.5px}
.a5-memo-meta p{margin:.28rem 0;padding-bottom:.2rem;border-bottom:1px dotted #333}
.a5-memo-meta p strong{display:inline-block;min-width:5.6rem}
.a5-agency-name{text-align:center;font-size:14px;font-weight:600;margin:.15rem 0}
.a5-report-title{text-align:center;font-size:20px;font-weight:700;margin:.3rem 0 .9rem}
.a5-report-fields{display:grid;grid-template-columns:1fr 1fr;gap:.15rem 1rem;font-size:12.5px;margin-bottom:.7rem}
.a5-report-fields p{margin:.22rem 0;padding-bottom:.18rem;border-bottom:1px dotted #333}
.a5-report-fields p.a5-field-full{grid-column:1 / -1}
.a5-body{margin-top:.4rem}
.a5-section{margin:.75rem 0}
.a5-section>h3{font-size:13px;margin:.85rem 0 .4rem;text-decoration:underline;text-underline-offset:2px}
.a5-section>p{margin:.35rem 0;text-align:justify;text-indent:1.6rem}
.a5-sub{margin:.3rem 0 .3rem 1.5rem}
.a5-sub>b{margin-right:.35rem}
.a5-sub>p,.a5-fill-block{display:inline}
.a5-note{padding:.5rem .65rem;margin:.35rem 0;border-left:3px solid #999;background:#f7f7f7;font-size:11.5px;color:#555}
.a5-line .a5-fill{flex:1 1 auto;min-width:0!important;max-width:100%}
.a5-fill{display:inline-block;min-width:6rem;border-bottom:1px dotted #333;padding:0 .15rem;max-width:100%}
.a5-fill.a5-blank{color:#9aa2ab;font-style:italic}
.a5-fill-block{color:#9aa2ab;font-style:italic;border-bottom:1px dotted #333;padding:0 .15rem}
.a5-checklist{display:grid;gap:.3rem;margin:.45rem 0}
.a5-check{display:flex;gap:.5rem;align-items:flex-start;font-size:12.5px}
.a5-check::before{content:'\2610';flex:0 0 auto}
.a5-check.checked::before{content:'\2611';font-weight:700}
.a5-numlist{margin:.3rem 0 .3rem 1.4rem;padding:0}
.a5-numlist li{margin:.3rem 0}
.a5-sign-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.4rem;margin-top:1.8rem}
.a5-sign-block{text-align:center;font-size:12.5px}
.a5-sign-block p{margin:.18rem 0}
.a5-sign-line{margin-top:1.6rem}
.a5-sign-note{color:#687789;font-size:11px}
.a5-form-code{position:absolute;bottom:20px;left:58px;font-size:11px;color:#555}
.a5r-paper{width:794px;min-height:auto;padding:0;background:#fff;overflow:hidden;margin:0 auto;transform-origin:top left}
.a5r-paper .a5-form-code{position:static;margin:.4rem 0 0;text-align:center}
.a5r-page{position:relative;width:794px;max-width:100%;aspect-ratio:595.32/841.92;background-size:100% 100%;background-repeat:no-repeat;margin:0 auto;page-break-after:always}
.a5r-page:last-child{page-break-after:auto}
.a5r-slot{position:absolute;display:flex;align-items:center;overflow:hidden;white-space:nowrap;line-height:23.3px;height:23.3px;color:#161616;font-family:'Sarabun','Prompt',sans-serif;text-align:left;font-weight:400}
.a5r-slot.multi{white-space:pre-wrap;align-items:flex-start;height:auto;line-height:23.3px}
.a5r-slot[contenteditable="true"]{outline:1px dashed #8aa6c8;outline-offset:1px;cursor:text;background:rgba(255,255,255,.42);user-select:text;-webkit-user-select:text}
.a5r-slot[contenteditable="true"]:hover{background:rgba(255,255,255,.7)}
.a5r-slot[contenteditable="true"]:focus{outline:none;background:#fff;box-shadow:inset 0 0 0 1px #9bb3c8}
.ws-paper-stage.doc-edit-mode{cursor:text}
@media(max-width:900px){.a5r-page{width:100%}}
.a5-plan-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.9rem;border-bottom:2px solid #0b3559;padding-bottom:.5rem}.a5-plan-head h3{margin:0;color:#0b3559;font-size:1.05rem}.a5-plan-head p{margin:0;font-size:11.5px}.a5-plan-tag{display:inline-block;margin-top:.3rem;font-weight:600;white-space:nowrap}
.a5-plan-table{width:100%;border-collapse:collapse;font-size:11.5px;margin:.35rem 0}.a5-plan-table th,.a5-plan-table td{border:1px solid #9aa7b3;padding:.4rem .5rem;vertical-align:top;text-align:left}.a5-plan-table th{background:transparent;color:#123f62;font-weight:700}.a5-plan-table-wrap{overflow-x:auto}.a5-plan-issue{min-width:120px}.a5-plan-issue-val{margin:.25rem 0 0;font-size:11px;color:#0b4369}
.a5-letter-ref{text-align:left;font-size:12px;margin-bottom:.2rem}.a5-letter-addr{text-align:right;font-size:11.5px;line-height:1.45;margin:.1rem 0}.a5-letter-date{text-align:right;font-size:11.5px;margin:.25rem 0}.a5-letter-topic{margin:.5rem 0 .2rem;font-size:12px}.a5-letter-to{margin:.15rem 0 .7rem;font-size:12px}
.a5-record-title{text-align:center;font-weight:800;font-size:1rem;margin:.4rem 0 .8rem}
.a5-warrant{text-align:center}.a5-warrant-royal{font-size:1.15rem;font-weight:700;margin:.2rem 0 .4rem}
.a5-sign-grid.a5-sign-3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1200px){.a5-paper{min-width:700px}}
@media print{
  body *{visibility:hidden!important}
  .a5-paper,.a5-paper *{visibility:visible!important}
  .a5-paper{position:absolute;inset:0;width:210mm;min-height:297mm;margin:0;padding:16mm;box-shadow:none;font-family:'Sarabun','Prompt',sans-serif;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  @page{size:A4;margin:0}
}

.form3-opinion-line[contenteditable],.form3-flow-text[contenteditable]{outline:none;cursor:text}
.form3-opinion-line[contenteditable]:focus,.form3-flow-text[contenteditable]:focus{background-color:#f6f9fc;box-shadow:inset 0 0 0 1px #9bb3c8;border-radius:3px}

.doc-editable[data-editable="documentSubject"]{display:inline-block;min-width:1em}
[contenteditable].doc-editable:focus,.form3-opinion-line[contenteditable]:focus,.form3-flow-text[contenteditable]:focus{background-color:#f6f9fc;box-shadow:inset 0 0 0 1px #9bb3c8;border-radius:3px}

/* ===== Word Engine: โหมดแก้ไขเอกสาร ===== */

.ws-paper-stage.doc-edit-mode [data-editable]{outline:1px dashed #8aa6c8;outline-offset:2px;border-radius:2px;cursor:text;transition:background .15s}
.ws-paper-stage.doc-edit-mode [data-editable]:hover{background:rgba(138,166,200,.12)}
.ws-paper-stage.doc-edit-mode [data-editable]:focus{outline:2px solid #0b3a6f;background:#fff}
.ws-paper-stage.doc-edit-mode .form3-opinion-line,.ws-paper-stage.doc-edit-mode .form3-flow-text{min-height:20px}

/* ===== Word Engine: FAB + format bar ===== */
.doc-edit-fab{position:absolute;right:1.1rem;bottom:1.1rem;z-index:30;display:inline-flex;align-items:center;gap:.45rem;padding:.62rem 1.05rem;border:1px solid #c9d6e8;border-radius:999px;background:#fff;color:#0b3a6f;font-size:.85rem;font-weight:600;cursor:pointer;box-shadow:0 3px 12px rgba(11,58,111,.18);transition:all .18s}
.doc-edit-fab:hover{border-color:#0b3a6f;box-shadow:0 5px 16px rgba(11,58,111,.26)}
.doc-edit-fab.active{background:linear-gradient(135deg,#0b3a6f,#123f7a);color:#fff;border-color:#0b3a6f}
.doc-edit-fab-icon{font-size:1rem;line-height:1}
.doc-edit-fab:active{transform:scale(.97)}
.doc-edit-bar{position:absolute;top:.7rem;left:50%;transform:translateX(-50%);z-index:30;display:none;align-items:center;gap:.2rem;padding:.32rem .55rem;border:1px solid #c9d6e8;border-radius:10px;background:rgba(255,255,255,.97);box-shadow:0 3px 14px rgba(11,58,111,.16);flex-wrap:wrap}
.doc-edit-bar.show{display:inline-flex}
.doc-edit-bar button{width:30px;height:28px;border:0;border-radius:6px;background:transparent;color:#0b3a6f;font-size:.9rem;cursor:pointer}
.doc-edit-bar{max-width:min(94vw,720px);flex-wrap:wrap;justify-content:center}
.doc-edit-bar select{height:28px;border:1px solid #c9d6e8;border-radius:6px;background:#fff;color:#0b3a6f;font-size:.78rem;cursor:pointer}
.doc-edit-bar .doc-edit-font{max-width:7.2rem}
.doc-edit-bar .doc-edit-size{max-width:3.6rem}
.doc-edit-bar .doc-edit-color{width:30px;height:28px;display:grid;place-items:center;border:1px solid #c9d6e8;border-radius:6px;cursor:pointer;overflow:hidden}
.doc-edit-bar .doc-edit-color input{width:34px;height:34px;border:0;padding:0;cursor:pointer}
.doc-edit-bar button[data-format^="justify"]{font-size:.72rem;width:36px}
.doc-edit-bar button[data-format^="insert"],.doc-edit-bar button[data-format="indent"],.doc-edit-bar button[data-format="outdent"],.doc-edit-bar button[data-format="undo"],.doc-edit-bar button[data-format="redo"]{font-size:1.05rem;width:32px}

.doc-edit-bar button:hover{background:#e8eff7}
.doc-edit-bar-sep{width:1px;height:18px;background:#d5dde4;margin:0 .3rem}
.doc-edit-bar-tip{font-size:.72rem;color:#5a6b7d;white-space:nowrap}

/* ===== แบบพิมพ์ราชการ ป.ป.ท. ๒๐ ฉบับ (HTML 1:1) =====
   ใช้ร่วมกับ .a5-paper เดิม — คลาสด้านล่างครอบเฉพาะหัวกระดาษ/ช่องติ๊ก/ลายเซ็น/ตารางเฉพาะแบบ */
.a5-paper .a5-hdr-bare{margin-bottom:1.1rem}
.a5-paper .a5-hdr-bare .a5-hdr-title{font-size:16px;margin:0}
.a5-hdr-memo{position:relative;text-align:center;margin-bottom:.7rem;min-height:58px}
.a5-hdr-memo .a5-hdr-title{font-size:22px;font-weight:700;letter-spacing:.02em;margin:.5rem 0 0}
.a5-garuda{position:absolute;left:0;top:0}
.a5-hdr-memo .a5-garuda{left:6px;top:-4px}
.a5-memo-row{border-bottom:1px dotted #333;padding-bottom:2px;margin:.18rem 0}
.a5-memo-row b{min-width:5.4rem}
.a5-hdr-letter{text-align:left;margin-bottom:.5rem}
.a5-letter-note{border:1px solid #555;display:inline-block;padding:3px 7px;font-size:11px;line-height:1.45;max-width:330px;margin:0 0 .5rem}
.a5-letter-top{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem}
.a5-letter-ref{margin:0;white-space:nowrap}
.a5-letter-org{margin:0;line-height:1.55;text-align:left}
.a5-letter-date{text-align:center;margin:.7rem 0 .55rem}
.a5-letter-foot{margin-top:1.6rem;font-size:12px;line-height:1.5}
.a5-letter-foot p{margin:.08rem 0}
.a5-hdr-record{text-align:center;margin-bottom:.6rem}
.a5-hdr-record .a5-hdr-title{font-size:15px;margin:.3rem 0 .7rem}
.a5-hdr-record .a5-letter-org{text-align:right}
.a5-hdr-report{text-align:center;margin-bottom:.8rem}
.a5-hdr-report .a5-hdr-title{font-size:17px;margin:.3rem 0 0}
.a5-hint{font-size:11px;color:#555}
/* ช่องติ๊ก ☐/☑ วาดด้วย CSS (ไม่ใช้รูปภาพ) */
.a5-cb{display:inline-block;width:11px;height:11px;border:1px solid #333;margin:0 .35rem -1px 0;position:relative;flex:none}
.a5-cb.on::after{content:"✓";position:absolute;left:0;top:-6px;font-size:13px;line-height:1;font-weight:700;color:#111}
.a5-cbline{display:flex;align-items:flex-start;gap:.15rem;margin:.22rem 0}
.a5-cbline .a5-cb{margin-top:4px}
.a5-cbopt{display:inline-flex;align-items:flex-start;min-width:8.4rem;margin:.1rem .5rem .1rem 0;font-size:11.5px}
.a5-cbcell div{display:block;margin:.15rem 0;white-space:normal;min-width:0}
.a5-opt-no{flex:none;margin-right:.3rem;font-weight:600}
/* ช่องกรอกเส้นทึบ (แบบพิมพ์ศาล) */
.a5-solid .a5-fill{border-bottom:1px solid #333}
.a5-pgno{text-align:center;margin:0 0 .6rem;font-size:12px}
.a5-pgfoot{margin:1.2rem 0 0;font-size:11.5px}
.a5-indent3{margin-left:4.6rem}
.a5-indent4{margin-left:5.9rem}
.a5-num-h{margin:.55rem 0 .25rem}
.a5-note{margin-top:1.4rem;font-size:11.5px;line-height:1.55}
.a5-note p{margin:.16rem 0}
/* ลายเซ็น: (ลงชื่อ) …… / (ชื่อ) / ตำแหน่ง — a5Sign คงเดิม, a5-lock กันแก้ไข */
.a5-sign-col{text-align:center;min-width:15rem}
.a5-sign-rule{margin:1.5rem 0 .1rem;white-space:nowrap}
.a5-sign-dots{display:inline-block;min-width:11rem;border-bottom:1px dotted #333}
.a5-paper .a5-sign-col .a5-sign-name{min-height:1.35rem;font-weight:400}
.a5-paper .a5-sign-col .a5-sign-name:not(:empty)::before{content:"("}
.a5-paper .a5-sign-col .a5-sign-name:not(:empty)::after{content:")"}
.a5-paper .a5-sign-col .a5-sign-name:empty::before{content:"(...............................................)";color:#555}
.a5-paper .a5-sign-col .a5-sign-note{font-size:12px;color:#111;margin:.1rem 0 0;line-height:1.45}
.a5-sign.a5-sign-stack{flex-direction:column;align-items:flex-end;gap:.9rem}
.a5-sign.a5-sign-stack.a5-sign-left{align-items:flex-start}
.a5-sign.a5-sign-center{justify-content:center}
/* แบบ ๑ แผนงานคดี */
.a5-plan-top{justify-content:center;gap:1.1rem}
.a5-plan-top label{display:inline-flex;align-items:center;white-space:nowrap}
.a5-plan-accused{margin:1rem 0 .2rem 1.4rem}
.a5-plan-h{font-weight:600;margin:.7rem 0 .25rem}
.a5-plan-tbl td{vertical-align:top}
/* แบบ ๔ ตาราง มาตรา ๒๕/๒๖ */
.a5-sec-grid{width:calc(100% - 4.6rem);max-width:calc(100% - 4.6rem);margin-left:4.6rem}
.a5-sec-grid td{border:none;padding:1px 2.4rem 1px 0}
/* แบบพิมพ์ศาล (๑๑–๑๕) */
.a5-court-crest{text-align:center}
.a5-court-crest .a5-garuda{position:static}
.a5-court-caption{margin:-3.2rem 0 .4rem;font-size:12.5px}
.a5-court-caption p{margin:.08rem 0}
.a5-court-title{text-align:center;font-size:16px;font-weight:700;margin:.2rem 0 .7rem}
.a5-court-title.a5-left{text-align:left}
.a5-req-mark{margin:.15rem 0;font-style:italic;font-size:12px}
.a5-urow{border-bottom:none;align-items:baseline;gap:.3rem}
.a5-ulabel{flex:none;white-space:nowrap}
.a5-warrant-top{display:flex;align-items:center;gap:.5rem;font-size:12px}
.a5-circle{display:inline-block;width:12px;height:12px;border:1px solid #333;border-radius:50%;flex:none}
.a5-box-inline{border:1px solid #555;padding:2px 8px}
.a5-right-note{margin-left:auto;text-decoration:underline}
.a5-warrant-title{margin:.15rem 0 0 2.2rem;font-weight:700;font-size:15px}
.a5-king{text-align:center;font-size:16px;font-weight:700;margin:.3rem 0 .5rem}
.a5-warn-h,.a5-order-h{margin-top:1.5rem}
/* แบบ ๑๖ ตำหนิรูปพรรณ */
.a5-photo-box{float:right;width:118px;height:88px;border:2px solid #333;display:flex;align-items:center;justify-content:center;text-align:center;font-size:11px;line-height:1.4;margin:0 0 .5rem .8rem}
.a5-trait-title{font-size:15px;margin:.1rem 0 .5rem}
.a5-trait-tbl th{width:6.6rem;text-align:left;font-weight:400;vertical-align:top}
.a5-trait-tbl td{padding:3px 6px}
/* แบบ ๒๐ ผนึกซอง (หน้าซอง) */
.a5-envelope{border:1px solid #333;padding:34px 40px;min-height:430px;line-height:1.8}
.a5-envelope p{margin:.1rem 0}
.a5-env-gap{margin-top:1.5rem!important}
.mini-stagebar{display:flex;align-items:center;gap:.3rem;padding:.55rem .9rem;background:#f3f6f9;border-top:1px solid var(--ws-line)}.mini-stage-dot{width:9px;height:9px;border-radius:50%;background:#c7d2dc;flex:none}.mini-stage-dot.done{background:#1671c5}.mini-stage-dot.current{width:13px;height:13px;background:#a66321;box-shadow:0 0 0 3px rgba(166,99,33,.22)}.mini-stage-line{flex:1 1 0;height:2px;min-width:.5rem;background:#c7d2dc}.mini-stage-line.done{background:#1671c5}.mini-stage-label{margin-left:.5rem;font-size:.76rem;color:#36536c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.case-mini-toggle{background:none;border:0;cursor:pointer;color:#5f7180;font-size:.85rem;line-height:1;padding:.3rem .5rem;border-radius:6px}.case-mini-toggle:hover{background:#eef3f8;color:#082b50}.case-mini-toggle:focus-visible{outline:3px solid #c9a227;outline-offset:1px}.case-mini-toggle i{display:inline-block;transition:transform .15s ease}.case-mini-toggle[aria-expanded="true"] i{transform:rotate(180deg)}