:root{--navy:#073b79;--blue:#0969c7;--blue-2:#178ee5;--red:#d92732;--ink:#102b46;--muted:#66788a;--line:#dce6ef;--pale:#f2f7fb;--white:#fff;--shadow:0 14px 40px rgba(20,67,107,.12);font-family:"Noto Sans Thai","Tahoma",system-ui,sans-serif;color:var(--ink);background:var(--pale);font-size:16px}*{box-sizing:border-box}body{margin:0;min-width:320px}.public-header{height:88px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1500px)/2));border-bottom:1px solid var(--line);position:relative}.public-brand{display:flex;align-items:center;gap:14px}.crest{width:50px;height:50px;border-radius:50% 50% 48% 48%;display:grid;place-items:center;background:linear-gradient(145deg,var(--blue),var(--navy));color:#fff;font-size:1.35rem;font-weight:800;box-shadow:0 5px 14px rgba(9,105,199,.2)}.public-brand>div{display:flex;flex-direction:column}.public-brand strong{font-size:1.1rem}.public-brand span{font-size:.84rem;color:var(--muted)}.flag-line{display:flex;width:132px;height:7px;border-radius:99px;overflow:hidden}.flag-line i{flex:1}.flag-line i:first-child,.flag-line i:last-child{background:var(--red)}.flag-line i:nth-child(2){background:var(--navy);border-inline:20px solid white}.public-main{max-width:1500px;margin:auto;padding:26px 24px 44px;display:grid;grid-template-columns:282px minmax(0,1fr);gap:22px}.unit-navigation{background:linear-gradient(165deg,var(--navy),var(--blue));border-radius:20px;overflow:hidden;box-shadow:0 16px 36px rgba(0,67,135,.2);align-self:start;position:sticky;top:18px}.unit-navigation-title{padding:24px 22px 18px;color:#fff;border-bottom:1px solid rgba(255,255,255,.18)}.unit-navigation-title span{font-size:.77rem;opacity:.72;display:block}.unit-navigation-title strong{font-size:1.2rem}.unit-navigation nav{padding:10px}.unit-link{width:100%;min-height:46px;padding:10px 14px;border:0;border-radius:11px;background:transparent;color:#fff;text-align:left;font:inherit;font-size:.92rem;font-weight:650;cursor:pointer;transition:.18s}.unit-link:hover{background:rgba(255,255,255,.1)}.unit-link.active{background:#fff;color:var(--blue);box-shadow:0 5px 16px rgba(0,33,70,.18);position:relative}.unit-link.active::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:4px;background:var(--red);border-radius:0 4px 4px 0}.public-content{min-width:0}.section-heading{min-height:98px;background:#fff;border:1px solid var(--line);border-radius:20px 20px 0 0;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:4px solid var(--blue)}.eyebrow{margin:0 0 3px;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;color:var(--blue);font-weight:800}.section-heading h1{font-size:clamp(1.45rem,2.6vw,2rem);margin:0;line-height:1.3}.section-heading p:last-child{margin:4px 0 0;color:var(--muted);font-size:.9rem}.people-stat{width:74px;height:60px;border-radius:14px;background:var(--navy);color:#fff;display:grid;place-content:center;text-align:center}.people-stat strong{font-size:1.35rem;line-height:1}.people-stat span{font-size:.72rem;opacity:.75}.chart-shell{background:#fff;border:1px solid var(--line);border-top:0;border-radius:0 0 20px 20px;overflow:hidden;box-shadow:var(--shadow)}.chart-toolbar{height:58px;padding:0 16px 0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);color:var(--muted);font-size:.82rem}.zoom-controls{display:flex;align-items:center;gap:6px}.zoom-controls button{height:34px;min-width:36px;padding:0 10px;border:1px solid #c9d8e5;border-radius:9px;background:#fff;color:var(--navy);font:inherit;font-weight:800;cursor:pointer}.zoom-controls button:hover{background:#eaf4fc}.zoom-controls b{min-width:48px;text-align:center;color:var(--ink)}.chart-viewport{height:clamp(560px,72vh,850px);overflow:auto;background:#f8fbfe;overscroll-behavior:contain;touch-action:pan-x pan-y}.chart-canvas{width:max-content;min-width:100%;min-height:100%;padding:44px 64px 90px;transform-origin:top center}.org-level{display:flex;justify-content:center;gap:24px;margin-bottom:38px}.person-card{width:210px;min-height:286px;background:#fff;border:1px solid #d5e1eb;border-radius:16px;overflow:hidden;box-shadow:0 8px 22px rgba(16,59,99,.1);text-align:center}.person-card::before{content:"";display:block;height:5px;background:linear-gradient(90deg,var(--blue) 0 74%,var(--red) 74%)}.photo-frame{height:160px;background:#fff;display:flex;align-items:flex-end;justify-content:center;padding-top:12px;overflow:hidden}.photo-frame img{width:132px;height:148px;object-fit:cover;object-position:center top}.person-info{border-top:1px solid #e7eef4;padding:14px 12px 13px;min-height:116px}.person-card h2{font-size:1rem;line-height:1.4;margin:0 0 4px}.position{font-size:.86rem;font-weight:800;color:var(--blue);line-height:1.4;margin:0 0 8px}.unit{margin:0;font-size:.78rem;color:var(--muted)}.empty-state{min-width:300px;padding:80px 24px;display:grid;justify-items:center;color:var(--muted)}.empty-state img{width:90px;height:100px;object-fit:cover;margin-bottom:12px;opacity:.6}.empty-state strong{color:var(--ink)}.empty-state span{font-size:.85rem}footer{max-width:1500px;margin:auto;padding:0 24px 28px;display:flex;justify-content:space-between;color:var(--muted);font-size:.76rem}footer a{color:#7d8a96;text-decoration:none;border-bottom:1px dotted #a8b5c0}footer a:hover{color:var(--blue)}
@media(max-width:850px){.public-header{height:74px;padding:0 14px}.crest{width:44px;height:44px}.public-brand strong{font-size:.98rem}.public-brand span{font-size:.72rem}.flag-line{width:70px}.public-main{padding:14px 12px 34px;display:block}.unit-navigation{position:static;border-radius:16px;margin-bottom:14px}.unit-navigation-title{padding:14px 16px 8px}.unit-navigation-title span{display:none}.unit-navigation-title strong{font-size:1rem}.unit-navigation nav{display:flex;overflow:auto;gap:7px;padding:8px 10px 12px}.unit-link{width:auto;min-width:max-content;min-height:40px;background:rgba(255,255,255,.08);padding:8px 13px}.unit-link.active::before{display:none}.section-heading{min-height:90px;padding:15px 16px}.section-heading p:last-child{font-size:.78rem}.people-stat{width:62px;height:54px}.chart-toolbar{height:54px;padding:0 10px}.chart-toolbar>span{display:none}.chart-viewport{height:68vh}.chart-canvas{padding:38px 46px 80px}.person-card{width:190px}.photo-frame{height:148px}.photo-frame img{width:120px;height:136px}footer{padding:0 14px 24px;gap:14px;flex-wrap:wrap}}

/* เข้าสู่ระบบ */
.login-page{min-height:100vh;display:grid;place-items:center;padding:22px;background:linear-gradient(145deg,#eef6fd,#dbeafa)}.login-page::before{content:"";position:fixed;inset:0 0 auto 0;height:8px;background:linear-gradient(90deg,var(--navy) 0 40%,#fff 40% 60%,var(--red) 60%)}.login-card{width:min(440px,100%);background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 24px 70px rgba(7,59,121,.18);padding:34px}.back-link{display:inline-block;color:var(--muted);font-size:.82rem;text-decoration:none;margin-bottom:24px}.login-mark{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:var(--navy);color:#fff;font-size:1.5rem;font-weight:800;margin-bottom:20px}.login-card h1{font-size:1.65rem;margin:0}.login-card>p:not(.eyebrow){color:var(--muted);margin:7px 0 22px}.login-card label{font-size:.9rem;font-weight:800}.login-card input{display:block;width:100%;height:48px;margin-top:7px;border:1px solid #b8c9d8;border-radius:11px;padding:0 13px;font:inherit}.login-card input:focus{outline:3px solid rgba(9,105,199,.15);border-color:var(--blue)}.primary-button{width:100%;height:48px;border:0;border-radius:11px;background:var(--blue);color:#fff;font:inherit;font-weight:800;cursor:pointer}.primary-button:disabled{opacity:.6}.form-error{min-height:22px!important;color:var(--red)!important;font-size:.85rem;margin:7px 0 8px!important}

/* หน้าจัดการ */
.editor-page{min-height:100vh;background:#edf4fa}.editor-header{height:72px;padding:0 24px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.editor-header .crest{width:42px;height:42px;font-size:1.05rem}.editor-header-actions{display:flex;align-items:center;gap:9px}.editor-header-actions a,.editor-header-actions button{height:38px;padding:0 13px;border:1px solid #c4d3df;border-radius:10px;background:#fff;color:var(--navy);font:inherit;font-size:.82rem;font-weight:800;text-decoration:none;display:inline-flex;align-items:center;cursor:pointer}.editor-header-actions button{color:var(--red)}.editor-layout{height:calc(100vh - 72px);display:grid;grid-template-columns:270px minmax(0,1fr)}.admin-sidebar{background:linear-gradient(165deg,var(--navy),#0757aa);color:#fff;padding:20px 14px;overflow:auto}.admin-sidebar-heading{display:flex;align-items:center;justify-content:space-between;padding:0 7px 14px}.admin-sidebar-heading>div{display:flex;flex-direction:column}.admin-sidebar-heading span{font-size:.75rem;opacity:.7}.admin-sidebar-heading strong{font-size:1.12rem}.admin-sidebar-heading button{width:38px;height:38px;border:1px solid rgba(255,255,255,.35);border-radius:10px;background:rgba(255,255,255,.12);color:#fff;font-size:1.25rem;cursor:pointer}.department-list{display:grid;gap:5px}.department-item{min-height:45px;border:0;border-radius:10px;background:transparent;color:#fff;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;text-align:left;font:inherit;font-size:.86rem;cursor:pointer}.department-item:hover{background:rgba(255,255,255,.1)}.department-item.active{background:#fff;color:var(--blue);font-weight:800}.department-item b{min-width:27px;height:23px;border-radius:99px;display:grid;place-items:center;background:rgba(255,255,255,.14);font-size:.7rem}.department-item.active b{background:#e7f2fb}.database-badge{margin-top:22px;padding:14px 10px;border-top:1px solid rgba(255,255,255,.18);display:flex;align-items:center;gap:10px}.database-badge i{width:9px;height:9px;border-radius:50%;background:#6ee7b7}.database-badge div{display:flex;flex-direction:column}.database-badge strong{font-size:.78rem}.database-badge span{font-size:.68rem;opacity:.67}.admin-workspace{min-width:0;display:flex;flex-direction:column}.admin-toolbar{min-height:110px;background:#fff;border-bottom:1px solid var(--line);padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px}.admin-toolbar h1{margin:0;font-size:1.55rem}.admin-toolbar>div>p:last-child{margin:3px 0 0;color:var(--muted);font-size:.82rem}.admin-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.secondary-button,.danger-outline{height:40px;padding:0 13px;border:1px solid #bfcfdd;border-radius:10px;background:#fff;color:var(--navy);font:inherit;font-size:.8rem;font-weight:800;cursor:pointer}.danger-outline{color:var(--red);border-color:#efb7bb}.primary-button.compact{width:auto;height:42px;padding:0 16px}.admin-tip{height:42px;padding:0 22px;display:flex;align-items:center;background:#eaf4fc;color:#39627f;font-size:.78rem;border-bottom:1px solid #d1e4f2}.admin-viewport{height:calc(100vh - 224px);background:#f8fbfe}.admin-canvas{padding:42px 80px 80px}.admin-level{position:relative;padding:20px 24px 6px}.level-pill{position:absolute;left:2px;top:-10px;background:#dcecf8;color:var(--blue);border-radius:99px;padding:4px 9px;font-size:.72rem;font-weight:800}.admin-card{position:relative;overflow:visible;padding-bottom:39px;cursor:grab}.admin-card.dragging{opacity:.4}.admin-card.drop-target{outline:3px solid var(--red);outline-offset:4px}.drag-handle{position:absolute;right:9px;top:10px;width:31px;height:29px;border:0;border-radius:8px;background:#edf4fa;color:var(--navy);cursor:grab}.card-controls{position:absolute;left:0;right:0;bottom:0;height:38px;display:flex;border-top:1px solid var(--line);overflow:hidden;border-radius:0 0 15px 15px}.card-controls button{flex:0 0 27px;border:0;border-right:1px solid var(--line);background:#fff;color:var(--muted);font:inherit;font-size:.75rem;cursor:pointer}.card-controls .edit-control{flex:1;color:var(--blue);font-weight:800}.card-controls .delete-control{flex:0 0 39px;color:var(--red)}.row-add{width:46px;height:46px;border:2px dashed #83acd1;border-radius:50%;align-self:center;background:#fff;color:var(--blue);font-size:1.2rem;cursor:pointer}.form-dialog{width:min(640px,calc(100vw - 24px));border:0;border-radius:22px;padding:0;box-shadow:0 24px 80px rgba(7,42,83,.28)}.form-dialog::backdrop{background:rgba(5,31,62,.58);backdrop-filter:blur(2px)}.form-dialog form{padding:24px}.small-dialog{width:min(470px,calc(100vw - 24px))}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.dialog-heading h2{margin:0;font-size:1.45rem}.close-button{width:36px;height:36px;border:0;border-radius:50%;background:#edf3f8;color:var(--ink);font-size:1.3rem;cursor:pointer}.photo-editor{display:flex;align-items:center;gap:18px;background:#f3f7fa;border-radius:15px;padding:14px 18px;margin-bottom:16px}.photo-editor img{width:84px;height:96px;object-fit:cover;background:#fff;border-radius:10px}.photo-editor input{position:absolute;width:1px;height:1px;opacity:0}.upload-button{display:inline-flex;border:1px solid #b9cada;border-radius:9px;background:#fff;color:var(--blue);padding:8px 12px;font-weight:800;cursor:pointer}.photo-editor p{margin:6px 0 0;font-size:.72rem;color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid.single{grid-template-columns:1fr}.form-grid label{font-size:.83rem;font-weight:800}.form-grid label.wide{grid-column:1/-1}.form-grid input,.form-grid select{display:block;width:100%;height:44px;margin-top:6px;border:1px solid #b9cada;border-radius:10px;background:#fff;padding:0 11px;font:inherit}.dialog-actions{display:flex;justify-content:flex-end;gap:9px}.toast{position:fixed;right:22px;bottom:22px;z-index:100;background:#092f5c;color:#fff;border-radius:11px;padding:12px 17px;box-shadow:var(--shadow);transform:translateY(90px);opacity:0;transition:.2s}.toast.show{transform:none;opacity:1}
@media(max-width:900px){.editor-layout{grid-template-columns:1fr;height:auto}.admin-sidebar{padding:12px}.department-list{display:flex;overflow:auto}.department-item{min-width:max-content}.database-badge{display:none}.admin-toolbar{align-items:flex-start}.admin-viewport{height:68vh}.admin-canvas{padding:38px 48px 78px}}
@media(max-width:650px){.editor-header{padding:0 12px}.editor-header .public-brand span:last-child{display:none}.editor-header-actions a{display:none}.admin-toolbar{display:block;padding:14px}.admin-actions{justify-content:flex-start;margin-top:12px}.admin-actions button{flex:1}.admin-tip{padding:7px 14px;height:auto;min-height:42px}.form-grid{grid-template-columns:1fr}.form-grid label.wide{grid-column:auto}.photo-editor{padding:12px}.form-dialog form{padding:18px}}
.menu-error{color:#fff;padding:8px;font-size:.84rem}

/* เมนูหน่วยงานแบบซ่อน และมุมมองรวมแบบแบ่งหมวด */
.header-tools{display:flex;align-items:center;gap:18px}.header-tools .flag-line{width:100px}.menu-toggle{height:42px;padding:0 15px;border:1px solid #bfd0df;border-radius:11px;background:#fff;color:var(--navy);font:inherit;font-size:.86rem;font-weight:800;cursor:pointer}.menu-toggle span{font-size:1rem;margin-right:5px}.public-main{display:block}.public-content{width:100%}.unit-navigation{position:fixed;z-index:60;left:22px;top:22px;bottom:22px;width:min(310px,calc(100vw - 44px));background:linear-gradient(165deg,var(--navy),var(--blue));border-radius:20px;overflow:auto;box-shadow:0 20px 70px rgba(0,35,75,.32);transform:translateX(calc(-100% - 34px));visibility:hidden;transition:transform .22s ease,visibility .22s}.menu-open .unit-navigation{transform:none;visibility:visible}.menu-backdrop{position:fixed;inset:0;z-index:50;background:rgba(7,32,61,.42);opacity:0;visibility:hidden;transition:.2s;backdrop-filter:blur(2px)}.menu-open .menu-backdrop{opacity:1;visibility:visible}.menu-open{overflow:hidden}.unit-navigation-title{display:flex;align-items:center;justify-content:space-between}.unit-navigation-title>div{display:flex;flex-direction:column}.unit-navigation-title button{width:38px;height:38px;border:1px solid rgba(255,255,255,.32);border-radius:10px;background:rgba(255,255,255,.1);color:#fff;font-size:1.25rem;cursor:pointer}.unit-navigation nav{display:block}.person-card::before{background:var(--blue)}.chart-canvas.all-view{width:100%;padding:28px 34px 70px;transform-origin:top center}.all-groups{display:grid;gap:24px;min-width:930px}.department-group{background:#fff;border:1px solid #d9e5ef;border-radius:18px;overflow:hidden;box-shadow:0 8px 22px rgba(16,59,99,.07)}.department-group>header{min-height:68px;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,#eef6fd,#fff);border-left:5px solid var(--blue);border-bottom:1px solid var(--line)}.department-group>header span{display:block;color:var(--blue);font-size:.7rem;font-weight:800}.department-group>header h2{margin:1px 0 0;font-size:1.12rem}.department-group>header>b{min-width:54px;padding:7px 10px;border-radius:99px;background:#e2effa;color:var(--navy);font-size:.78rem;text-align:center}.department-levels{padding:24px 22px 4px}.department-levels .org-level{justify-content:flex-start;margin-bottom:22px}.department-levels .person-card{width:190px;min-height:270px}.department-levels .photo-frame{height:146px}.department-levels .photo-frame img{width:118px;height:134px}
@media(max-width:850px){.header-tools{gap:8px}.header-tools .flag-line{display:none}.menu-toggle{height:38px;padding:0 11px;font-size:.78rem}.unit-navigation{position:fixed;left:12px;right:12px;top:12px;bottom:12px;width:auto;border-radius:17px}.unit-navigation-title{padding:18px}.unit-navigation-title span{display:block}.unit-navigation nav{display:block;padding:10px}.unit-link{width:100%;min-width:0}.chart-canvas.all-view{padding:20px 22px 60px}.all-groups{min-width:730px;gap:18px}.department-levels{padding:18px 16px 2px}.department-levels .person-card{width:180px}}
.department-levels .org-level{justify-content:center}

/* แถบหัวตามหน้าจอ และย่อทั้งผังโดยไม่เปลี่ยนการจัดวาง */
.public-header{position:sticky;top:0;z-index:45;box-shadow:0 4px 16px rgba(16,59,99,.07)}
.chart-canvas{transform:none;transform-origin:top center}

/* รวมชื่อแผนผังและผังบุคลากรเป็นกล่องเดียว ใช้การเลื่อนของหน้าหลัก */
.chart-shell{border:1px solid var(--line);border-radius:20px;overflow:visible}
.chart-toolbar{border-radius:20px 20px 0 0;background:#fff}
.chart-viewport{height:auto;min-height:0;max-height:none;overflow:visible;overscroll-behavior:auto;touch-action:auto}
.department-group{overflow:visible}
.department-group>header{position:sticky;top:88px;z-index:25;border-radius:18px 18px 0 0;box-shadow:0 5px 14px rgba(16,59,99,.08)}
.department-group>header>h2{margin:0;font-size:1.12rem}
@media(max-width:850px){.department-group>header{top:74px}}

/* นำเข้ารายชื่อจาก Excel */
.button-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap}
.import-dialog{width:min(1100px,calc(100vw - 24px));max-width:none}
.import-panel{padding:24px}
.import-steps{margin:0 0 16px;padding:13px 16px 13px 38px;border-radius:13px;background:#edf6fd;color:#315b78;font-size:.85rem;line-height:1.8}
.import-file-box{min-height:70px;padding:13px 16px;border:1px dashed #8fb4d4;border-radius:13px;background:#f8fbfe;display:flex;align-items:center;gap:14px}
.import-file-box input{position:absolute;width:1px;height:1px;opacity:0}
.import-file-box span{color:var(--muted);font-size:.82rem;overflow-wrap:anywhere}
.import-summary{margin:16px 0 10px;padding:11px 14px;border-radius:11px;background:#eef6fd;color:var(--navy);font-size:.86rem}
.import-summary .has-error{color:var(--red)}
.import-preview{max-height:360px;overflow:auto;border:1px solid var(--line);border-radius:12px}
.import-preview table{width:100%;border-collapse:collapse;min-width:850px;font-size:.78rem}
.import-preview th{position:sticky;top:0;z-index:2;padding:10px 9px;background:var(--navy);color:#fff;text-align:left;white-space:nowrap}
.import-preview td{padding:9px;border-bottom:1px solid var(--line);vertical-align:top}
.import-preview tr.invalid{background:#fff1f2;color:#8f1d27}
.import-preview tr.valid td:last-child{color:#087451;font-weight:800}
.import-dialog .dialog-actions{margin-top:15px}
@media(max-width:650px){.import-panel{padding:17px}.import-file-box{align-items:flex-start;flex-direction:column}.import-preview{max-height:310px}}

/* ค้นหาบุคลากร */
.search-toolbar{gap:18px}
.people-search{width:min(540px,55vw);height:40px;display:flex;align-items:center;gap:9px;padding:0 6px 0 13px;border:1px solid #bfd0df;border-radius:11px;background:#f8fbfe;color:var(--blue);transition:.18s}
.people-search:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px rgba(9,105,199,.12);background:#fff}
.people-search>span{font-size:1.35rem;line-height:1;transform:rotate(-20deg)}
.people-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;font-size:.9rem}
.people-search input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;display:none}
.people-search input::placeholder{color:#748698}
.people-search button{width:30px;height:30px;border:0;border-radius:8px;background:#e5eff8;color:var(--navy);font:inherit;font-size:1.1rem;cursor:pointer}
.people-search button[hidden]{display:none}
.search-status{padding:9px 22px;border-bottom:1px solid var(--line);background:#edf6fd;color:var(--navy);font-size:.82rem;font-weight:700}
@media(max-width:650px){.search-toolbar{height:auto;min-height:108px;padding:10px;align-items:stretch;flex-direction:column}.people-search{width:100%;height:42px}.search-toolbar .zoom-controls{align-self:flex-end}.search-status{padding:8px 12px}}

/* แสดงใน Joomla Wrapper */
.embedded-menu-toggle{display:none}
.embed-mode .public-header,.embed-mode footer{display:none}
.embed-mode .public-main{max-width:none;padding:8px}
.embed-mode .chart-shell{border-radius:10px}
.embed-mode .embedded-menu-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
.embed-mode .people-search{width:min(520px,48vw)}
@media(max-width:650px){.embed-mode .public-main{padding:0}.embed-mode .search-toolbar{min-height:158px}.embed-mode .people-search{width:100%}.embed-mode .embedded-menu-toggle{align-self:flex-start}}
.unit,.details,.phone{margin:4px 0 0;font-size:.78rem;color:var(--muted);line-height:1.45}.details{color:#526b80}.phone{color:var(--navy);font-weight:700}
.form-grid input,.form-grid select,.form-grid textarea{display:block;width:100%;margin-top:6px;border:1px solid #b9cada;border-radius:10px;background:#fff;padding:0 11px;font:inherit}.form-grid input,.form-grid select{height:44px}.form-grid textarea{min-height:68px;padding-top:10px;resize:vertical}.form-grid label small{font-size:.7rem;color:var(--muted);font-weight:500}.optional-fields-note{margin:12px 0 0;color:var(--muted);font-size:.75rem}
.public-header .public-brand{gap:0}.public-header .public-brand strong{font-size:1.38rem;line-height:1.25}.public-header .public-brand span{font-size:.96rem;line-height:1.4}.public-content .person-card h2{font-size:1.12rem;line-height:1.45;margin-bottom:5px}.public-content .position{font-size:.98rem;line-height:1.45;margin-bottom:7px}.public-content .unit,.public-content .details,.public-content .phone{font-size:.86rem;line-height:1.5}.public-content .person-info{padding:16px 13px 15px}
@media(max-width:850px){.public-header .public-brand strong{font-size:1.12rem}.public-header .public-brand span{font-size:.82rem}.public-content .person-card h2{font-size:1.06rem}.public-content .position{font-size:.93rem}}
.public-content .person-card{width:250px}.public-content .person-card h2{white-space:nowrap;width:100%;overflow:visible;letter-spacing:-.01em}.all-groups .person-card{width:250px}
.public-content .person-card{width:290px}.public-content .person-card .position{white-space:nowrap;width:100%;overflow:visible;letter-spacing:-.015em}.all-groups .person-card{width:290px}.selected-department-group{width:100%;min-width:930px}.selected-department-group .department-levels{padding-top:34px}.selected-department-group .org-level{justify-content:center}
@media(max-width:850px){.selected-department-group{min-width:730px}}
.subsection-list{display:grid;gap:24px;padding:24px}.person-subsection{border:1px solid #d7e4ef;border-radius:16px;overflow:hidden;background:#fff}.person-subsection>header{min-height:62px;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;background:#eaf4fc;border-left:5px solid var(--blue);border-bottom:1px solid var(--line)}.person-subsection>header h3{margin:0;font-size:1.12rem;color:var(--navy)}.person-subsection>header b{min-width:54px;padding:7px 10px;border-radius:99px;background:#d9eafa;color:var(--navy);font-size:.78rem;text-align:center}.person-subsection .department-levels{padding:28px 22px 2px}.admin-subsection{margin-bottom:34px;border:1px solid #cfe0ed;border-radius:16px;background:#fff;overflow:visible}.admin-subsection>header{min-height:58px;padding:11px 17px;background:#deedf8;border-left:5px solid var(--blue);border-radius:15px 15px 0 0;display:flex;align-items:center;justify-content:space-between}.admin-subsection>header strong{font-size:1rem;color:var(--navy)}.admin-subsection>header span{font-size:.75rem;color:var(--muted)}
@media(max-width:850px){.subsection-list{padding:16px;gap:18px}.person-subsection>header h3{font-size:1rem}}

/* รูปบุคลากรขนาดใหญ่และปรับตำแหน่งได้รายบุคคล */
.public-content .photo-frame{height:230px;padding:0;align-items:center}
.public-content .photo-frame img.uploaded-photo,.admin-card .photo-frame img.uploaded-photo{width:100%;height:100%;object-fit:contain;object-position:center var(--photo-y,50%);transform:scale(var(--photo-scale,1.3));transform-origin:center var(--photo-y,50%)}
.public-content .photo-frame img.placeholder-photo{width:160px;height:180px;object-fit:cover;object-position:center top;transform:none}
.admin-card .photo-frame img.placeholder-photo{object-fit:cover;object-position:center top;transform:none}
.photo-editor{align-items:flex-start}
.photo-preview-frame{flex:0 0 132px;width:132px;height:154px;border-radius:12px;background:#fff;overflow:hidden;border:1px solid #d7e3ed;display:flex;align-items:center;justify-content:center}
.photo-editor .photo-preview-frame img{width:100%;height:100%;object-fit:contain;object-position:center var(--photo-y,50%)}
.photo-editor .photo-preview-frame img.uploaded-photo{transform:scale(var(--photo-scale,1.3));transform-origin:center var(--photo-y,50%)}
.photo-editor .photo-preview-frame img.placeholder-photo{width:105px;height:122px;object-fit:cover;object-position:center top;transform:none}
.photo-editor-controls{min-width:0;flex:1}
.photo-adjustments{display:grid;gap:10px;margin-top:13px}
.photo-adjustments label{display:grid;grid-template-columns:1fr auto;gap:3px 10px;color:var(--ink);font-size:.78rem;font-weight:800}
.photo-adjustments b{color:var(--blue)}
.photo-adjustments input[type=range]{position:static;grid-column:1/-1;width:100%;height:20px;opacity:1;accent-color:var(--blue);cursor:pointer}
@media(max-width:650px){.photo-editor{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px}.photo-preview-frame{width:100px;height:120px}.public-content .photo-frame{height:210px}}

/* จัดการฝ่ายและกลุ่มงานภายในสำนัก/กอง */
.sections-panel{padding:24px}.dialog-subtitle{margin:4px 0 0;color:var(--muted);font-size:.82rem}.section-form{display:grid;grid-template-columns:minmax(0,1fr) 90px auto;gap:9px;align-items:end;padding:14px;background:#eef5fb;border-radius:13px}.section-form label{font-size:.8rem;font-weight:800}.section-form input{display:block;width:100%;height:42px;margin-top:5px;border:1px solid #b9cada;border-radius:9px;background:#fff;padding:0 10px;font:inherit}.sections-manager-list{display:grid;gap:8px;margin-top:16px;max-height:340px;overflow:auto}.section-manager-item{min-height:58px;padding:9px 10px 9px 13px;border:1px solid #d5e2ec;border-radius:11px;background:#fff;display:flex;align-items:center;gap:7px}.section-manager-item>span{min-width:0;flex:1;display:flex;flex-direction:column}.section-manager-item b{font-size:.88rem}.section-manager-item small{margin-top:2px;color:var(--muted);font-size:.7rem}.section-manager-item button{height:34px;padding:0 10px;border:1px solid #bfd0dd;border-radius:8px;background:#fff;color:var(--blue);font:inherit;font-size:.75rem;font-weight:800;cursor:pointer}.section-manager-item button.delete-section{color:var(--red);border-color:#efc2c5}.sections-empty{padding:24px;text-align:center;color:var(--muted);border:1px dashed #b8cddd;border-radius:12px}.section-help{margin:13px 0 0;color:var(--muted);font-size:.72rem}.admin-subsection .admin-level:only-child{min-height:120px}
@media(max-width:650px){.sections-panel{padding:18px}.section-form{grid-template-columns:1fr 78px}.section-form button{grid-column:1/-1}.section-manager-item{align-items:flex-start;flex-wrap:wrap}.section-manager-item>span{flex-basis:100%}}
.unsectioned-leaders{padding-top:34px}.admin-unsectioned{margin-bottom:34px;border:1px solid #cfe0ed;border-radius:16px;background:#fff;overflow:visible}.admin-unsectioned>header{min-height:58px;padding:11px 17px;background:#f2f7fb;border-left:5px solid var(--navy);border-radius:15px 15px 0 0;display:flex;align-items:center;justify-content:space-between}.admin-unsectioned>header strong{font-size:1rem;color:var(--navy)}.admin-unsectioned>header span{font-size:.75rem;color:var(--muted)}

/* แสดงชื่อตำแหน่งยาวให้ครบทุกบรรทัด */
.public-content .person-card .position{white-space:nowrap;width:100%;max-width:100%;overflow:visible;overflow-wrap:normal;word-break:normal;letter-spacing:-.01em;min-height:0;margin-inline:auto}
.public-content .person-info{height:auto;overflow:visible}.public-content .person-card{height:auto}

/* การ์ดบุคลากรแบบไร้กรอบสำหรับหน้าสาธารณะ */
.public-content .person-card{background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible;min-height:0;transition:transform .2s ease}
.public-content .person-card::before{display:none}
.public-content .photo-frame{background:transparent;border:0;border-radius:0}
.public-content .person-info{background:transparent;border-top:0;padding:16px 8px 12px}
.public-content .person-card:hover{transform:translateY(-3px)}
@media(prefers-reduced-motion:reduce){.public-content .person-card{transition:none}.public-content .person-card:hover{transform:none}}

/* เพิ่มและลบแถวในหน้าจัดการ โดยไม่ลบข้อมูลบุคลากร */
.level-delete{position:absolute;left:76px;top:-13px;height:29px;padding:0 10px;border:1px solid #efc3c6;border-radius:99px;background:#fff;color:var(--red);font:inherit;font-size:.7rem;font-weight:800;cursor:pointer;z-index:2}
.level-delete:hover{background:#fff0f1;border-color:#e58e94}
.empty-admin-level{min-height:125px;margin-inline:18px;border:2px dashed #c8dbe9;border-radius:14px;background:#f8fbfe}
.empty-admin-level .row-add{margin:auto}
.level-add-wrap{display:flex;justify-content:center;padding:0 18px 28px}
.add-level-button{height:40px;padding:0 18px;border:1px dashed #6fa5d2;border-radius:11px;background:#eef6fd;color:var(--blue);font:inherit;font-size:.82rem;font-weight:800;cursor:pointer}
.add-level-button:hover{background:#dfeffa;border-style:solid}

/* โหมดฝังใน Joomla ให้เริ่มชิดขอบบนและใช้พื้นที่ iframe เต็ม */
.embed-mode .public-main{padding:0}
.embed-mode .chart-viewport{height:100vh}
.embed-mode .chart-canvas,.embed-mode .chart-canvas.all-view{padding-top:0}

/* ป้องกันแถบหัวหายและช่องว่างจากการเลื่อนซ้อนเมื่อฝังใน Joomla */
body.embed-mode{height:100vh;overflow:hidden}
.embed-mode .public-main,.embed-mode .public-content{height:100vh;min-height:0}
.embed-mode .chart-shell{height:100vh;display:flex;flex-direction:column;overflow:hidden;border:0;border-radius:0;box-shadow:none}
.embed-mode .search-toolbar{position:relative;top:auto;z-index:40;flex:0 0 58px;background:#fff}
.embed-mode .search-status{flex:0 0 auto}
.embed-mode .chart-viewport{height:auto;min-height:0;flex:1 1 auto;overflow:auto}
.embed-mode .department-group>header{top:0}
.embed-mode .person-subsection>header{position:relative;top:auto;z-index:2;box-shadow:0 5px 12px rgba(16,59,99,.07)}
@media(max-width:650px){.embed-mode .search-toolbar{flex-basis:auto}}

/* เว้นระยะให้รูปที่ขยายไม่ลอดหรือถูกหัวข้อ sticky บัง */
.embed-mode .unsectioned-leaders{padding-top:72px}
.embed-mode .person-subsection .department-levels{padding-top:68px}

/* จัดการฝ่ายและตำแหน่งว่าง */
.sections-dialog{width:min(760px,calc(100vw - 24px));max-width:none}.section-leader-button{width:100%;margin:0 0 14px;min-height:44px;color:var(--navy);font-weight:800}.sections-dialog .section-manager-item{display:grid;grid-template-columns:minmax(180px,1fr) 38px 38px auto auto auto}.sections-dialog .section-manager-item button:disabled{opacity:.35;cursor:not-allowed}.add-section-person{color:var(--blue)!important;font-weight:800;white-space:nowrap}.vacancy-toggle{display:flex;align-items:center;gap:11px;margin:0 0 16px;padding:12px 14px;border:1px solid #b8d8ef;border-radius:12px;background:#eef7fd;cursor:pointer}.vacancy-toggle input{width:20px;height:20px;accent-color:var(--blue)}.vacancy-toggle span{display:flex;flex-direction:column}.vacancy-toggle b{color:var(--navy)}.vacancy-toggle small{color:var(--muted)}.vacant-card .photo-frame{position:relative;opacity:.72}.vacant-card .photo-frame::after{content:"ตำแหน่งว่าง";position:absolute;left:50%;bottom:14px;transform:translateX(-50%);padding:6px 12px;border-radius:99px;background:#fff2f3;border:1px solid #efb8bc;color:var(--red);font-weight:800;white-space:nowrap}.vacant-card .person-info h2{color:var(--red);font-weight:900}.public-content .vacant-card .photo-frame img{opacity:.5;transform:scale(.9)}
@media(max-width:700px){.sections-dialog .section-manager-item{grid-template-columns:1fr repeat(2,38px)}.sections-dialog .section-manager-item>span{grid-column:1/-1}.sections-dialog .section-manager-item .add-section-person{grid-column:1/-1}}

/* ให้เมนูหลังบ้านติดตามหน้าจอและเลื่อนรายการภายในได้ */
.editor-header{position:sticky;top:0;z-index:80}.admin-sidebar{position:sticky;top:72px;height:calc(100vh - 72px);align-self:start;display:flex;flex-direction:column;overflow:hidden}.admin-sidebar-heading,.database-badge{flex:0 0 auto}.admin-sidebar .department-list{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:3px;scrollbar-width:thin}.admin-sidebar .department-list::-webkit-scrollbar{width:7px}.admin-sidebar .department-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,.28);border-radius:99px}
@media(max-width:900px){.editor-header{position:relative}.admin-sidebar{position:relative;top:auto;height:auto;display:block;overflow:visible}.admin-sidebar .department-list{display:flex;overflow-x:auto;overflow-y:hidden;padding:0 0 4px}}

/* ให้กรอบหลังบ้านยาวตามเนื้อหา เพื่อ sticky ทำงานตลอดทั้งหน้า */
.editor-layout{height:auto;min-height:calc(100vh - 72px);align-items:start}.admin-workspace{width:100%;overflow:visible}.admin-toolbar{position:sticky;top:72px;z-index:65;box-shadow:0 5px 15px rgba(16,59,99,.08)}.admin-tip{position:sticky;top:182px;z-index:64}.admin-sidebar{z-index:66}
@media(max-width:900px){.editor-layout{min-height:0}.admin-toolbar,.admin-tip{position:relative;top:auto}.admin-workspace{overflow:hidden}}