
#ws-plan-v2{--p-bg:light-dark(#f4f8fb,#11222e);--p-paper:light-dark(#fff,#19303f);--p-ink:light-dark(#193c52,#e6f2fa);--p-muted:light-dark(#597487,#aec6d5);--p-line:light-dark(#dbe7ee,#385466);--p-blue:light-dark(#007eaf,#75d1f1);--p-soft:light-dark(#e8f5fb,#204354);--p-alert:light-dark(#915219,#ffce94);--p-alertbg:light-dark(#fff5e7,#403122);--p-good:light-dark(#19704a,#9adfc4);background:var(--p-bg);color:var(--p-ink);font:15px/1.6 'Leelawadee UI',Tahoma,sans-serif;border:1px solid var(--p-line);border-radius:16px;overflow-wrap:anywhere}
#ws-plan-v2 *{box-sizing:border-box}#ws-plan-v2 [hidden]{display:none!important}#ws-plan-v2 h2,#ws-plan-v2 h3,#ws-plan-v2 p{margin:0}#ws-plan-v2 h2{font-size:22px;font-weight:500;line-height:1.5}#ws-plan-v2 h3{font-size:18px;font-weight:500}#ws-plan-v2 strong{font-weight:500}
#ws-plan-v2 header{padding:22px 24px 0;background:var(--p-paper);border-radius:16px 16px 0 0;border-bottom:1px solid var(--p-line)}#ws-plan-v2 .p-brand{display:flex;gap:17px;align-items:center;margin-bottom:18px;padding-right:65px}#ws-plan-v2 .p-logo{position:relative;overflow:hidden;background:#fff;width:145px;height:61px;flex-shrink:0;border-radius:5px}#ws-plan-v2 .p-logo img{position:absolute;width:165px;max-width:none;height:auto;left:-10px;top:-27px}#ws-plan-v2 .p-clinic{font-size:17px;font-weight:500}#ws-plan-v2 .p-branches{font-size:12px;color:var(--p-muted);margin-top:4px}
#ws-plan-v2 .p-sub{color:var(--p-muted);font-size:13px}#ws-plan-v2 .p-row{display:flex;align-items:center;gap:10px;justify-content:space-between;flex-wrap:wrap}#ws-plan-v2 .p-badge{font-size:12px;background:var(--p-soft);color:var(--p-blue);padding:4px 9px;border-radius:7px}#ws-plan-v2 .p-tabs{display:flex;gap:5px;margin-top:18px;flex-wrap:wrap}#ws-plan-v2 button,#ws-plan-v2 input,#ws-plan-v2 select{font:inherit;color:var(--p-ink);background:var(--p-paper);border:1px solid var(--p-line);padding:9px 11px;border-radius:8px;min-width:0;max-width:100%}#ws-plan-v2 button{font-weight:500}#ws-plan-v2 input,#ws-plan-v2 select{width:100%}#ws-plan-v2 button:focus-visible,#ws-plan-v2 input:focus-visible,#ws-plan-v2 select:focus-visible,#ws-plan-v2 summary:focus-visible{outline:3px solid var(--p-blue);outline-offset:2px}#ws-plan-v2 button:disabled{opacity:.5}#ws-plan-v2 .p-tabs button{font-size:13px;flex:1;border-radius:8px 8px 0 0;padding:12px 8px}#ws-plan-v2 .p-tabs [aria-selected=true]{background:var(--p-soft);color:var(--p-blue);border-color:var(--p-blue)}
#ws-plan-v2 .p-panel{padding:22px 24px}#ws-plan-v2 .p-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}#ws-plan-v2 label{font-size:13px;display:flex;flex-direction:column;gap:5px}#ws-plan-v2 .p-full{grid-column:1/-1}#ws-plan-v2 .p-box{border:1px solid var(--p-line);border-radius:12px;background:var(--p-paper);padding:16px;margin-bottom:14px}#ws-plan-v2 .p-money{font-variant-numeric:tabular-nums;white-space:nowrap}#ws-plan-v2 .p-item{display:grid;grid-template-columns:minmax(0,1fr) 125px;gap:10px;border-bottom:1px solid var(--p-line);padding:14px 0}#ws-plan-v2 .p-item:first-child{padding-top:0}#ws-plan-v2 .p-item:last-child{border:0;padding-bottom:0}#ws-plan-v2 .p-total{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:16px;background:var(--p-soft);border-radius:9px;margin-top:15px}#ws-plan-v2 .p-total strong{font-size:23px;color:var(--p-blue)}#ws-plan-v2 .p-add{margin-top:12px;color:var(--p-blue);border-color:var(--p-blue)}
#ws-plan-v2 details.p-visit{border:1px solid var(--p-line);background:var(--p-paper);border-radius:12px;margin-bottom:14px}#ws-plan-v2 summary{display:flex;gap:12px;align-items:center;padding:16px;list-style:none}#ws-plan-v2 summary:after{content:'⌄';margin-left:4px;color:var(--p-muted)}#ws-plan-v2 .p-vnum{font-size:18px;font-weight:500;flex:1}#ws-plan-v2 .p-visit-body{border-top:1px solid var(--p-line);padding:0 16px 16px}#ws-plan-v2 .p-step{padding:14px 0;border-bottom:1px solid var(--p-line)}#ws-plan-v2 .p-step .p-fields{margin:9px 0 0;grid-template-columns:minmax(0,1fr) 125px;gap:10px}#ws-plan-v2 .p-remove{font-size:12px;padding:4px 9px}#ws-plan-v2 .p-review{margin-top:22px;border-top:2px solid var(--p-line);padding-top:18px}#ws-plan-v2 .p-check{padding:12px 14px;border-left:3px solid var(--p-alert);background:var(--p-alertbg);color:var(--p-alert);border-radius:0 8px 8px 0;margin:12px 0;font-size:13px}#ws-plan-v2 .p-check[data-ok=true]{background:var(--p-paper);color:var(--p-good);border-color:var(--p-good)}#ws-plan-v2 .p-check p+p{margin-top:6px}#ws-plan-v2 .p-checklist{margin-top:10px}#ws-plan-v2 .p-checkrow{display:flex;gap:12px;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--p-line);font-size:13px}#ws-plan-v2 .p-checkrow span:last-child{white-space:nowrap}#ws-plan-v2 .p-checkrow[data-ok=false] span:last-child{color:var(--p-alert)}#ws-plan-v2 .p-checkrow[data-ok=true] span:last-child{color:var(--p-good)}
#ws-plan-v2 .p-export{display:flex;gap:9px;flex-wrap:wrap;margin:14px 0}#ws-plan-v2 .p-export button{color:var(--p-blue)}#ws-plan-v2 .p-document{color:#193c52;background:#fff;border:1px solid var(--p-line);padding:24px;border-radius:4px;margin-top:15px}#ws-plan-v2 .p-document h3{font-size:21px;margin-bottom:9px}#ws-plan-v2 .p-doc-brand{display:flex;align-items:center;gap:14px;margin-bottom:22px}#ws-plan-v2 .p-document .p-branches,#ws-plan-v2 .p-document .p-sub{color:#5a7487}#ws-plan-v2 .p-doc-meta{padding:13px 0;border-top:1px solid #dbe7ee;border-bottom:1px solid #dbe7ee;margin:15px 0;font-size:14px}#ws-plan-v2 .p-doc-row{display:grid;grid-template-columns:1fr auto;gap:14px;padding:11px 0;border-bottom:1px solid #dbe7ee;font-size:14px}#ws-plan-v2 .p-doc-visit{margin-top:20px}#ws-plan-v2 .p-doc-visit h4{font-size:16px;margin:0;padding:8px 11px;background:#edf6fb;font-weight:500}#ws-plan-v2 .p-document .p-total{background:#e8f5fb}#ws-plan-v2 .p-document .p-total strong{color:#007eaf}#ws-plan-v2 .p-doc-footer{margin-top:24px;padding-top:12px;border-top:1px solid #dbe7ee;font-size:12px;color:#5a7487}#ws-plan-v2 .p-bottom{border-top:1px solid var(--p-line);padding:12px 24px;color:var(--p-muted);font-size:12px}#ws-plan-v2 .p-status{font-size:13px;color:var(--p-muted);margin:10px 0}#ws-plan-v2 .p-filelinks{display:flex;flex-wrap:wrap;gap:12px}#ws-plan-v2 .p-filelinks a{color:var(--p-blue)}
@media(max-width:520px){#ws-plan-v2 header{padding:18px 14px 0}#ws-plan-v2 .p-panel{padding:18px 14px}#ws-plan-v2 .p-brand{display:block;padding-right:0}#ws-plan-v2 .p-brand .p-logo{margin-bottom:9px}#ws-plan-v2 .p-clinic{font-size:16px}#ws-plan-v2 .p-fields{grid-template-columns:1fr}#ws-plan-v2 .p-item{grid-template-columns:1fr}#ws-plan-v2 .p-step .p-fields{grid-template-columns:1fr}#ws-plan-v2 .p-tabs button{flex:auto}#ws-plan-v2 .p-document{padding:17px 13px}#ws-plan-v2 .p-doc-brand{display:block}#ws-plan-v2 .p-doc-brand .p-logo{margin-bottom:10px}#ws-plan-v2 input,#ws-plan-v2 select{font-size:16px}#ws-plan-v2 button,#ws-plan-v2 summary{min-height:44px}#ws-plan-v2 .p-checkrow{flex-wrap:wrap}#ws-plan-v2 .p-total strong{font-size:21px}}
html{color-scheme:light}body{margin:0;background:#f4f8fb;color:#193c52;font:16px/1.6 'Leelawadee UI',Tahoma,Arial,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}button,input,select{font:inherit}button{cursor:pointer;background:#fff;color:#193c52;border:1px solid #cbdde7;border-radius:8px;padding:10px 14px}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #23a8d4;outline-offset:2px}input,select{width:100%;border:1px solid #cbdde7;border-radius:8px;padding:10px;background:#fff;color:#193c52}label{display:flex;flex-direction:column;gap:6px;font-size:14px}h1{font-size:27px;line-height:1.5;font-weight:600}a{color:#007eaf}#application{max-width:1180px;margin:auto;padding:0 24px}.account,.editor-bar,.version-bar,.list-heading,.search,.paging{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.account{padding:18px 0;border-bottom:1px solid #dbe7ee;font-size:14px}.account strong{margin-right:auto}.list-heading{justify-content:space-between;margin:32px 0 20px}.list-heading h1,.list-heading p{margin:0}.list-heading p,.muted{color:#597487;font-size:14px}.search{align-items:flex-end;margin-bottom:22px}.search label{flex:1}.plan-card{background:#fff;border:1px solid #dbe7ee;border-radius:12px;padding:20px;margin-bottom:12px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.plan-card>div{flex:1;min-width:180px}.plan-card h2{font-size:18px;margin:0}.plan-card p{font-size:13px;margin:3px 0;color:#597487}.status{display:inline-block;background:#e8f5fb;color:#007eaf;border-radius:6px;padding:3px 8px;font-size:12px}.paging{justify-content:center;padding:22px}.editor-bar{padding:22px 0 10px}.editor-bar #editor-label{margin-right:auto}.version-bar{justify-content:space-between;margin-bottom:18px;font-size:13px}.version-bar label{max-width:440px;width:100%}#save-ready,#new-plan,#login-button{background:#007eaf;color:white;border-color:#007eaf}.login{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:100%;max-width:470px;background:#fff;border:1px solid #dbe7ee;border-radius:18px;padding:28px}.login-card img{display:block;width:250px;height:130px;object-fit:cover;object-position:center;margin:auto}.login-card h1{font-size:24px}.login form{display:grid;gap:18px;margin-top:24px}#login-error{color:#ac2921;font-size:14px}#app-notice{background:#fff4df;border-left:4px solid #d38b25;border-radius:6px;padding:14px;white-space:pre-wrap}.site-footer{text-align:center;color:#71899a;font-size:12px;padding:30px 0}.catalog-form{background:white;border:1px solid #dbe7ee;border-radius:12px;display:grid;gap:14px;padding:20px;max-width:700px;margin:24px 0}.p-panel>label{margin-bottom:16px}.p-full{grid-column:1/-1}#ws-plan-v2 .p-bottom{display:none}#ws-plan-v2 .p-document{overflow-wrap:anywhere}#ws-plan-v2 .p-document h3{line-height:1.5}#save-status{white-space:pre-wrap}#ws-plan-v2 .p-item>.p-remove{grid-column:1/-1;justify-self:start}#archive-plan{color:#a53b32}#catalog-list button{margin-bottom:10px}@media(max-width:600px){#application{padding:0 12px}.account strong{width:100%}.editor-bar button{flex:1}.editor-bar #editor-label{width:100%;order:-1}.list-heading h1{font-size:24px}.login-card{padding:22px}.version-bar label{max-width:none}.plan-card{padding:16px}}
#ws-plan-v2 .p-gap-field{max-width:380px;padding-top:16px;padding-bottom:8px}#ws-plan-v2 .p-doc-gap{color:#597487;font-size:14px;margin:8px 11px 4px}
