:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#26332e;background:#f6f7f9;font-synthesis:none;--green:#285547;--muted:#818a87;--border:#e8ecea}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible{outline:3px solid #8ab8a5;outline-offset:4px}[hidden]{display:none!important}.sidebar{width:232px;background:#fff;border-right:1px solid var(--border);position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:32px 20px 0}.brand{display:flex;align-items:center;gap:11px;font-size:17px;font-weight:650;letter-spacing:.2px}.brand small{display:block;font-size:8px;letter-spacing:1.65px;margin-top:6px;color:#929a96;font-weight:500}.brand-mark{width:48px;height:48px;flex:none;border-radius:10px;background:#453329;display:block;object-fit:contain}.space-label{font-size:11px;color:#9aa29e;margin:47px 12px 15px;display:flex;align-items:center;justify-content:space-between}.space-label>span{border:1px solid #e6eae7;border-radius:4px;padding:1px 5px;font-size:9px}nav{display:grid;gap:8px}nav a{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:8px;color:#747f79;font-size:13px;font-weight:500}nav a.active{background:#edf3ef;color:#285547;font-weight:650}nav a:hover{background:#f3f6f4}.nav-icon{width:19px;font-size:19px;line-height:1;text-align:center;font-weight:400}.nav-count{margin-left:auto;background:#edf0ed;border:1px solid #e2e8e2;border-radius:4px;font-size:10px;padding:1px 5px;color:#829087}.sidebar-note{margin-top:auto;padding:30px 13px 18px;color:#426655;font-size:11px;font-weight:550}.sidebar-note p{font-size:11px;font-weight:400;color:#929d97;line-height:1.9;margin:10px 0 0}.small-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#72a985;margin-right:6px;vertical-align:middle}.small-dot.muted{background:#a7ada9}.profile{margin-top:12px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px;padding:20px 6px 23px;font-size:12px}.avatar{width:32px;height:32px;background:#f2f0e8;border:1px solid #e9e7de;color:#847a53;display:grid;place-items:center;border-radius:50%;font-size:11px}.profile small{display:block;font-size:10px;color:#a0a7a3;margin-top:5px}.profile-symbol{margin-left:auto;color:#939c96}main{margin-left:232px}.topbar{height:75px;display:flex;align-items:center;justify-content:space-between;padding:0 44px;border-bottom:1px solid var(--border);background:#fff;font-size:11px;color:#959d99}.topbar #breadcrumb{color:#59685e}.slash{margin:0 12px;color:#c8cfcb}.topbar-right{display:flex;align-items:center;gap:20px;font-size:10px}.preview-tag{font-size:10px;background:#f1f4f1;color:#6f8174;border:1px solid #e4e9e4;border-radius:5px;padding:5px 9px}.content{max-width:1360px;margin:0 auto;padding:38px 44px 0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#8f9d95;margin-bottom:12px}h1{font-size:29px;letter-spacing:.2px;font-weight:600;line-height:1.3;margin:0}h2,h3,p{margin:0}.page-heading p{font-size:12px;color:#909993;line-height:1.9;margin-top:10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:6px;font-size:11px;font-weight:550;min-height:35px;padding:8px 13px;white-space:nowrap}.button.secondary{border:1px solid #e1e6e2;background:#fff;color:#68756c}.button.secondary:hover{border-color:#99b1a3}.button.secondary>span{font-size:15px}.hero{background:#eaf0e9;border:1px solid #dfe8de;border-radius:12px;min-height:228px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative}.hero-copy{padding:27px 30px;position:relative;z-index:1}.hero-badge{font-size:10px;color:#6a8972;display:inline-flex;align-items:center;gap:1px;margin-bottom:17px}.hero h2{font-size:24px;font-weight:600;letter-spacing:.2px;color:#2e5340}.hero p{font-size:11px;color:#7d9181;line-height:1.9;margin-top:12px}.hero-button{background:#345c46;color:#fff;margin-top:21px;min-height:33px;font-size:10px;gap:22px}.hero-button:hover{background:#264d38}.hero-art{width:285px;height:228px;position:relative;flex:none;transform:translateX(-28px);opacity:.9}.orbit{position:absolute;border:1px solid #c8d9c5;left:43px;top:19px;width:194px;height:194px;border-radius:50%;transform:rotate(-25deg)}.orbit-two{width:233px;height:126px;left:24px;top:53px;transform:rotate(-35deg);border-color:#d0ddc9}.art-core{display:grid;place-items:center;position:absolute;width:88px;height:88px;left:97px;top:71px;border-radius:23px;background:linear-gradient(140deg,#fffdf5,#d8e7d3);border:1px solid #c9dac5;box-shadow:0 12px 25px #526d4d15,0 0 0 10px #ffffff35;font-size:35px;font-weight:600;color:#5e795d;transform:rotate(-10deg)}.art-chip{position:absolute;border-radius:9px;border:1px solid #d4decf;background:#f7f8ef;box-shadow:0 5px 15px #5b775215;display:grid;place-items:center;font-size:11px;color:#8b9a80;z-index:1;width:44px;height:44px}.chip-top{left:74px;top:24px;transform:rotate(-10deg)}.chip-right{right:21px;top:101px;transform:rotate(8deg)}.chip-bottom{left:57px;bottom:22px;transform:rotate(-7deg)}.spark{position:absolute;width:5px;height:5px;border-radius:50%;background:#b3c8a9}.spark-one{left:191px;top:32px}.spark-two{left:195px;bottom:30px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:22px}.stat{background:#fff;border:1px solid var(--border);border-radius:9px;padding:19px 20px}.stat>span{font-size:10px;color:#929b95}.stat strong{display:block;font-size:25px;font-weight:550;letter-spacing:-.5px;margin:12px 0 9px;white-space:nowrap}.stat strong em{font-size:16px;font-style:normal;color:#b6bdb8;font-weight:400}.stat small{font-size:9px;color:#a1a9a3;display:block}.stat small .small-dot{width:5px;height:5px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:30px 0 17px}.section-heading h2{font-size:15px;font-weight:600}.section-heading>span{font-size:10px;color:#a0a8a2}.apps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.app-card{padding:22px 21px 16px;background:#fff;border:1px solid var(--border);border-radius:9px;position:relative;transition:border-color .15s,transform .15s}.app-card:hover{transform:translateY(-2px);border-color:#b9cdbf}.app-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-size:18px;flex:none;font-weight:500}.green{color:#548569;background:#edf5ed}.blue{color:#7794b3;background:#edf3f9}.orange{color:#b89b65;background:#fbf4e9}.purple{color:#9983b6;background:#f4eff9}.rose{color:#b7898b;background:#faf0f1}.neutral{color:#85958b;background:#eef2ef}.app-card>.card-status{position:absolute;top:26px;right:19px}.card-status{font-size:9px;color:#a1a8a3;background:#f7f8f7;border:1px solid #e9ece9;border-radius:4px;padding:3px 6px;white-space:nowrap}.live-status{color:#71977c;background:#f1f7f0;border-color:#e4eee2}.app-card h3{font-size:13px;font-weight:600;margin-top:17px}.app-card p{font-size:10px;color:#a0a7a1;margin-top:8px;line-height:1.8}.card-link{border-top:1px solid #f0f2ef;margin-top:18px;padding-top:12px;display:flex;justify-content:space-between;font-size:9px;color:#8b978d}.card-link>span{font-size:13px;color:#b2bcb3}.notice{display:flex;gap:9px;align-items:flex-start;border:1px solid #e5e9e5;border-radius:7px;padding:12px 15px;color:#969f97;margin-top:23px;background:#f1f4f1}.notice>span{font-size:12px}.notice p{font-size:10px;line-height:1.8}.panel{background:white;border:1px solid var(--border);border-radius:10px;padding:26px 28px}.panel-title{display:flex;align-items:center;justify-content:space-between}.panel h2{font-size:16px;font-weight:550}.details{margin:19px 0 0}.details>div{display:flex;justify-content:space-between;gap:25px;align-items:center;border-top:1px solid #f0f2ef;padding:19px 0;font-size:12px}.details dt{color:#929c94;flex:none}.details dd{margin:0;text-align:right;overflow-wrap:anywhere}.integration-list{padding:4px 26px}.integration-list article{padding:25px 0;display:flex;align-items:center;gap:17px;border-bottom:1px solid var(--border)}.integration-list article:last-child{border:0}.integration-list h3{font-size:13px;font-weight:550}.integration-list p{font-size:11px;line-height:1.9;color:#929d95;margin-top:7px}.integration-list .card-status{margin-left:auto;flex:none}.roadmap{padding:31px}.roadmap article{display:flex;gap:23px;position:relative;padding:0 0 36px}.roadmap article:last-child{padding-bottom:0}.roadmap article:not(:last-child):before{content:"";position:absolute;top:34px;left:15px;width:1px;height:calc(100% - 34px);background:#e9eeea}.step{width:32px;height:32px;display:grid;place-items:center;border:1px solid #e1e7e1;border-radius:50%;font-size:10px;color:#acb5ad;flex:none;background:#fff;position:relative}.done .step{background:#edf5eb;color:#5c8c62;border-color:#e1ecdf}.current .step{background:#345c46;color:#fff;border-color:#345c46;box-shadow:0 0 0 4px #edf2eb}.roadmap small{font-size:9px;color:#a1aaa3}.current small{color:#6a8e6d}.roadmap h3{font-size:14px;font-weight:550;margin:8px 0}.roadmap p{font-size:11px;line-height:1.9;color:#929c94}footer{margin-top:28px;padding:18px 0 22px;border-top:1px solid #e8ece8;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#a4aca6;gap:20px}.footer-version{margin-left:10px;color:#b4bcb6}
@media(min-width:1500px){.content{padding-top:45px}.hero{min-height:250px}.hero-art{transform:translateX(-65px)}.app-card{padding-top:25px;padding-bottom:20px}.hero h2{font-size:27px}}
@media(max-width:1100px){.sidebar{width:202px;padding-left:16px;padding-right:16px}.brand{font-size:15px}.brand small{font-size:7px}main{margin-left:202px}.topbar{padding:0 28px}.content{padding:30px 28px 0}.hero-art{width:235px;transform:translateX(-5px) scale(.85);transform-origin:center}.hero-copy{padding:26px}.stats-grid{gap:11px}.stat{padding:17px 14px}.stat strong{font-size:22px}.apps-grid{gap:12px}.app-card{padding:19px 16px 14px}.app-card p{font-size:10px}.app-card>.card-status{right:14px;top:23px}}
@media(max-width:850px){.sidebar{width:180px;padding-left:12px;padding-right:12px}.brand{gap:8px;font-size:13px}.brand-mark{width:35px;height:35px;font-size:22px}.brand small{font-size:6px;letter-spacing:1.2px}main{margin-left:180px}.hero-art{display:none}.hero-copy{padding:25px}.hero{min-height:0}.apps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{height:64px}.topbar-right{gap:10px}.topbar-right #date-label{display:none}.page-heading h1{font-size:26px}.page-heading{gap:12px}.topbar,.content{padding-left:24px;padding-right:24px}.stat strong{font-size:25px}}
@media(max-width:600px){.sidebar{position:static;width:auto;padding:18px 20px 12px;border-right:none;border-bottom:1px solid var(--border)}.brand{font-size:16px}.brand small{font-size:7px}.brand-mark{height:36px;width:36px}.space-label,.sidebar-note,.profile{display:none}nav{display:flex;gap:5px;margin-top:18px;overflow-x:auto}nav a{padding:10px 9px;font-size:11px;gap:6px;white-space:nowrap}.nav-icon{width:15px;font-size:15px}.nav-count{display:none}main{margin-left:0}.topbar{height:47px;padding:0 20px;font-size:10px}.content{padding:25px 20px 0}.page-heading{align-items:flex-end}.page-heading h1{font-size:24px}.page-heading p{font-size:11px}.eyebrow{font-size:8px}.button.secondary{font-size:10px;min-height:32px;padding:7px 9px}.hero-copy{padding:25px 22px}.hero h2{font-size:22px}.hero p{font-size:10px}.desktop-br{display:none}.stats-grid{margin-top:15px;gap:10px}.stat{padding:17px 15px}.stat strong{font-size:23px}.section-heading{margin-top:25px}.section-heading>span{font-size:9px}.apps-grid{gap:11px}.app-card{padding:17px 13px 13px}.app-icon{height:31px;width:31px;border-radius:8px;font-size:16px}.app-card>.card-status{font-size:8px;top:20px;right:11px;padding:2px 4px}.app-card h3{font-size:12px}.app-card p{font-size:9px;min-height:32px}.card-link{font-size:8px}.notice{padding:11px}.notice p{font-size:9px}.panel{padding:20px}.details>div{font-size:11px;padding:16px 0}.integration-list{padding:0 18px}.integration-list article{gap:12px;align-items:flex-start;position:relative;padding:23px 0}.integration-list h3{font-size:12px;padding-right:43px}.integration-list p{font-size:10px}.integration-list .card-status{position:absolute;right:0;top:23px;font-size:8px}.roadmap article{gap:17px}.roadmap h3{font-size:12px}.roadmap p{font-size:10px}.roadmap small{font-size:8px}footer{flex-direction:column;align-items:flex-start;gap:8px;margin-top:22px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.database-strip{display:flex;align-items:center;gap:14px;margin-top:17px;padding:17px 20px;background:#fff;border:1px solid var(--border);border-radius:9px}.database-strip:hover{border-color:#b9cdbf}.database-summary strong{display:block;font-size:12px;font-weight:550}.database-summary strong span{margin-left:12px;color:#76967c;font-size:10px;font-weight:400}.database-summary small{display:block;font-size:10px;margin-top:7px;color:#a0aaa2}.database-detail{margin-left:auto;font-size:10px;color:#89968c;white-space:nowrap}.database-panel{margin-top:22px}@media(max-width:600px){.database-strip{padding:15px 13px;gap:10px}.database-summary strong{font-size:11px}.database-summary small{font-size:9px}.database-detail{font-size:9px}}
.button.primary{background:#345c46;color:#fff;border:1px solid #345c46}.button.primary:hover{background:#284b38}.button.full{width:100%;min-height:46px;justify-content:space-between;font-size:13px}.auth-screen{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.auth-story{background:#eaf0e9;padding:45px 48px;display:flex;flex-direction:column;min-height:100vh;position:relative}.auth-story .brand-mark{width:64px;height:64px;border-radius:14px}.auth-story-copy{margin:auto 0;padding:65px 0}.auth-story-copy h1{font-size:41px;line-height:1.55;font-weight:550;letter-spacing:1px;color:#31543e}.auth-story-copy .eyebrow{font-size:10px;letter-spacing:2px;margin-bottom:23px}.auth-story-copy>p{color:#839784;font-size:14px;line-height:2.1;margin-top:24px}.auth-story-tags{display:flex;gap:10px;margin-top:36px}.auth-story-tags span{border:1px solid #d3dfd0;padding:7px 12px;border-radius:5px;color:#80967d;font-size:11px}.auth-local{font-size:10px;color:#82957f}.auth-form-side{display:flex;align-items:center;justify-content:center;padding:45px}.auth-card{max-width:380px;width:100%}.auth-card>h2{font-size:25px;font-weight:600;line-height:1.5;margin-top:23px}.auth-card>p{font-size:12px;color:#919b93;line-height:1.9;margin-top:13px}.auth-card form{margin-top:28px}form label{display:block;font-size:12px;color:#607166}form input,form select,.employee-table-panel select{font:inherit;color:#3c4c42;border:1px solid #dfe6df;border-radius:6px;background:#fff;padding:12px 13px;min-height:43px;width:100%;outline:none}form input:focus,form select:focus,.employee-table-panel select:focus{border-color:#74977b;box-shadow:0 0 0 3px #edf3eb}form label input,form label select{margin-top:9px}form label+label{margin-top:20px}form label small{display:block;font-size:9px;line-height:1.7;color:#9aa39a;margin-top:8px}.form-hint{font-size:10px;line-height:1.8;color:#8c9c8d;margin-top:12px}.form-error{color:#a75c53;font-size:11px;line-height:1.8;margin:14px 0;min-height:0}.form-error:empty{display:none}.auth-card .button.full{margin-top:24px}.auth-wecom{border-top:1px solid var(--border);margin-top:30px;padding-top:22px;display:flex;align-items:center;gap:12px;color:#718575}.auth-wecom>span:first-child{height:31px;width:31px;display:grid;place-items:center;background:#edf5eb;border-radius:8px;font-size:16px}.auth-wecom p{font-size:11px}.auth-wecom small{display:block;color:#a6aea6;font-size:9px;margin-top:5px}.auth-wecom .card-status{margin-left:auto}.auth-card .auth-footnote{font-size:9px;color:#aab2aa;margin-top:25px}.logout-button{margin-left:auto;border:0;background:none;color:#89988a;cursor:pointer;padding:6px;font-size:18px}.member-welcome{margin-top:22px}.member-welcome h2{font-size:15px}.member-welcome p{color:#8b998c;font-size:12px;line-height:1.9;margin-top:12px}.app-card[aria-disabled=true]{cursor:default}.app-card[aria-disabled=true]:hover{transform:none;border-color:var(--border)}.employee-form{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}.employee-form label+label{margin-top:0}.employee-form .form-error{grid-column:1/-1;margin:0}.employee-form .button{justify-self:start}.employee-table-panel{margin-top:20px}.employee-table-panel table{width:100%;border-collapse:collapse;margin-top:22px;text-align:left}.employee-table-panel th{color:#99a497;font-size:10px;font-weight:400;border-bottom:1px solid var(--border);padding:13px 9px}.employee-table-panel td{border-bottom:1px solid #f0f3ee;padding:17px 9px;font-size:12px}.employee-table-panel td strong{font-weight:500;display:block}.employee-table-panel td small{font-size:10px;color:#9ca699;display:block;margin-top:7px}.employee-table-panel select{min-width:94px;font-size:11px;min-height:33px;padding:7px 9px}.employee-table-panel select:disabled{background:#f8faf6;color:#a4afa0}.employee-table-panel td:first-child{min-width:130px}.table-scroll{overflow-x:auto}.table-note{font-size:10px;color:#a0aa9c;margin-top:18px;line-height:1.9}.permission-panel{margin-top:22px}.permission-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:22px}.permission-grid h3{font-size:12px;font-weight:500}.permission-grid p{font-size:11px;line-height:1.9;color:#98a392;margin-top:9px}.audit-list article{display:flex;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid var(--border);font-size:12px}.audit-list article:last-child{border:0}.audit-list strong{font-size:12px;font-weight:500}.audit-list span{color:#8c9986}.audit-list small{margin-left:auto;color:#a4ae9e;font-size:10px;white-space:nowrap}.employee-table-panel h2 span{font-size:12px;color:#a0aa99;margin-left:7px}@media(max-width:850px){.auth-story{padding:35px}.auth-story-copy h1{font-size:32px}.auth-form-side{padding:35px}.sidebar nav{gap:4px}.sidebar nav a{padding-top:11px;padding-bottom:11px}.audit-list article{gap:12px}.audit-list small{font-size:9px}}@media(max-width:600px){.auth-screen{display:block}.auth-story{min-height:auto;padding:25px}.auth-story-copy{display:none}.auth-local{margin-top:21px;font-size:9px}.auth-form-side{padding:30px 25px 45px}.auth-card{max-width:420px}.auth-card>h2{font-size:23px;margin-top:18px}.auth-card form{margin-top:24px}.auth-card .auth-footnote{font-size:10px}.employee-form,.permission-grid{grid-template-columns:1fr}.audit-list article{display:grid;grid-template-columns:1fr auto;gap:9px}.audit-list small{grid-column:1/-1;margin-left:0}.employee-table-panel td{padding:15px 7px}.employee-table-panel .button{font-size:10px}.employee-table-panel{padding:20px 14px}.auth-story .brand{font-size:15px}}
.wecom-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.wecom-status-grid .panel{padding:21px}.wecom-status-grid small{font-size:10px;color:#9aa395}.wecom-status-grid strong{display:block;font-size:19px;font-weight:550;margin:14px 0 9px}.wecom-status-grid p{font-size:10px;color:#99a391;line-height:1.9}.wecom-panel{margin-top:22px}.wecom-wide{grid-column:1/-1}.wecom-actions{display:flex;gap:10px;flex-wrap:wrap}.checkbox-label{display:flex;align-items:center;gap:9px}.checkbox-label input{min-height:0;width:15px;height:15px;margin:0}.verification-form{display:flex;align-items:flex-end;gap:16px;margin-top:20px}.verification-form label{flex:1}.verification-form .button{flex:none;margin-bottom:2px}.wecom-panel input[readonly]{background:#f7f9f5;color:#8b9984}.wecom-panel .details dd{max-width:70%;font-size:11px}@media(max-width:600px){.wecom-status-grid{grid-template-columns:1fr;gap:10px}.wecom-status-grid .panel{padding:17px}.wecom-status-grid strong{font-size:17px;margin:10px 0 7px}.verification-form{align-items:stretch;flex-direction:column}.verification-form .button{align-self:flex-start}.wecom-panel .details dd{font-size:10px;max-width:65%}}

.employee-permissions-dialog {
  width: min(760px, calc(100vw - 32px));
  max-height: calc(100dvh - 40px);
  margin: auto;
  padding: 26px;
  border: 1px solid var(--border);
  border-radius: 18px;
  color: var(--ink);
  background: var(--surface);
  box-shadow: 0 25px 90px #0009;
}
.employee-permissions-dialog::backdrop { background: #07101cc4; backdrop-filter: blur(5px); }
.permission-dialog-heading, .permission-toolbar, .permission-dialog-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.permission-dialog-heading h2 { margin: 0; font-size: 21px; }
.permission-dialog-heading p, .permission-help, .permission-module-note {
  color: var(--soft-ink, #99a8b9);
  font-size: 12px;
  line-height: 1.7;
}
.permission-dialog-heading p { margin: 8px 0 0; }
.permission-help { margin: 20px 0 16px; }
.permission-toolbar { margin-bottom: 18px; font-size: 12px; }
.permission-toolbar > div { display: flex; flex-wrap: wrap; gap: 16px; }
.permission-toolbar .text-button { font-size: 12px; }
.permission-module-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.permission-module { margin: 0; padding: 12px 16px 14px; border: 1px solid var(--border); border-radius: 12px; min-width: 0; }
.permission-module legend { padding: 0 5px; font-size: 14px; font-weight: 600; }
.permission-module label { display: flex; align-items: center; gap: 10px; cursor: pointer; }
.permission-module input[type=checkbox] { width: 17px; height: 17px; min-height: 0; padding: 0; margin: 0; flex: 0 0 17px; accent-color: var(--accent); }
.permission-module .permission-option { margin: 0; padding: 8px 0; font-size: 13px; font-weight: 400; }
.permission-module-note { margin: 7px 0 0; font-size: 11px; }
.permission-dialog-footer { margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--border); flex-wrap: wrap; }
.permission-dialog-footer .form-status { flex: 1; margin: 0; min-width: 120px; }
.permission-dialog-footer .row-actions { margin-left: auto; }
@media (max-width: 600px) {
  .employee-permissions-dialog { padding: 18px; }
  .permission-module-grid { grid-template-columns: 1fr; }
  .permission-toolbar { align-items: flex-start; flex-direction: column; gap: 12px; }
}

.zw-work-copy { width: 100%; margin: 16px 0; padding: 12px; resize: vertical; color: var(--ink); background: var(--page-bg); border: 1px solid var(--border); border-radius: 8px; font: inherit; line-height: 1.7; }
.employee-permissions-dialog { overflow: hidden; }
.employee-permissions-dialog form { display: flex; flex-direction: column; max-height: calc(100dvh - 94px); margin: 0; }
.permission-dialog-heading, .permission-help, .permission-toolbar, .permission-dialog-footer { flex-shrink: 0; }
.permission-module-grid { overflow-y: auto; min-height: 0; padding: 4px 3px 4px 0; }
.permission-toolbar .text-button { background: transparent; border: 0; color: var(--accent); padding: 2px 0; cursor: pointer; font: inherit; }
@media (max-width: 600px) { .employee-permissions-dialog form { max-height: calc(100dvh - 78px); } }

/* Local revision studio: native dialog, bounded list, same theme tokens. */
.zw-revision-dialog{width:min(1100px,94vw);max-width:1100px;max-height:92dvh;padding:26px;background:var(--panel-bg,#101b28);color:var(--ink,#e2edfa);border:1px solid var(--border);border-radius:18px;box-shadow:0 24px 90px #0008;overflow:auto}
.zw-revision-dialog::backdrop{background:#030912ba;backdrop-filter:blur(6px)}
.zw-revision-intro{margin:12px 0 20px}.zw-revision-intro h3{font-size:18px;margin:8px 0;overflow-wrap:anywhere}
.zw-revision-grid{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(320px,1.3fr);gap:26px;align-items:start}
.zw-revision-preview{min-width:0}.zw-revision-preview>video{width:100%;height:310px;object-fit:contain;background:#05080e;border-radius:12px}
.zw-revision-dialog .zw-note{line-height:1.7;margin:8px 0;color:var(--muted,#9cabbf)}
.zw-revision-captions h3{margin-bottom:6px}.zw-revision-dialog input:not([type=checkbox]):not([type=range]){width:100%;padding:10px 12px;color:var(--ink,#e2edfa);background:var(--page-bg,#0a1420);border:1px solid var(--border);border-radius:8px;font:inherit;min-width:0}
.zw-caption-list{max-height:430px;overflow-y:auto;margin-top:12px;padding-right:5px;overscroll-behavior:contain}.zw-caption-row{display:grid;gap:8px;border:1px solid transparent;border-bottom-color:var(--border);padding:9px 8px 13px;border-radius:8px}.zw-caption-row .text-button{justify-self:start;font-size:11px;font-variant-numeric:tabular-nums}.zw-caption-row.is-edited{border-color:var(--accent,#51cce4);background:#40c8ee0a}.zw-revision-dialog input:focus-visible{outline:2px solid var(--accent,#51cce4);outline-offset:2px}
.zw-frame-picker{padding:12px;border:1px solid var(--border);border-radius:12px;margin-top:10px}.zw-frame-picker>img{display:block;max-width:100%;width:auto;height:220px;object-fit:contain;margin:0 auto 12px;border-radius:8px}.zw-frame-picker>img:not([src]){display:none}.zw-frame-picker>input[type=range]{width:100%;accent-color:var(--accent,#51cce4)}.zw-frame-picker .zw-field{margin:10px 0}
.zw-revision-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:22px;padding:16px 0 6px;border-top:1px solid var(--border)}.zw-version-row{padding:18px 0;border-bottom:1px solid var(--border)}
@media(max-width:720px){.zw-revision-dialog{padding:18px}.zw-revision-grid{grid-template-columns:1fr}.zw-revision-preview>video{height:240px}.zw-caption-list{max-height:330px}.zw-revision-footer{flex-wrap:wrap}.zw-revision-footer .button{width:100%}}

.zw-revision-preview.is-selecting>video{height:220px}.zw-frame-picker>img{height:150px}

.zw-cover-preview>img{display:block;width:100%;max-height:580px;object-fit:contain;background:#080d14;border-radius:12px}.zw-cover-candidates{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:12px 0}.zw-cover-candidate{padding:4px;border:1px solid var(--border);border-radius:8px;background:var(--page-bg,#0a1420);color:var(--ink);cursor:pointer}.zw-cover-candidate img{display:block;width:100%;aspect-ratio:9/16;object-fit:contain}.zw-cover-candidate span{display:block;font-size:11px;padding-top:4px}.zw-cover-candidate[aria-pressed=true]{border:2px solid var(--accent,#51cce4);background:#40c8ee20}.zw-cover-controls>input[type=range]{width:100%;margin:12px 0}.zw-cover-controls .zw-field{display:grid;gap:6px;margin:12px 0}.zw-cover-controls h3{margin:20px 0 8px}.zw-cover-candidate:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.zw-cover-title-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 14px}.zw-cover-title-suggestion[aria-pressed=true]{border-color:var(--accent,#51cce4);background:#40c8ee20;color:var(--ink)}
