:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#252724;background:#e9e6e3;font-synthesis:none;--muted:#858781;--line:#eaece7;--accent:#3c5141;--orange:#eb704f;--glass:rgba(255,255,255,.46)}
*{box-sizing:border-box}body{margin:0;min-width:375px}button,input,select,textarea{font:inherit}button,a,input,textarea,summary{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}button:disabled{opacity:.4;cursor:not-allowed}button{transition:background .18s,transform .18s,box-shadow .18s}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #6d866f;outline-offset:4px}input,textarea{outline:0;width:100%;color:inherit}input:focus,textarea:focus{border-color:#889d87!important;box-shadow:0 0 0 3px #91a58c20}input::placeholder,textarea::placeholder{color:#a3a69e}svg{width:20px;height:20px;flex-shrink:0;vertical-align:middle;stroke-width:1.65}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}.muted{color:var(--muted)}.small{font-size:12px}.nowrap{white-space:nowrap}.boot{display:flex;align-items:center;justify-content:center;gap:20px;height:100vh;font-size:40px;letter-spacing:-2px}.boot span{font-size:13px;letter-spacing:1px;color:var(--muted)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 17% 14%,#d5bca85c,transparent 45%),radial-gradient(ellipse at 12% 85%,#c1c6b97a,transparent 40%),radial-gradient(ellipse at 100% 60%,#e0cec646,transparent 40%);z-index:-1}.workspace{display:flex;margin:22px;min-height:calc(100vh - 44px);border-radius:35px;box-shadow:0 20px 70px #35342e09;position:relative;isolation:isolate;background:#c8bcb151}.rail{width:82px;flex-shrink:0;background:linear-gradient(165deg,#191c18f5,#292b26ed);border:1px solid #ffffff20;border-radius:35px;display:flex;flex-direction:column;align-items:center;padding:25px 0 21px;position:sticky;top:22px;height:calc(100vh - 44px);z-index:4;backdrop-filter:blur(30px)}.brand-ring{width:30px;height:30px;border:3px solid transparent;border-radius:50%;background:linear-gradient(#22251f,#22251f) padding-box,conic-gradient(#cfb89d,#839a7d,#ddab78,#df7b62,#cfb89d) border-box;display:block;margin:6px 0 45px}.rail-nav{display:flex;flex-direction:column;gap:17px;width:100%;align-items:center}.rail-btn{position:relative;width:44px;height:44px;display:grid;place-items:center;color:#a9aca4;background:transparent;border-radius:15px}.rail-btn:hover{background:#ffffff12;color:white}.rail-btn.active{background:#f1f2eb;color:#252923;box-shadow:0 4px 12px #0002}.rail-btn span{position:absolute;left:55px;background:#242823;color:#fff;font-size:12px;padding:8px 12px;border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s}.rail-btn:hover span,.rail-btn:focus-visible span{opacity:1}.rail-bottom{margin-top:auto;display:flex;flex-direction:column;gap:16px;align-items:center}.avatar{height:38px;width:38px;border-radius:50%;display:grid;place-items:center;background:#dfc4ad;color:#4f493d;font-size:14px;font-weight:600}.rail .avatar{border:3px solid #ffffff1f;width:36px;height:36px;font-size:12px;background:#dac6b1}
.context-panel{width:254px;flex-shrink:0;padding:34px 26px 22px 30px;position:sticky;top:22px;height:calc(100vh - 44px);display:flex;flex-direction:column;overflow:auto}.wordmark{font-size:29px;letter-spacing:-1.8px;font-weight:750}.wordmark i{font-style:normal;color:#eb704f}.workspace-label{font-size:10px;letter-spacing:2px;margin-top:5px;color:#6b6e65}.context-title{font-size:30px;letter-spacing:-1px;font-weight:500;margin-top:40px;line-height:1.45}.context-sub{color:#78796f;font-size:12px;margin-top:6px}.section-label{font-size:10px;letter-spacing:1.7px;color:#73766b;display:flex;justify-content:space-between;align-items:center;margin:32px 0 12px}.scope-card{background:linear-gradient(130deg,#383d35ef,#262a23e8);backdrop-filter:blur(24px);border:1px solid #ffffff25;border-radius:23px;color:#f4f2ea;padding:21px 20px;position:relative;overflow:hidden}.scope-card:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;background:#b3a48230;filter:blur(35px);right:-65px;top:-35px}.scope-card .eyebrow{font-size:10px;letter-spacing:.6px;color:#d4d7cc;display:flex;justify-content:space-between}.scope-card strong{font-size:43px;font-weight:450;letter-spacing:-2px;display:block;margin:22px 0 13px}.scope-card .foot{display:flex;justify-content:space-between;font-size:10px;color:#bfc5b8}.mini-stats{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.mini-stat{border-radius:17px;background:#ffffff48;border:1px solid #ffffff65;padding:14px 13px;backdrop-filter:blur(24px)}.mini-stat span{font-size:10px;color:#73776b;display:block}.mini-stat b{font-size:23px;font-weight:500;display:block;margin-top:7px}.context-links{display:flex;flex-direction:column;gap:8px}.context-link{width:100%;border-radius:12px;background:transparent;text-align:left;padding:12px 10px;display:flex;gap:10px;align-items:center;font-size:12px;color:#63685b}.context-link svg{width:17px;height:17px}.context-link:hover{background:#ffffff36}.context-link.active{background:#ffffff75;box-shadow:0 3px 10px #333302;color:#303a2c}.context-link .count{margin-left:auto;color:#929788;font-size:10px}.context-footer{margin-top:auto;padding-top:28px;font-size:10px;color:#84877c;line-height:1.8}.context-footer .status{display:flex;align-items:center;gap:6px;margin-bottom:7px}.dot{width:5px;height:5px;border-radius:50%;background:#6b8d62;display:inline-block}
.main{flex:1;min-width:0;background:rgba(255,255,255,.87);border:1px solid #ffffffb0;border-radius:35px;padding:28px 32px 22px;backdrop-filter:blur(36px);min-height:calc(100vh - 44px);display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:42px}.top-search{display:flex;gap:10px;align-items:center;width:340px;color:#a0a69a}.top-search input{border:0!important;box-shadow:none!important;background:transparent;padding:10px 0}.keycap{border:1px solid #e4e6df;font-size:10px;border-radius:5px;padding:3px 5px;white-space:nowrap;color:#a0a398}.top-actions{display:flex;align-items:center;gap:15px}.date-text{font-size:11px;color:#888e81;margin-right:5px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;background:transparent;color:#8c9186;border-radius:10px;width:34px;height:34px}.icon-btn:hover{background:#f0f2eb;color:#3e4938}.user-info{display:flex;align-items:center;gap:10px}.user-info strong{font-size:12px;font-weight:550}.user-info small{font-size:9px;display:block;color:#959a8f;margin-top:4px}.heading-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow{font-size:9px;font-weight:500;letter-spacing:2px;color:#92988b}.page-title{font-size:29px;letter-spacing:-1px;line-height:1.4;font-weight:550;margin:8px 0}.page-desc{font-size:12px;color:#92978b;line-height:1.6}.primary{display:inline-flex;gap:9px;align-items:center;justify-content:center;border-radius:13px;background:#2d382b;color:#fff;padding:13px 19px;box-shadow:0 4px 10px #27352012;white-space:nowrap}.primary svg{width:16px;height:16px}.primary:hover{background:#475641;box-shadow:0 6px 14px #27352022}.secondary{display:inline-flex;gap:7px;align-items:center;justify-content:center;border:1px solid #e1e5dc;background:#fff9;border-radius:11px;padding:10px 14px;color:#646e5c}.secondary:hover{background:#f0f3eb}.danger{color:#b45748;background:#f9ece8;border-color:#efd4cb}.summary-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:26px 0 29px}.metric{position:relative;border:1px solid #e6e8e0;background:linear-gradient(120deg,#fafbf8bd,#f2f3ed90);border-radius:19px;padding:18px 19px}.metric .metric-label{font-size:11px;color:#858c7c;display:flex;justify-content:space-between;gap:8px}.metric .metric-label svg{width:16px;height:16px;color:#9ba38f}.metric .metric-body{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-top:14px}.metric b{font-size:30px;line-height:1;font-weight:480;letter-spacing:-1px}.metric small{color:#8c947e;font-size:10px}.metric-bars{display:flex;gap:3px;align-items:flex-end;height:22px}.metric-bars i{display:block;background:#b9c5ae;width:5px;border-radius:2px}.tabbar{display:flex;align-items:center;gap:25px;border-bottom:1px solid var(--line);padding-bottom:0;min-height:42px}.tab{border:0;background:transparent;color:#9b9f94;padding:0 0 15px;position:relative;display:flex;align-items:center;gap:8px;white-space:nowrap}.tab.active{color:#374231;font-weight:550}.tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#45523d;border-radius:2px}.tab em{font-size:9px;background:#f0f2eb;border-radius:5px;padding:3px 5px;color:#8a947b;font-style:normal}.table-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 0}.filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.filter-pop{position:relative}.filter-trigger{display:flex;gap:10px;align-items:center;background:#f8f9f5b3;border:1px solid #e8ebe2;border-radius:9px;padding:8px 11px;color:#89907e;min-width:102px;justify-content:space-between}.filter-trigger.chosen{background:#edf2e8;color:#455b39}.filter-trigger svg{width:12px;height:12px}.filter-menu{position:absolute;top:calc(100% + 7px);left:0;min-width:155px;background:#fffffff5;backdrop-filter:blur(25px);border:1px solid #e7ebdf;border-radius:13px;padding:6px;box-shadow:0 12px 35px #272b1e1a;z-index:20}.filter-menu button{display:block;width:100%;text-align:left;padding:9px 10px;border-radius:8px;background:none;color:#79836d}.filter-menu button:hover,.filter-menu button.selected{background:#eef2e8;color:#3d5134}.toolbar-right{display:flex;gap:8px;align-items:center;font-size:10px;color:#a1a796}.clear-btn{background:transparent;color:#a88777;padding:5px}.table-wrap{overflow:auto;min-height:260px;scrollbar-width:thin;scrollbar-color:#ccd3c2 transparent}.data-table{border-collapse:separate;border-spacing:0;width:100%;font-size:11px;text-align:left;white-space:nowrap}.data-table th{font-weight:400;color:#929a88;font-size:10px;background:#f5f7f1;padding:12px 11px;border-bottom:1px solid #edf0e7}.data-table th:first-child{border-radius:9px 0 0 9px;padding-left:15px}.data-table th:last-child{border-radius:0 9px 9px 0}.data-table td{padding:18px 11px;border-bottom:1px solid #eef0e9;color:#6e7762;line-height:1.5}.data-table td:first-child{padding-left:15px}.data-table tr[data-record]{cursor:pointer;transition:background .15s}.data-table tr[data-record]:hover{background:#f5f7f0}.company-cell{display:flex;gap:11px;align-items:center;min-width:207px}.company-cell strong{font-size:11px;font-weight:550;color:#444d3a;display:block;max-width:220px;overflow:hidden;text-overflow:ellipsis}.credit{font-size:8px;color:#a0a893;letter-spacing:.35px;margin-top:5px;display:block;font-family:ui-monospace,SFMono-Regular,monospace}.owner{font-size:9px;color:#a0a590;margin-top:3px;display:block}.badge{font-size:9px;padding:4px 7px;border-radius:6px;display:inline-flex;align-items:center;gap:4px;white-space:nowrap;overflow-wrap:normal;word-break:keep-all;flex-shrink:0;background:#f1f4ed;color:#849272}.badge.urgent,.badge.high{background:#fbefe8;color:#c0805b}.badge.verified{background:#ecf2e7;color:#728b60}.badge.pending{background:#f7f2e6;color:#b19d68}.badge.doubt{background:#f9e9e5;color:#b78675}.badge.readonly{background:#f0f0ed;color:#949b88}.row-open{width:27px;height:27px;border-radius:50%;background:transparent;color:#9ea88e;display:grid;place-items:center}.row-open svg{width:15px;height:15px}.row-open:hover{background:#e7eddc;color:#4b603b}.pagination{display:flex;justify-content:space-between;align-items:center;padding:22px 0;gap:15px}.page-info{display:flex;gap:12px;align-items:center;font-size:10px;color:#a1a797}.page-controls{display:flex;gap:6px;align-items:center}.page-button{border:1px solid transparent;width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:transparent;color:#929c84}.page-button svg{width:13px;height:13px}.page-button.current{background:#eef2e7;border-color:#e1e7d6;color:#556746}.page-button:hover{background:#f0f3eb}.page-end{font-size:9px;color:#a7ae9c;display:flex;align-items:center;gap:8px}.main-footer{margin-top:auto;padding-top:24px;display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#b0b5a7;letter-spacing:.3px}.empty{text-align:center;padding:55px 20px 65px;display:flex;align-items:center;flex-direction:column;gap:12px;white-space:normal}.empty .empty-icon{background:#f1f3eb;border:1px solid #e5eadd;width:65px;height:65px;border-radius:22px;display:grid;place-items:center;color:#a6b298;margin-bottom:8px}.empty h3{font-size:15px;font-weight:550;color:#67745b}.empty p{font-size:12px;color:#a1aa95;max-width:320px;line-height:1.8}.empty .primary{margin-top:8px}.view-note{font-size:11px;color:#8b957e;padding:12px 15px;background:#f4f6ef;border-radius:10px;margin-top:20px;display:flex;align-items:center;gap:8px}
.modal-backdrop{position:fixed;inset:0;background:#292e2638;backdrop-filter:blur(7px);z-index:50;display:flex;justify-content:flex-end;animation:fade .2s ease}.drawer{width:min(830px,calc(100vw - 38px));margin:16px;background:rgba(253,254,250,.96);backdrop-filter:blur(40px);border:1px solid #ffffffd9;border-radius:27px;box-shadow:0 20px 80px #18201430;display:flex;flex-direction:column;max-height:calc(100dvh - 32px);animation:slide .28s cubic-bezier(.2,.8,.2,1);overflow:hidden}.drawer.narrow{width:min(590px,calc(100vw - 38px))}.drawer-header{padding:27px 29px 20px;display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.drawer-header h2{font-size:21px;font-weight:550;letter-spacing:-.5px;margin:7px 0}.drawer-header p{font-size:11px;color:#9aa08e;line-height:1.7}.drawer .tabbar{padding-left:29px;padding-right:20px;gap:25px;overflow-x:auto;flex-shrink:0}.drawer-body{padding:25px 29px;overflow:auto;flex:1;min-height:0;scrollbar-width:thin}.drawer-footer{padding:18px 29px;border-top:1px solid #e5e9dc;display:flex;align-items:center;justify-content:space-between;gap:15px;background:#f8faf3c2}.drawer-footer .actions{display:flex;gap:10px;margin-left:auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 19px}.form-field{display:flex;flex-direction:column;gap:9px;min-width:0}.form-field.wide{grid-column:1/-1}.form-field label{font-size:11px;color:#7a846c}.form-field label b{color:#b68c77;font-weight:400}.form-field input,.form-field textarea,.field-select{background:#fff9;border:1px solid #e0e6d6;border-radius:10px;padding:11px 13px;min-height:41px}.form-field textarea{resize:vertical;min-height:110px;line-height:1.7}.field-select{display:flex;justify-content:space-between;align-items:center;width:100%;color:#6c7b5c;cursor:pointer}.field-select svg{width:13px;height:13px}.form-field .filter-menu{width:100%}.form-field small{font-size:10px;color:#a1aa94;line-height:1.6}.field-read{background:#f3f5ed;border:1px solid transparent;border-radius:10px;padding:12px;min-height:41px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;color:#647157}.group-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.group-heading h3{font-size:13px;font-weight:550;color:#5e6c51}.group-heading h3 span{font-size:10px;margin-left:6px;color:#a7af9b}.repeat-card{background:#fff6;border:1px solid #e3e8d9;border-radius:17px;padding:20px;margin-bottom:17px}.repeat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;font-size:11px;color:#748363}.repeat-header strong{font-weight:500}.remove{background:none;color:#be9887;padding:5px;display:flex;align-items:center;gap:4px}.remove svg{width:13px;height:13px}.group-pills{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:22px}.group-pills button{background:#f0f3e9;color:#96a184;border-radius:8px;padding:9px 12px;}.group-pills button.active{background:#dfe8d6;color:#5a7147}.inline-info{display:flex;gap:9px;background:#eef3e8;border:1px solid #dfe8d5;border-radius:12px;padding:14px;color:#839575;font-size:11px;line-height:1.8;margin:0 0 22px}.inline-info svg{width:16px;height:16px;margin-top:2px}.section-title{font-size:12px;font-weight:550;color:#5e6e50;margin:25px 0 15px}.section-title:first-child{margin-top:0}.check-card{display:flex;align-items:center;gap:12px;cursor:pointer;border:1px solid #e4e9da;border-radius:13px;padding:14px;margin-bottom:10px;font-size:12px;color:#687a58;background:#fff7}.check-card input{width:15px;height:15px;accent-color:#5c704a}.check-card .desc{font-size:10px;color:#a0aa94;margin-top:5px;line-height:1.6}.scope-choice{display:flex;gap:12px;padding:14px;border:1px solid #e4e9da;border-radius:12px;margin-bottom:9px;cursor:pointer;font-size:12px;color:#687a58;background:#fff7}.scope-choice:has(input:checked){border-color:#acbd98;background:#eff4e8}.scope-choice input{width:15px;height:15px;accent-color:#5c704a;margin:0;flex-shrink:0}.scope-choice small{display:block;color:#9ca98f;font-size:10px;margin-top:6px;line-height:1.6}.multi-select{position:relative;margin-top:13px}.multi-trigger{width:100%;text-align:left;min-height:43px;background:#fff9;border:1px solid #d9e2cc;border-radius:11px;padding:11px 13px;color:#83966f;display:flex;align-items:center;justify-content:space-between;gap:9px}.multi-trigger svg{width:14px;height:14px}.multi-menu{margin-top:7px;background:#fff;border:1px solid #e0e8d5;border-radius:13px;padding:10px;box-shadow:0 10px 30px #3241210c}.multi-search{display:flex;align-items:center;gap:9px;border:1px solid #e2e9d9;border-radius:8px;padding:0 9px;color:#a2b08f}.multi-search input{border:0;padding:9px 0;background:transparent;box-shadow:none}.multi-search svg{width:14px;height:14px}.multi-options{max-height:155px;overflow:auto;margin-top:8px}.multi-option{display:flex;align-items:center;gap:9px;padding:9px 6px;color:#748961;cursor:pointer;border-radius:7px}.multi-option:hover{background:#f3f7ee}.multi-option input{width:14px;height:14px;accent-color:#6b8356}.multi-option .avatar{height:24px;width:24px;font-size:9px;background:#e9efdf;color:#8c9f75}.error-box{color:#b66e59;font-size:11px;line-height:1.7;background:#fbefe8;border:1px solid #ecd5c6;border-radius:10px;padding:11px 13px;margin:12px 0}.error-box:empty{display:none}.confirm{margin:auto;max-height:90vh;width:min(450px,calc(100vw - 40px));padding:28px;background:#fcfdf8f5;backdrop-filter:blur(30px);border:1px solid #fff;border-radius:25px;box-shadow:0 15px 55px #24301920;animation:fade .2s}.confirm h2{font-size:20px;margin-bottom:15px;font-weight:500}.confirm p{font-size:12px;color:#89977a;line-height:1.8;margin-bottom:25px}.confirm .actions{display:flex;justify-content:flex-end;gap:10px}#toast{position:fixed;top:12px;bottom:auto;left:50%;transform:translate(-50%,-12px);opacity:0;pointer-events:none;background:#2c3827ed;backdrop-filter:blur(20px);border:1px solid #ffffff25;padding:13px 24px;border-radius:13px;box-shadow:0 8px 35px #1f291923;color:#f4f7ee;font-size:12px;z-index:100;transition:opacity .2s,transform .2s;max-width:90vw;text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}.user-table th,.user-table td{padding-top:19px;padding-bottom:19px}.account-name{display:flex;align-items:center;gap:12px}.account-name .avatar{width:33px;height:33px;font-size:11px;background:#e9eee0;color:#81936c}.account-name strong{font-size:12px;font-weight:550;color:#546447}.account-name small{display:block;font-size:9px;color:#9cae8e;margin-top:5px}.account-actions{display:flex;gap:7px;align-items:center}.text-btn{color:#839a6e;background:transparent;padding:7px 9px;border-radius:7px}.text-btn:hover{background:#eef3e7}.text-btn.danger{color:#bd9782}.settings-card{max-width:560px;background:#f8faf4;border:1px solid #e5ebda;border-radius:21px;padding:27px;margin-top:30px}.settings-card h2{font-size:17px;font-weight:500;margin-bottom:8px}.settings-card>p{font-size:11px;color:#9aab8a;margin-bottom:25px;line-height:1.7}.settings-card .form-field{margin-bottom:18px}
.login-page{min-height:100dvh;padding:26px;display:grid;place-items:center;position:relative;overflow:hidden}.login-shell{width:min(1110px,100%);min-height:680px;border:1px solid #fff9;background:#ffffff35;border-radius:38px;box-shadow:0 24px 85px #37362d0b;backdrop-filter:blur(35px);display:grid;grid-template-columns:1.05fr 1fr;overflow:hidden}.login-art{margin:12px;background:radial-gradient(ellipse at 50% 70%,#838e6b4d,transparent 65%),linear-gradient(135deg,#22271f,#373b2f);border-radius:29px;padding:37px;color:#f2f1e9;position:relative;display:flex;flex-direction:column;overflow:hidden}.login-art .wordmark{position:relative;z-index:2;font-size:30px}.login-art .art-label{font-size:10px;letter-spacing:2px;color:#a1a891;margin-top:6px}.login-art .art-heading{margin-top:auto;font-size:36px;font-weight:450;line-height:1.5;letter-spacing:-1.5px;position:relative;z-index:2}.login-art .art-desc{font-size:11px;color:#aeb49f;margin:17px 0 29px;line-height:1.9;position:relative;z-index:2}.art-footer{display:flex;justify-content:space-between;color:#8a927b;font-size:9px}.orb{position:absolute;width:280px;height:280px;top:120px;left:calc(50% - 140px);border:1px solid #c7caae35;border-radius:65px;background:linear-gradient(145deg,#cdd3b11c,#b3baa800);backdrop-filter:blur(10px);transform:rotate(-18deg);box-shadow:inset 0 0 50px #ffffff05,20px 25px 50px #111a1120}.orb:before{content:"";position:absolute;inset:32px;border:1px solid #dadfc64d;border-radius:50%;background:linear-gradient(135deg,#e5d1a15c,#77886140);box-shadow:inset 0 0 70px #d2d4ac20}.orb:after{content:"T";position:absolute;inset:0;display:grid;place-items:center;font-size:85px;font-weight:500;color:#ede9dabb;transform:rotate(18deg)}.login-form{padding:78px 64px 45px;display:flex;flex-direction:column;justify-content:center}.login-form .eyebrow{color:#949b87}.login-form h1{font-size:30px;font-weight:500;letter-spacing:-1px;margin-top:14px}.login-form .sub{font-size:12px;color:#9da48f;margin:14px 0 33px}.login-form .form-field{margin-bottom:22px}.login-form input{padding:14px;background:#ffffff86}.password-wrap{position:relative}.password-wrap input{padding-right:45px}.password-wrap .icon-btn{position:absolute;right:6px;top:5px}.login-submit{padding:15px;width:100%;border-radius:11px;margin-top:8px}.login-foot{font-size:9px;color:#a5ad98;display:flex;justify-content:space-between;margin-top:36px}.login-foot a{color:#83916e}.login-form .error-box{margin-top:0}.login-form button svg{width:17px;height:17px}
@keyframes slide{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes fade{from{opacity:0}to{opacity:1}}@media(min-width:1650px){.main{padding:32px 40px}.context-panel{width:280px;padding:36px 30px 25px 34px}.data-table{font-size:12px}.data-table td{padding-top:21px;padding-bottom:21px}.data-table th{font-size:11px}.company-cell strong{font-size:12px}.credit{font-size:9px}.summary-strip{margin:30px 0 34px}.metric{padding:21px}}
@media(max-width:1250px){.workspace{margin:14px;min-height:calc(100vh - 28px)}.rail{height:calc(100vh - 28px);top:14px;width:68px}.context-panel{width:210px;padding:31px 20px;height:calc(100vh - 28px);top:14px}.main{padding:25px 24px;min-height:calc(100vh - 28px)}.date-text{display:none}.context-title{font-size:26px}.topbar{margin-bottom:30px}.metric small{display:none}.metric-bars{display:none}.scope-card{padding:18px 16px}.tabbar{gap:21px}}
@media(max-width:1000px){.context-panel{width:175px;padding:30px 15px}.context-title{font-size:22px}.wordmark{font-size:25px}.workspace-label{font-size:8px;letter-spacing:1px}.context-link{font-size:10px;gap:7px;padding:10px 7px}.mini-stats{gap:6px}.mini-stat{padding:12px 9px}.mini-stat span{font-size:9px}.page-title{font-size:25px}.scope-card strong{font-size:35px}.top-search{width:230px}.top-actions{gap:9px}.topbar{gap:10px}.keycap{display:none}.toolbar-right .label{display:none}.main{border-radius:28px}.summary-strip{gap:9px}.metric{padding:15px}.metric .metric-label{font-size:10px}}
@media(max-width:780px){.workspace{margin:8px;border-radius:25px}.rail{width:57px;border-radius:23px;top:8px;height:calc(100dvh - 16px);padding:18px 0}.brand-ring{width:24px;height:24px;margin-bottom:30px}.rail-btn{width:36px;height:38px;border-radius:12px}.rail-btn svg{width:18px;height:18px}.context-panel{display:none}.main{padding:22px 19px;border-radius:24px;min-height:calc(100dvh - 16px)}.topbar{margin-bottom:28px}.top-search{width:auto;max-width:60%}.top-actions>.icon-btn{display:none}.user-info div{display:none}.user-info .avatar{width:32px;height:32px;font-size:11px}.page-title{font-size:23px}.page-desc{font-size:10px}.heading-row .primary{padding:11px 12px;}.summary-strip{margin:20px 0}.metric{padding:12px;border-radius:13px}.metric .metric-label svg{display:none}.metric .metric-label{font-size:9px}.metric b{font-size:24px}.metric .metric-body{margin-top:10px}.tabbar{gap:15px}.table-tools{padding:15px 0}.toolbar-right{display:none}.filters{gap:6px}.filter-trigger{min-width:85px;padding:8px}.pagination{flex-wrap:wrap;padding:20px 0}.page-end{display:none}.page-info{font-size:9px;gap:7px}.main-footer{font-size:8px}.main-footer span:last-child{display:none}.drawer{margin:8px;width:calc(100vw - 16px);border-radius:22px;max-height:calc(100dvh - 16px)}.drawer-header{padding:23px 20px 18px}.drawer-body{padding:22px 20px}.drawer .tabbar{padding-left:20px;gap:19px}.drawer-footer{padding:15px 20px}.form-grid{gap:17px 12px}.form-field label{font-size:10px}.form-field input,.form-field textarea,.field-select{padding:10px}.repeat-card{padding:15px}.drawer-footer .small{font-size:9px}.login-page{padding:14px}.login-shell{min-height:auto;grid-template-columns:1fr;max-width:460px;border-radius:30px}.login-art{min-height:180px;padding:25px}.login-art .art-heading{font-size:23px;margin-top:20px}.login-art .art-desc,.art-footer,.login-art .art-label{display:none}.orb{width:160px;height:160px;left:auto;right:20px;top:10px;border-radius:38px}.orb:before{inset:23px}.orb:after{font-size:45px}.login-form{padding:32px}.login-form h1{font-size:26px}.login-form .sub{margin-bottom:25px}.login-foot{margin-top:25px}.settings-card{padding:21px}.heading-row{gap:12px}.eyebrow{font-size:8px;letter-spacing:1.5px}}
.workspace{gap:14px;background:transparent;box-shadow:none;align-items:flex-start}.context-panel{display:none}.rail{padding:24px 14px 18px;border-radius:28px;transition:width .26s cubic-bezier(.2,.8,.2,1);background:linear-gradient(150deg,#20251fed,#30382af0);box-shadow:inset 0 1px 0 #ffffff18,0 12px 40px #3037270b;overflow:visible}.rail.expanded{width:224px;align-items:stretch}.rail.collapsed{width:76px;align-items:center}.rail-brand{height:61px;display:flex;align-items:flex-start;padding:8px 12px 0}.rail-brand a{display:flex;align-items:center;gap:12px}.rail .brand-ring{margin:0;width:26px;height:26px;flex-shrink:0}.rail-wordmark{font-size:25px;font-weight:650;letter-spacing:-1.4px;color:#f1f1e7;line-height:26px}.rail-wordmark i{font-style:normal;color:#d19d79}.collapse-toggle{color:#9fa992;display:flex;align-items:center;gap:13px;background:#ffffff06;border:1px solid #ffffff08;border-radius:10px;height:36px;padding:0 12px;margin:8px 0 26px;text-align:left;flex-shrink:0}.collapse-toggle svg{width:17px;height:17px}.collapse-toggle:hover{background:#ffffff10;color:#e1e8d8}.rail-section-label{color:#738166;font-size:8px;letter-spacing:1.7px;padding:0 13px;margin-bottom:15px}.rail-nav{align-items:stretch;gap:9px}.rail-btn{display:flex;justify-content:flex-start;align-items:center;gap:13px;width:100%;height:47px;padding:0 14px;border-radius:13px;color:#a4ae98;flex-shrink:0}.rail-btn svg{width:19px;height:19px}.rail-btn.active{color:#35412b;background:#f1f4e8;box-shadow:0 3px 15px #11190d1c}.rail-btn:hover{background:#ffffff0d;color:#e4ecda}.rail-btn.active:hover{background:#fff;color:#35412b}.rail-btn .nav-label,.collapse-toggle .nav-label{position:static;background:none;padding:0;color:inherit;opacity:1;white-space:nowrap;pointer-events:none}.nav-count{font-style:normal;font-size:10px;color:#829171;background:#ffffff07;border:1px solid #ffffff0b;border-radius:6px;min-width:22px;line-height:21px;margin-left:auto;text-align:center}.rail-btn.active .nav-count{background:#dfe7d2;border-color:#dfe7d2;color:#728464}.rail-btn .rail-tooltip{position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);background:#283323ee;backdrop-filter:blur(20px);color:#f2f5ec;font-size:11px;letter-spacing:.2px;padding:9px 12px;border:1px solid #ffffff15;box-shadow:0 4px 20px #19221115;border-radius:9px;white-space:nowrap;opacity:0;pointer-events:none}.rail.expanded .rail-tooltip{display:none}.rail.collapsed .rail-btn:hover .rail-tooltip,.rail.collapsed .rail-btn:focus-visible .rail-tooltip{opacity:1}.rail-bottom{width:100%;align-items:stretch;gap:17px}.rail-account{display:flex;gap:10px;align-items:center;padding:15px 10px 0;border-top:1px solid #ffffff0c}.rail-account .avatar{margin:0;flex-shrink:0;width:34px;height:34px;background:#d6c6af;border:2px solid #eee6d230;color:#4b4e3f}.rail-account-text{overflow:hidden}.rail-account-text strong{font-size:11px;font-weight:500;display:block;color:#e1e8d6;white-space:nowrap;max-width:100px;overflow:hidden;text-overflow:ellipsis}.rail-account-text small{font-size:9px;color:#849574;display:block;margin-top:5px;white-space:nowrap}.rail-account .dot{margin-left:auto;background:#9bab7e}.rail.collapsed .rail-brand{padding:8px 0 0;justify-content:center}.rail.collapsed .rail-wordmark,.rail.collapsed .nav-label,.rail.collapsed .nav-count,.rail.collapsed .rail-section-label,.rail.collapsed .rail-account-text,.rail.collapsed .rail-account>.dot{display:none}.rail.collapsed .collapse-toggle{justify-content:center;width:36px;height:34px;padding:0;margin:8px 0 35px}.rail.collapsed .collapse-toggle svg{transform:rotate(180deg)}.rail.collapsed .rail-btn{width:46px;height:46px;padding:0;justify-content:center}.rail.collapsed .rail-account{padding:15px 0 0;justify-content:center}.main{border-radius:28px;background:linear-gradient(125deg,#ffffffdc,#ffffffc9);box-shadow:inset 0 1px 0 #fff,0 15px 50px #3b392306;min-height:calc(100vh - 44px)}.page-desc{color:#7f8973}.data-table{font-size:12px}.data-table th{font-size:11px;color:#849173}.company-cell strong{font-size:12px}.credit{font-size:9px;color:#8e9b7d}.owner{color:#92a17f}.data-table td{color:#657653}.badge{font-size:10px}.metric .metric-label{font-size:12px;color:#7c8a6e}.metric small{color:#849373}.filter-trigger{color:#7b8b6c}.page-info{color:#869676}.form-field label{font-size:12px;color:#718361}.drawer-header p{color:#8b9c79}.drawer-footer .muted{color:#8a9b78}
@media(max-width:1250px){.rail{height:calc(100vh - 28px);top:14px}.rail.expanded{width:210px}.main{min-height:calc(100vh - 28px)}}
@media(max-width:780px){.workspace{gap:8px}.rail{height:calc(100dvh - 16px);top:8px;border-radius:23px;padding:19px 8px 16px}.rail.collapsed{width:57px}.rail.expanded{width:218px;position:absolute;top:0;left:0;z-index:25;height:calc(100dvh - 16px);padding-left:13px;padding-right:13px;box-shadow:15px 0 45px #24301a30}.workspace:has(.rail.expanded) .main{margin-left:65px}.rail.collapsed .rail-btn{width:39px;height:42px;border-radius:12px}.rail.collapsed .rail-brand{height:53px}.rail.collapsed .brand-ring{width:24px;height:24px}.rail.collapsed .collapse-toggle{margin-bottom:25px}.rail.collapsed .rail-account .avatar{width:31px;height:31px}.main{padding:22px 17px;border-radius:23px;min-height:calc(100dvh - 16px)}.metric .metric-label{font-size:9px}.page-title{font-size:23px}.form-field label{font-size:11px}}
:root{background:#e6e6e1;--muted:#76816c;--line:rgba(83,106,65,.12)}
body:before{background:radial-gradient(ellipse at 7% 16%,#cba59295 0,transparent 41%),radial-gradient(ellipse at 82% 4%,#d9c68b7a 0,transparent 43%),radial-gradient(ellipse at 84% 89%,#acb998b5 0,transparent 45%),radial-gradient(ellipse at 9% 87%,#9eafb27d 0,transparent 42%),linear-gradient(120deg,#e4e0d9,#deded4);filter:saturate(1.05)}
.workspace{isolation:isolate}
.rail{background:linear-gradient(145deg,rgba(37,44,36,.76),rgba(37,47,35,.57));backdrop-filter:blur(30px) saturate(150%);-webkit-backdrop-filter:blur(30px) saturate(150%);border:1px solid #ffffff4d;box-shadow:inset 1px 1px 0 #ffffff38,inset -1px -1px 0 #ffffff10,0 18px 45px #2d382721;transition:width .42s cubic-bezier(.22,1,.36,1),padding .42s cubic-bezier(.22,1,.36,1)}
.rail:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(125deg,#ffffff12 0,transparent 35%,transparent 75%,#ffffff08 100%);z-index:-1}
.main{background:linear-gradient(130deg,rgba(255,255,255,.57),rgba(251,253,247,.35));backdrop-filter:blur(32px) saturate(155%);-webkit-backdrop-filter:blur(32px) saturate(155%);border:1px solid #ffffffb0;box-shadow:inset 1px 1px 0 #ffffffc9,inset -1px -1px 0 #ffffff60,0 20px 65px #5460440c;transition:margin-left .42s cubic-bezier(.22,1,.36,1),padding .32s ease;position:relative}
.rail-btn{transition:gap .32s ease,padding .42s cubic-bezier(.22,1,.36,1),width .42s cubic-bezier(.22,1,.36,1),background .2s,color .2s;gap:13px;overflow:visible}
.rail .nav-label{display:block;flex-shrink:0;width:108px;overflow:hidden;opacity:1;transform:translateX(0);transition:width .36s cubic-bezier(.22,1,.36,1),opacity .23s ease,transform .36s cubic-bezier(.22,1,.36,1)}
.rail.collapsed .nav-label{display:block;width:0;opacity:0;transform:translateX(-8px)}
.rail.collapsed .rail-btn{gap:0;width:46px;padding:0}
.collapse-toggle{width:100%;gap:13px;transition:width .42s cubic-bezier(.22,1,.36,1),gap .35s ease,padding .35s ease,background .2s}
.rail.collapsed .collapse-toggle{gap:0}
.collapse-toggle svg{transition:transform .42s cubic-bezier(.22,1,.36,1)}
.rail-wordmark{display:block;width:75px;opacity:1;overflow:hidden;transition:width .36s cubic-bezier(.22,1,.36,1),opacity .24s ease;white-space:nowrap}
.rail.collapsed .rail-wordmark{display:block;width:0;opacity:0}
.rail-brand a{gap:12px;transition:gap .36s ease}
.rail.collapsed .rail-brand a{gap:0}
.rail-section-label{height:11px;opacity:1;overflow:hidden;white-space:nowrap;transition:height .3s ease,opacity .18s ease,margin .3s ease}
.rail.collapsed .rail-section-label{display:block;height:0;opacity:0;margin-bottom:0}
.rail-account{gap:10px;overflow:hidden;transition:gap .36s ease,padding .36s ease}
.rail-account-text{display:block;width:110px;max-width:110px;opacity:1;transition:width .36s cubic-bezier(.22,1,.36,1),opacity .2s ease}
.rail.collapsed .rail-account-text{display:block;width:0;max-width:110px;opacity:0}
.rail.collapsed .rail-account{gap:0}
.rail-account>.dot{transition:opacity .2s}
.rail-btn.active{background:linear-gradient(135deg,#ffffffe6,#edf4e5c4);border:1px solid #ffffffa3;box-shadow:inset 0 1px 0 #fff,0 5px 16px #18251318;backdrop-filter:blur(20px)}
.rail-btn:not(.active){border:1px solid transparent;color:#d0d8c4}.rail-btn .rail-tooltip{width:auto;opacity:0;transform:translateY(-50%)}
.rail.expanded .rail-tooltip{display:none}.rail.collapsed .rail-btn:hover .rail-tooltip,.rail.collapsed .rail-btn:focus-visible .rail-tooltip{opacity:1}
.collapse-toggle{background:#ffffff0a;border-color:#ffffff1a;color:#c1ceb0}.rail-section-label{color:#acbb9b}.rail-account-text small{color:#aebf9a}
.metric{background:linear-gradient(125deg,#ffffff69,#ffffff26);border:1px solid #ffffffb3;box-shadow:inset 0 1px 0 #ffffffcc,0 4px 16px #67775505;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}
.metric .metric-label{color:#6f7d60}.metric small{color:#768768}.metric b{color:#34452a}
.data-table th{background:#f6f9f054;border-bottom:1px solid #ffffff5c;color:#758566}.data-table td{border-color:#6d875514;color:#506943}.data-table tr[data-record]:hover{background:#fffffe3d}.company-cell strong{color:#354c29}.credit{color:#7d926b}.owner{color:#899c77}
.filter-trigger,.page-button.current{background:#ffffff54;border:1px solid #ffffffa3;box-shadow:inset 0 1px 0 #ffffff94;color:#6f845e;backdrop-filter:blur(12px)}
.filter-trigger.chosen{background:#e7efdc7d;border-color:#d9e6c8ba;color:#546f3e}.filter-menu{background:#fffffff0;border-color:#ffffffed;box-shadow:inset 0 1px 0 #fff,0 15px 40px #344d2221;backdrop-filter:blur(30px) saturate(160%)}
.badge{background:#eff5e66e;border:1px solid #ffffff50;color:#73865e}.badge.verified{background:#e5f0d88c;color:#63824d}.badge.high,.badge.urgent{background:#fae8dca8;color:#ae7755}.badge.pending{background:#f5ebd5a8;color:#a18c53}.badge.doubt{background:#f7e0d8a8;color:#a26a55}
.primary{border:1px solid #ffffff2b;background:linear-gradient(145deg,#3c5031ee,#2d4125f5);box-shadow:inset 0 1px 0 #ffffff30,0 4px 12px #33482b13;backdrop-filter:blur(16px)}
.secondary{background:#ffffff65;border-color:#ffffffbd;box-shadow:inset 0 1px 0 #fff9;color:#6b805a;backdrop-filter:blur(12px)}
.drawer{background:linear-gradient(140deg,#fcfff4c9,#f3f8eab3);backdrop-filter:blur(42px) saturate(150%);-webkit-backdrop-filter:blur(42px) saturate(150%);border-color:#ffffffd6;box-shadow:inset 1px 1px 0 #fff,0 20px 80px #30432326}
.modal-backdrop{background:#29332124;backdrop-filter:blur(6px)}.drawer-footer{background:#f4f8ec55;border-color:#ffffff95;backdrop-filter:blur(22px)}
.form-field input,.form-field textarea,.field-select,.multi-trigger{background:#ffffff6b;border-color:#ffffffd1;box-shadow:inset 0 1px 0 #fff8;color:#4c643c}.field-read{background:#ffffff40;color:#4c643c}.repeat-card,.check-card,.scope-choice{background:#ffffff4f;border-color:#ffffffc2;box-shadow:inset 0 1px 0 #ffffff8c}.scope-choice:has(input:checked){border-color:#97b17ec9;background:#e1edce85}
.settings-card{background:#ffffff50;border-color:#ffffffb3;backdrop-filter:blur(20px);box-shadow:inset 0 1px 0 #fff}.view-note,.inline-info{background:#e9f2dc70;border:1px solid #ffffff9c;color:#7b9167}.drawer .inline-info{border-color:#dce9c9a3}
.login-shell{background:#ffffff42;border-color:#ffffffa8;backdrop-filter:blur(35px) saturate(155%);box-shadow:inset 1px 1px 0 #ffffffb8,0 24px 85px #37362d12}.login-art{background:radial-gradient(ellipse at 40% 70%,#97af7170,transparent 65%),linear-gradient(135deg,#24331ddb,#35452bba);border:1px solid #ffffff2b;backdrop-filter:blur(26px)}
@media(max-width:780px){.rail.collapsed .rail-btn{width:39px}.rail.expanded{background:linear-gradient(135deg,#263a20e3,#3a4c2bd9);backdrop-filter:blur(30px) saturate(140%)}.rail .nav-label{width:108px}.rail.collapsed .nav-label{width:0}.workspace:has(.rail.expanded) .main{margin-left:65px}.main{transition:margin-left .42s cubic-bezier(.22,1,.36,1)}}
:root{background:#e9e6e3;--muted:#858781;--line:rgba(87,90,79,.1)}
body:before{background:radial-gradient(ellipse at 10% 12%,#cbb5a24f,transparent 46%),radial-gradient(ellipse at 7% 88%,#adb6af59,transparent 42%),radial-gradient(ellipse at 100% 65%,#cbbdb033,transparent 42%),linear-gradient(120deg,#e6e1dc,#e9e8e4);filter:none}
.rail{background:linear-gradient(155deg,rgba(27,31,26,.91),rgba(39,44,35,.82));backdrop-filter:blur(30px) saturate(110%);-webkit-backdrop-filter:blur(30px) saturate(110%);border-color:#ffffff40;box-shadow:inset 1px 1px 0 #ffffff2b,inset -1px -1px 0 #ffffff0b,0 16px 45px #2d302314}
.rail .nav-label{text-align:left}.rail-btn:not(.active){color:#bdc2b4}.rail-section-label{color:#89937e}.collapse-toggle{color:#b0baa2}.rail-account-text small{color:#9ca98d}.rail-btn.active{background:linear-gradient(125deg,#ffffffeb,#ecf0e5d6);color:#3b4731}
.main{background:linear-gradient(125deg,#ffffffa3,#fffffe82);backdrop-filter:blur(32px) saturate(115%);-webkit-backdrop-filter:blur(32px) saturate(115%);border-color:#ffffffb8}
.metric{background:linear-gradient(125deg,#ffffff70,#ffffff38);border-color:#ffffffbc}.metric .metric-label{color:#858b7d}.metric small{color:#8c957f}.metric b{color:#343c2d}.data-table th{background:#f9faf55c;color:#8a9580}.data-table td{color:#65745a}.company-cell strong{color:#444f3b}.credit{color:#929e83}.owner{color:#929f82}.filter-trigger{color:#859176}.primary{background:linear-gradient(145deg,#3c4834f2,#2d382bf5)}
.drawer{background:linear-gradient(135deg,#fffffff0,#f8faf2d9);backdrop-filter:blur(35px) saturate(115%);-webkit-backdrop-filter:blur(35px) saturate(115%)}.login-art{background:radial-gradient(ellipse at 40% 70%,#8c98734d,transparent 65%),linear-gradient(135deg,#22271ff2,#373b2fe6)}
.mobile-menu-toggle,.sidebar-scrim{display:none}
@media(max-width:780px){
  body{min-width:320px}.workspace{display:block;margin:10px;min-height:calc(100dvh - 20px);padding:0}.main{width:100%;min-height:calc(100dvh - 20px);padding:20px 18px;border-radius:25px;margin:0!important}
  .rail.collapsed,.rail.expanded{position:fixed;top:10px;left:10px;width:232px;height:calc(100dvh - 20px);padding:22px 14px 18px;border-radius:26px;z-index:45;transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .28s ease;background:linear-gradient(150deg,#20271df0,#2f3828eb);backdrop-filter:blur(32px) saturate(115%);-webkit-backdrop-filter:blur(32px) saturate(115%)}
  .rail.collapsed{transform:translateX(-265px);opacity:0;pointer-events:none}.rail.expanded{transform:translateX(0);opacity:1;pointer-events:auto;align-items:stretch}
  .rail.collapsed .rail-btn,.rail.expanded .rail-btn{width:100%;height:47px;padding:0 14px;gap:13px;justify-content:flex-start}.rail.collapsed .nav-label,.rail.expanded .nav-label{display:block;width:108px;opacity:1;transform:none}.rail.collapsed .rail-wordmark{display:block;width:75px;opacity:1}.rail.collapsed .rail-brand{padding:8px 12px 0;justify-content:flex-start;height:61px}.rail.collapsed .rail-brand a{gap:12px}.rail.collapsed .rail-account{padding:15px 10px 0;justify-content:flex-start;gap:10px}.rail.collapsed .rail-account-text{display:block;width:110px;opacity:1}.rail.collapsed .collapse-toggle{width:100%;gap:13px;padding:0 12px;margin:8px 0 26px;justify-content:flex-start}.rail.collapsed .rail-section-label{display:block;height:11px;opacity:1;margin-bottom:15px}.rail.collapsed .rail-account>.dot{display:block}.rail.collapsed .rail-tooltip{display:none!important}
  .sidebar-scrim{display:block;position:fixed;inset:0;z-index:40;background:#333a2e3d;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s;cursor:default}.workspace:has(.rail.expanded) .sidebar-scrim{opacity:1;visibility:visible}
  .mobile-menu-toggle{display:grid;place-items:center;width:37px;height:37px;flex-shrink:0;background:#ffffff65;border:1px solid #ffffffb3;color:#79866c;border-radius:11px;box-shadow:inset 0 1px 0 #fff8}.mobile-menu-toggle svg{width:18px;height:18px}.topbar{gap:11px;margin-bottom:28px}.top-search{max-width:none;width:auto;flex:1;gap:7px;min-width:0}.top-search svg{width:16px;height:16px}.top-search input{min-width:0;text-overflow:ellipsis}.top-actions{gap:0}.user-info .avatar{width:33px;height:33px}.heading-row{gap:12px;align-items:center}.page-title{font-size:24px;margin:7px 0}.page-desc{font-size:11px;line-height:1.7}.heading-row .primary{padding:11px 13px;border-radius:12px;gap:6px}.eyebrow{font-size:8px;letter-spacing:1.5px}
  .summary-strip{gap:9px;margin:23px 0}.metric{padding:14px 12px;border-radius:16px}.metric .metric-label{font-size:10px;white-space:nowrap}.metric .metric-body{margin-top:12px}.metric b{font-size:27px}.metric small,.metric .metric-label svg{display:none}.tabbar{gap:19px}.tab{gap:5px;padding-bottom:13px}.tab em{font-size:8px;padding:2px 4px}.table-tools{padding:17px 0 14px}.filters{gap:7px;flex-wrap:wrap}.filter-trigger{padding:9px 11px;min-width:94px;}.toolbar-right{display:none}
  .table-wrap{overflow:visible;min-height:0}.data-table{min-width:0;width:100%;white-space:normal;display:block}.data-table thead{display:none}.data-table tbody{display:flex;flex-direction:column;gap:13px}.data-table tr[data-record]{display:grid;position:relative;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:20px;row-gap:0;padding:18px 16px 15px;border:1px solid #ffffffd1;background:linear-gradient(130deg,#ffffff8a,#ffffff47);box-shadow:inset 0 1px 0 #fff8,0 5px 20px #3e4b2d04;border-radius:19px}.data-table tr[data-record]:hover{background:#ffffffa1}
  .data-table tr[data-record]>td{border:0;padding:8px 0;font-size:11px;display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0;line-height:1.5}.data-table tr[data-record]>td:first-child{grid-column:1/-1;padding:0 25px 14px 0;margin-bottom:8px;border-bottom:1px solid #7e907017;display:block}.data-table td[data-label]:before{content:attr(data-label);font-size:10px;color:#929f83;white-space:nowrap;flex-shrink:0}.data-table .company-cell{min-width:0;gap:10px;align-items:flex-start}.company-cell strong{font-size:12px;max-width:none;white-space:normal;overflow-wrap:anywhere;line-height:1.6}.company-cell>div:last-child{min-width:0}.credit{font-size:9px;margin-top:4px;letter-spacing:.15px;overflow-wrap:anywhere}.owner{font-size:9px;margin-top:4px}.data-table tr[data-record]>.company-action{position:absolute;right:12px;top:18px;padding:0}.row-open{height:26px;width:26px;background:#ffffff5e}.row-open svg{width:14px;height:14px}.data-table .badge{font-size:9px;padding:3px 6px;white-space:nowrap}.data-table tr[data-record]>td[data-label="注册资金 / 万元"],.data-table tr[data-record]>td[data-label="实缴资金 / 万元"]{flex-wrap:wrap;row-gap:4px}
  .pagination{flex-direction:column;align-items:center;gap:16px;padding:23px 0 8px}.page-info{gap:13px;font-size:11px}.page-info .filter-trigger{min-width:100px}.page-controls{gap:7px}.page-button{height:35px;width:35px;border-radius:10px}.page-button svg{width:15px;height:15px}.main-footer{padding-top:30px;font-size:9px;justify-content:center;color:#a5af99}.view-note{font-size:10px;line-height:1.8;margin-top:22px;align-items:flex-start}.view-note svg{width:16px;height:16px;flex-shrink:0;margin-top:2px}.empty{padding:50px 15px}.empty h3{font-size:14px}.empty p{font-size:11px;max-width:260px}
  .user-table tbody{gap:13px}.user-table tbody tr{display:block;border:1px solid #ffffffd1;background:linear-gradient(130deg,#ffffff8a,#ffffff47);padding:18px;border-radius:18px}.user-table tbody td{display:flex;border:0;padding:9px 0;justify-content:space-between;align-items:center;font-size:11px;gap:12px}.user-table tbody td:first-child{padding:0 0 14px;border-bottom:1px solid #7e907017;margin-bottom:7px}.user-table td[data-label]:before{font-size:10px;flex-shrink:0}.user-table tbody .account-action-cell{border-top:1px solid #7e907017;margin-top:6px;padding-top:13px;justify-content:flex-end}.account-name strong{font-size:13px}.account-name small{font-size:10px}.account-name .avatar{height:35px;width:35px}.account-actions{gap:10px}.text-btn{padding:9px 11px}.settings-card{margin-top:25px;padding:23px 19px;border-radius:19px}.settings-card>p{line-height:1.9}
  .modal-backdrop{align-items:flex-end}.drawer,.drawer.narrow{margin:0;width:100%;height:95dvh;max-height:95dvh;border-radius:25px 25px 0 0;border-bottom:0;animation:sheet-up .3s cubic-bezier(.22,1,.36,1)}.drawer-header{padding:24px 21px 17px}.drawer-header h2{font-size:21px}.drawer-header p{font-size:10px}.drawer .tabbar{padding-left:21px;gap:23px}.drawer-body{padding:23px 21px;overscroll-behavior:contain}.drawer-footer{padding:16px 21px calc(16px + env(safe-area-inset-bottom));gap:10px}.drawer-footer .small{font-size:9px;max-width:44%;line-height:1.7}.drawer-footer .primary,.drawer-footer .secondary{padding:11px 14px;}.drawer-footer .actions{gap:8px}.form-field label{font-size:11px}.form-field input,.form-field textarea,.field-select{padding:12px;min-height:43px}.repeat-card{padding:18px 15px}.scope-choice,.check-card{padding:15px 13px;font-size:12px}.scope-choice small,.check-card .desc{font-size:10px;line-height:1.8}.multi-options{max-height:180px}.multi-option{padding:11px 7px;}.multi-search input{padding:11px 0}.multi-trigger{padding:13px}.group-pills{gap:7px}.group-pills button{padding:9px 11px}
}
@media(max-width:480px){.form-grid{grid-template-columns:1fr;gap:20px}.form-field.wide{grid-column:auto}.login-form{padding:30px 25px}.drawer-header h2{font-size:19px}.data-table tr[data-record]{column-gap:15px;padding:17px 14px 14px}.data-table td[data-label]:before{font-size:9px}.data-table tr[data-record]>td{font-size:11px}.filter-trigger{min-width:91px}.main{padding:20px 16px}}
@keyframes sheet-up{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}
.company-tabs{margin-top:28px}
.account-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
.account-password{display:inline-block;max-width:245px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px;line-height:1.7;white-space:normal;overflow-wrap:anywhere;user-select:text;color:#65745a}
@media(max-width:780px){.user-table .account-password{max-width:65%;font-size:11px;text-align:right}}
.filters{min-width:0;flex:1}.date-sort .filter-trigger{min-width:157px}.date-sort .filter-menu{min-width:183px}.sort-note{font-size:10px;color:#9ba58f;margin:7px 9px 5px;white-space:nowrap;line-height:1.7}
.operation-date time{display:flex;flex-direction:column;gap:4px;font-variant-numeric:tabular-nums;font-size:11px;white-space:nowrap}.operation-clock{font-size:10px;color:#a1aa96}
.page-info .filter-menu{top:auto;bottom:calc(100% + 7px)}
.refreshing svg{animation:list-refresh-spin .9s linear infinite}
@keyframes list-refresh-spin{to{transform:rotate(360deg)}}
@media(max-width:780px){.table-tools .toolbar-right{display:flex;align-self:flex-start;flex-shrink:0}.table-tools .toolbar-right .icon-btn{width:35px;height:35px}.table-tools .toolbar-right svg{width:17px;height:17px}}

@media(max-width:780px){.date-sort .filter-trigger{min-width:151px}.data-table tr[data-record]>.operation-date{grid-column:1/-1;justify-content:space-between;margin-top:8px;padding-top:13px;border-top:1px solid #7e907017}.data-table .operation-date time{flex-direction:row;align-items:center;gap:9px;font-size:10px}.data-table .operation-clock{font-size:10px}.data-table td.operation-date:before{font-size:10px}.date-sort .filter-menu{min-width:183px}.sort-note{font-size:9px}}
.mobile-bottom-nav,.mobile-brand,.mobile-session-card{display:none}
@media(max-width:780px){
  html:has(.workspace){height:100%;overflow:hidden;overscroll-behavior:none}
  body:has(.workspace){height:100dvh;overflow:hidden;overscroll-behavior:none}
  body:has(.workspace) #app{height:100%;padding:10px;min-height:0}
  .rail.collapsed,.rail.expanded,.sidebar-scrim{display:none!important}
  .workspace{display:flex;flex-direction:column;gap:0;height:calc(100dvh - 20px);min-height:0;overflow:hidden;padding:0;margin:10px;border-radius:25px;background:linear-gradient(125deg,#ffffffa3,#fffffe82);border:1px solid #ffffffb8;box-shadow:inset 1px 1px 0 #ffffffc9,inset -1px -1px 0 #ffffff60,0 20px 65px #5460440c;backdrop-filter:blur(32px) saturate(115%);-webkit-backdrop-filter:blur(32px) saturate(115%)}
  #app>.workspace{height:100%;margin:0}
  .workspace .main{flex:1;width:100%;height:auto;min-height:0;overflow-y:auto;overscroll-behavior-y:none;scrollbar-width:none;margin-left:0!important;background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
  .workspace .main::-webkit-scrollbar{display:none}.topbar,#page-content,.main-footer{flex-shrink:0}
  .mobile-brand{display:flex;align-items:center;justify-content:flex-start;padding:0;flex-shrink:0;background:none;color:#30372a;font-size:22px;font-weight:750;letter-spacing:-1.4px;line-height:37px}
  .mobile-brand i{font-style:normal;color:#c98c6f;font-size:24px;margin-left:1px}
  .topbar{gap:14px;margin-bottom:26px}.top-search{gap:6px}.top-search>svg{width:14px;height:14px}
  .mobile-bottom-nav{position:relative;left:auto;bottom:auto;transform:none;z-index:35;display:flex;align-items:stretch;gap:5px;flex-shrink:0;width:calc(100% - 28px);max-width:440px;margin:10px auto calc(12px + env(safe-area-inset-bottom));padding:7px;border-radius:25px;background:linear-gradient(135deg,#ffffffb8,#f6f5f0a3);border:1px solid #fffffff0;backdrop-filter:blur(25px) saturate(115%);-webkit-backdrop-filter:blur(25px) saturate(115%);box-shadow:inset 0 1px 0 #fff,0 6px 22px #35362d0d,0 1px 5px #35362d04;transition:opacity .2s,transform .25s}
  .mobile-nav-item{flex:1;min-width:0;min-height:58px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;background:transparent;border:1px solid transparent;border-radius:18px;color:#8a9080;letter-spacing:.15px;padding:8px 5px;transition:background .2s,color .2s,box-shadow .2s}
  .mobile-nav-item svg{width:20px;height:20px;stroke-width:1.6}
  .mobile-nav-item.active{background:linear-gradient(140deg,#3c4535f2,#2e3829f5);color:#f1f3e9;border-color:#ffffff38;box-shadow:inset 0 1px 0 #ffffff30,0 3px 9px #2d362515}
  .mobile-nav-item:not(.active):hover{background:#ffffff50;color:#5f6d51}
  .mobile-session-card{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:25px;padding:17px 16px;background:linear-gradient(130deg,#ffffff7d,#ffffff42);border:1px solid #ffffffc9;border-radius:18px;box-shadow:inset 0 1px 0 #fff8}
  .mobile-session-user{display:flex;align-items:center;gap:11px;min-width:0}.mobile-session-user .avatar{width:38px;height:38px;font-size:13px;background:#dfd0bd;color:#655c4b;flex-shrink:0}.mobile-session-user strong{display:block;font-size:13px;font-weight:550;color:#4e5d40;max-width:130px;overflow:hidden;text-overflow:ellipsis}.mobile-session-user small{display:block;font-size:10px;color:#99a28c;margin-top:5px}
  .mobile-session-card .secondary{gap:6px;padding:9px 11px;white-space:nowrap}.mobile-session-card .secondary svg{width:14px;height:14px}
  .mobile-session-card+.settings-card{margin-top:15px}
  body:has(.modal-backdrop) .mobile-bottom-nav{opacity:0;pointer-events:none;transform:translateY(15px)}
}
@media(max-width:350px){.mobile-brand{font-size:20px}.topbar{gap:10px}.mobile-bottom-nav{width:calc(100% - 24px);padding:6px;border-radius:23px}.mobile-nav-item{min-height:55px;border-radius:17px}.mobile-session-card{padding:15px 12px}.mobile-session-user strong{max-width:100px}}
.credit-line{display:flex;align-items:center;gap:5px;min-width:0;margin-top:4px}.credit-line .credit{margin-top:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.copy-credit{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;padding:4px;border:1px solid transparent;border-radius:7px;background:transparent;color:#939d89;vertical-align:middle}.copy-credit svg{width:13px;height:13px}.copy-credit:hover,.copy-credit:focus-visible{color:#4c5b42;border-color:#ffffffbd;background:#ffffffa3}.copy-credit.copied{color:#637c4e;background:#edf3e5b0}
.credit-tooltip{position:absolute;right:-5px;bottom:calc(100% + 7px);z-index:5;padding:8px 11px;border:1px solid #ffffff35;border-radius:9px;box-shadow:0 5px 18px #2932231a;background:#30372dee;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);font-family:inherit;font-size:10px;font-weight:400;line-height:1.5;letter-spacing:0;color:#f5f6ee;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(3px);transition:opacity .15s,transform .15s,visibility .15s}.copy-credit:hover .credit-tooltip,.copy-credit:focus-visible .credit-tooltip{opacity:1;visibility:visible;transform:translateY(0)}
.level-high{--level-color:#a94e46;--level-surface:#f9e7e3b8;--level-border:#e4b8b08c}
.level-medium{--level-color:#94652e;--level-surface:#f8eddbb8;--level-border:#e4cfaa8c}
.level-low{--level-color:#5d707b;--level-surface:#eaf0f3b8;--level-border:#c9d5dd8c}
.level-empty{--level-color:#919b87;--level-surface:#f2f4ec90;--level-border:#e0e6d694}
.badge.level-high,.badge.level-medium,.badge.level-low,.badge.level-empty{background:var(--level-surface);color:var(--level-color);border-color:var(--level-border)}
.filter-option-label{display:inline-flex;align-items:center;vertical-align:middle}.level-mark{display:inline-block;width:9px;min-width:9px;height:9px;margin-left:8px;border-radius:2px;flex-shrink:0;background:var(--level-color)}
.mobile-pagination{display:none}
@media(max-width:780px){
  .pagination.desktop-pagination{display:none}
  .mobile-pagination{display:block;flex-shrink:0;margin-top:16px;padding:12px 14px 10px;border:1px solid #ffffffd9;border-radius:22px;background:linear-gradient(130deg,#ffffff9c,#f5f4ef6e);box-shadow:inset 0 1px 0 #ffffffe0,0 5px 20px #353b2c05;backdrop-filter:blur(24px) saturate(110%);-webkit-backdrop-filter:blur(24px) saturate(110%)}
  .mobile-pager-controls{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:12px}
  .mobile-page-arrow{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #ffffffe0;border-radius:14px;background:linear-gradient(140deg,#ffffffd4,#ffffff73);color:#5d6952;box-shadow:inset 0 1px 0 #fff,0 2px 5px #353b2c05}
  .mobile-page-arrow svg{width:19px;height:19px;stroke-width:1.7}.mobile-page-arrow:hover:not(:disabled){background:#fff;color:#35412d}.mobile-page-arrow:disabled{opacity:1;color:#b6bbae;background:#ffffff36;border-color:#ffffff60;box-shadow:none}
  .mobile-page-position{display:flex;align-items:baseline;justify-content:center;gap:7px;min-width:0;color:#959c8c;font-variant-numeric:tabular-nums}.mobile-page-position strong{font-size:23px;line-height:1.3;font-weight:550;letter-spacing:-.6px;color:#424e37}.mobile-page-position span{font-size:11px;white-space:nowrap}
  .mobile-pager-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding-top:8px;border-top:1px solid #858f7814;color:#929b86;font-size:10px}.mobile-pager-meta b{font-weight:500;color:#748267}
  .mobile-page-size{position:relative;display:flex;align-items:center;min-height:34px;color:#78876c}.mobile-page-size svg{position:absolute;right:4px;width:13px;height:13px;pointer-events:none}
}
/* Allocate columns inside the available panel; scroll only below a readable table width. */
.company-owner-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.company-owner-status{display:block;font-size:9px;margin-top:4px;color:#929f82}
@media(min-width:781px){
  .company-data-table{table-layout:fixed;min-width:860px;width:100%}
  .company-data-table .col-company{width:19%}.company-data-table .col-owner{width:7%}.company-data-table .col-company-type{width:8%}.company-data-table .col-demand-type{width:7%}.company-data-table .col-cooperation,.company-data-table .col-priority{width:6%}.company-data-table .col-registered,.company-data-table .col-paid{width:8%}.company-data-table .col-count,.company-data-table .col-authenticity{width:7%}.company-data-table .col-date{width:9%}.company-data-table .col-action{width:8%}
  .company-data-table th,.company-data-table td{padding-left:8px;padding-right:8px}
  .company-data-table .company-cell{min-width:0}.company-data-table .company-cell>div:last-child{min-width:0;flex:1}
  .company-data-table .company-cell strong{max-width:none;white-space:nowrap}.company-data-table .credit{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .company-data-table td:not(:first-child){overflow-wrap:anywhere;white-space:normal}
  .company-data-table .operation-date time{font-size:10px}.company-data-table .operation-clock{font-size:9px}
  .company-data-table .row-open{margin-inline:auto}
  .user-table{min-width:0}.user-table td{white-space:normal;overflow-wrap:anywhere}
}
@media(max-width:780px){.company-data-table colgroup{display:none}.company-data-table tr[data-record]>.company-owner{grid-column:1/-1;padding:0 0 12px;margin-bottom:4px}.company-owner>div{min-width:0;max-width:70%}.company-owner-name{font-size:10px}}
@media(min-width:781px){
  :root{--frame-gap:22px}
  .workspace{margin:var(--frame-gap);height:calc(100dvh - var(--frame-gap) - var(--frame-gap));min-height:0;align-items:stretch}
  .workspace .rail{height:100%;top:0;position:relative;min-height:0}
  .workspace .main{height:100%;min-height:0;max-height:100%;overflow:hidden}
  .main>.topbar,.main>.main-footer{flex-shrink:0}
  .main>.main-footer{margin-top:0;padding-top:12px}
  #page-content{flex:1;min-height:0}
  #page-content.page-companies{display:flex;flex-direction:column}
  .page-companies>.heading-row,.page-companies>.company-tabs,.page-companies>.table-tools,.page-companies>.view-note{flex-shrink:0}
  #company-table{flex:1;min-height:0;display:flex;flex-direction:column}
  #company-table>.table-wrap{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
  #company-table>.pagination{flex-shrink:0;padding-top:18px;padding-bottom:12px}
  #company-table .data-table th{position:sticky;top:0;z-index:2;background:#f5f7f0f2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 1px 0 #dce2d360}
  #page-content.page-users,#page-content.page-settings{overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ccd3c2 transparent}
}
@media(min-width:781px) and (max-width:1250px){:root{--frame-gap:14px}}
@media(min-width:781px) and (max-height:800px){
  .main>.topbar{margin-bottom:25px}.company-tabs{margin-top:20px}.page-companies>.table-tools{padding-top:14px;padding-bottom:14px}
  #company-table>.pagination{padding-top:12px;padding-bottom:8px}.main>.main-footer{padding-top:8px}
  .rail{padding-top:18px;padding-bottom:14px}.rail-brand{height:50px}.collapse-toggle{margin-bottom:18px}.rail-nav{gap:7px}.rail-btn{height:43px}.rail-bottom{gap:10px}
}
@media(min-width:781px) and (max-height:560px){
  #page-content.page-companies{display:block;overflow:auto;overscroll-behavior:contain}#company-table{min-height:230px}#company-table>.table-wrap{max-height:200px}
}
.close-notice{position:fixed;right:34px;bottom:34px;z-index:80;display:flex;gap:15px;width:min(410px,calc(100vw - 32px));padding:23px;border:1px solid #fffffff0;border-radius:23px;background:linear-gradient(130deg,#fffffff0,#f1efebe8);backdrop-filter:blur(34px) saturate(115%);-webkit-backdrop-filter:blur(34px) saturate(115%);box-shadow:inset 0 1px 0 #fff,0 18px 60px #25282126,0 3px 12px #2528210a;animation:notice-in .22s ease-out}
.close-notice-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;border:1px solid #ffffffdc;border-radius:13px;background:#dfd2c45e;color:#8e7564}
.close-notice-icon svg{width:19px;height:19px}.close-notice-content{min-width:0;flex:1}.close-notice h2{font-size:15px;line-height:1.6;font-weight:600;color:#34382e;margin:1px 0 7px;letter-spacing:-.2px}.close-notice p{font-size:11px;line-height:1.8;color:#85897e;margin:0}.close-notice-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:19px}.close-notice-actions button{min-height:38px;padding:10px 15px}.close-notice-actions .secondary{background:#ffffff85;border:1px solid #ffffffd9;color:#555e4c}.close-notice-actions .primary{background:linear-gradient(135deg,#40473a,#30382b);color:#f8f8f3}
@keyframes notice-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:780px){.close-notice{right:16px;bottom:calc(20px + env(safe-area-inset-bottom));padding:21px 19px;gap:12px;border-radius:22px}.close-notice h2{font-size:14px}.close-notice p{font-size:11px}.close-notice-actions button{min-height:42px;}}
.confirmation-backdrop{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:24px;background:#292e2638;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fade .18s ease}
.confirmation-backdrop .confirmation-card{position:relative;right:auto;bottom:auto;width:min(440px,100%);max-height:calc(100dvh - 48px);overflow:auto;padding:27px;animation:notice-in .22s ease-out}.confirmation-card h2{font-size:17px;overflow-wrap:anywhere}.confirmation-card p{font-size:12px;line-height:1.8}.confirmation-card .close-notice-actions{margin-top:23px}.confirmation-danger .close-notice-icon{color:#a56d57;background:#f4e3d69c}.confirmation-danger .close-notice-actions .primary{background:linear-gradient(135deg,#af7760,#945f4a);color:#fff7f2}.confirmation-danger .close-notice-actions .primary:hover{background:#915b47}
@media(max-width:780px){.confirmation-backdrop{padding:20px}.confirmation-backdrop .confirmation-card{padding:24px 20px;border-radius:24px}.confirmation-card h2{font-size:16px}.confirmation-card .close-notice-actions button{min-height:44px}}
.device-toolbar{flex:0 0 auto;padding:25px 29px 18px;position:relative;z-index:1}.device-toolbar .group-heading{margin-bottom:0}.drawer-body.device-body{padding-top:0}
@media(max-width:780px){.device-toolbar{padding:23px 21px 18px}}
.subject-toolbar{flex:0 0 auto;padding:18px 29px 12px;border-bottom:1px solid #7e907015;min-width:0}.subject-category+.subject-category{margin-top:10px}.subject-category-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.subject-category-heading h3{font-size:12px;font-weight:550;color:#65745a}.subject-category-heading h3 span{font-size:10px;color:#9ca68f;margin-left:7px}.subject-category-heading .secondary{padding:7px 10px;min-height:32px;border-radius:10px}.subject-category-heading .secondary svg{width:14px;height:14px}
:is(.subject-entry-tabs,.device-entry-tabs){display:flex;align-items:center;gap:7px;min-height:30px;overflow-x:auto;overscroll-behavior-x:contain;padding:2px 1px 5px;scrollbar-width:thin;scrollbar-color:#ccd3c2 transparent}:is(.subject-entry-tab,.device-entry-tab){flex:0 0 auto;max-width:180px;display:inline-flex;align-items:center;padding:9px 12px;border:1px solid #ffffff86;border-radius:10px;background:#ffffff47;color:#89967b;line-height:1.4}:is(.subject-entry-tab,.device-entry-tab)[aria-selected="true"]{background:#e3ebd9a8;border-color:#cbd9bbb8;color:#576c46}:is(.subject-entry-title,.device-entry-title){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subject-empty-label{font-size:10px;color:#a0a897;padding:3px 0}
.drawer-body.subject-body{padding-top:18px}:is(.subject-detail-actions,.device-detail-actions){display:flex;justify-content:flex-end;margin-top:22px;padding-top:14px;border-top:1px solid #7e907017}:is(.subject-detail-actions,.device-detail-actions) .remove{padding-left:12px;padding-right:12px;border:1px solid #dfc5b78c;border-radius:10px;background:#fbf0e94d;color:#ac715b;gap:6px;white-space:nowrap}
@media(max-width:780px){.subject-toolbar{padding:15px 21px 10px}.subject-category+.subject-category{margin-top:8px}.subject-category-heading .secondary{min-height:34px}:is(.subject-entry-tab,.device-entry-tab){max-width:160px;padding:8px 11px;min-height:34px}.drawer-body.subject-body{padding-top:18px}}
/* Keep the translucent surface outside the input so browser autofill cannot recolor it. */
.login-form .login-input{--login-input-text:#4c643c;background:#ffffff6b;border-radius:10px}
.login-form .login-input input{display:block;background:transparent}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.filter-menu[hidden],.clear-btn[hidden]{display:none!important}

/* App-designed validation feedback and hover help. */
.error-box:not(:empty){display:flex;align-items:flex-start;gap:10px;padding:12px 14px;margin:0 0 20px;border:1px solid #cba49c40;border-radius:13px;background:linear-gradient(125deg,#fff8f3bb,#f7e9e255);box-shadow:inset 0 1px 0 #ffffffb8;color:#995e52;font-size:12px;line-height:1.7;overflow-wrap:anywhere}
.error-box:not(:empty):before{content:'';background:linear-gradient(currentColor,currentColor) center 4px/1px 5px no-repeat,linear-gradient(currentColor,currentColor) center 11px/1px 1px no-repeat;display:inline-grid;place-items:center;flex:0 0 17px;height:17px;margin-top:1px;border:1px solid currentColor;border-radius:50%;font-size:11px;font-weight:650;opacity:.8}
.form-field.has-field-error>label{color:#995e52}
.form-field.has-field-error input,.form-field.has-field-error textarea,.form-field.has-field-error .field-select{border-color:#bd8f80b3;outline:none;box-shadow:0 0 0 3px #bd8f800d,inset 0 1px 0 #fff8}
.form-field.has-field-error input:focus,.form-field.has-field-error textarea:focus,.form-field.has-field-error .field-select:focus-visible{border-color:#ad7869;box-shadow:0 0 0 3px #b5837317,inset 0 1px 0 #fff8}
.form-field.has-field-error .login-input{outline:1px solid #bd8f80b3;outline-offset:-1px;border-color:#bd8f80b3;box-shadow:0 0 0 3px #bd8f800d,inset 0 1px 0 #fff8}
.form-field.has-field-error .login-input input{border-color:transparent;box-shadow:none}
.form-field .field-error{display:flex;align-items:flex-start;gap:7px;margin-top:-2px;color:#995e52;font-size:11px;line-height:1.65;overflow-wrap:anywhere}
.field-error:before{content:'';background:linear-gradient(currentColor,currentColor) center 3px/1px 4px no-repeat,linear-gradient(currentColor,currentColor) center 8px/1px 1px no-repeat;display:inline-grid;place-items:center;flex:0 0 13px;height:13px;margin-top:2px;border:1px solid #b58a7b99;border-radius:50%;font-size:9px;font-weight:600}
.app-tooltip{position:fixed;z-index:150;max-width:min(320px,calc(100vw - 24px));padding:9px 12px;border:1px solid #ffffffb3;border-radius:11px;background:linear-gradient(140deg,#fafbf5f5,#f0f1e8ed);box-shadow:inset 0 1px 0 #fff,0 8px 28px #2730201a;backdrop-filter:blur(22px) saturate(115%);-webkit-backdrop-filter:blur(22px) saturate(115%);color:#59664d;font-size:11px;line-height:1.6;overflow-wrap:anywhere;pointer-events:none}
.app-tooltip[hidden]{display:none}
.check-card input[type=checkbox],.multi-option input[type=checkbox],.scope-choice input[type=radio]{appearance:none;-webkit-appearance:none;display:grid;place-content:center;width:18px;height:18px;min-width:18px;padding:0;flex-shrink:0;margin:1px 0 0;border:1px solid #96a0868c;background:#ffffffa1;border-radius:5px;box-shadow:inset 0 1px 0 #fff8;cursor:pointer}
.scope-choice input[type=radio]{border-radius:50%}
.check-card input:checked,.multi-option input:checked,.scope-choice input:checked{background:#5d7050;border-color:#5d7050}
.check-card input:checked:before,.multi-option input:checked:before{content:'';width:10px;height:7px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:translateY(-1px) rotate(-45deg)}
.scope-choice input:checked:before{content:'';width:6px;height:6px;border-radius:50%;background:#fff}
.check-card input:focus-visible,.multi-option input:focus-visible,.scope-choice input:focus-visible{outline:2px solid #7b916480;outline-offset:3px}
@media(max-width:780px){
  .error-box:not(:empty){font-size:12px;padding:12px;gap:9px;border-radius:12px}
  .form-field .field-error{font-size:11px;line-height:1.7}
  .mobile-page-size{position:relative;display:block;padding:0;background:none;border:0}
  .mobile-page-size>.filter-trigger{display:flex;align-items:center;justify-content:space-between;gap:9px;min-width:120px;min-height:38px;padding:8px 11px;margin:0;border-radius:11px;color:#6e7c60;background:#ffffff7d;border:1px solid #ffffffbd}
  .mobile-page-size>.filter-trigger svg{position:static;transform:none;width:13px;height:13px;pointer-events:none}
  .mobile-page-size>.filter-menu{top:auto;bottom:calc(100% + 8px);left:auto;right:0;min-width:148px;padding:7px;border-radius:15px;z-index:20}
  .mobile-page-size>.filter-menu button{min-height:42px;border-radius:10px;padding:10px 12px;width:100%;text-align:left}
}

/* The hidden validation box precedes section 01, so it is not a first child. */
.drawer.narrow .drawer-body{padding-top:12px}
#user-form>.section-title:first-of-type{margin-top:0}

/* Keep account search beside the list, with no overview cards above it. */
.topbar-spacer{flex:1;min-width:0}
.accounts-toolbar{display:flex;align-items:center;margin:24px 0 18px;flex-shrink:0}
.account-search{display:flex;align-items:center;gap:10px;width:min(360px,100%);min-height:44px;padding:0 10px 0 14px;border:1px solid #ffffffc9;border-radius:13px;background:linear-gradient(125deg,#ffffffa3,#ffffff69);box-shadow:inset 0 1px 0 #fff9;transition:border-color .18s,box-shadow .18s;color:#929d86}
.account-search:focus-within{border-color:#9ba88d;box-shadow:0 0 0 3px #8b9c7712,inset 0 1px 0 #fff9}
.account-search>svg{width:18px;height:18px;flex-shrink:0}
.account-search input{min-width:0;flex:1;padding:12px 0;border:0;background:transparent;color:#56664a;box-shadow:none!important;outline:none}
.account-search input::-webkit-search-cancel-button,.account-search input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}
.account-search-clear{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;padding:0;border-radius:9px;background:#ffffff69;color:#7d8b70}
.account-search-clear:hover{background:#ffffffd1;color:#526345}
.account-search-clear svg{width:14px;height:14px}
.account-search-clear[hidden]{display:none}
@media(min-width:781px){
  #page-content.page-users{display:flex;flex-direction:column;overflow:hidden}
  .page-users>.heading-row{flex-shrink:0}
  #users-list{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}
  #users-list>.table-wrap{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
  #users-list>.desktop-pagination{flex-shrink:0;padding-top:18px;padding-bottom:12px}
  #users-list .user-table th{position:sticky;top:0;z-index:2;background:#f5f7f0f2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
  .user-table .account-actions{margin-left:-9px}
}
@media(max-width:780px){
  .accounts-toolbar{margin:20px 0 16px}
  .account-search{width:100%;min-height:45px;border-radius:13px;padding-left:12px}
  .account-search input{padding:12px 0}
  .account-search-clear{width:32px;height:32px;flex-basis:32px}
}

/* Highlight the entire search surface without moving the surrounding header. */
.top-search{position:relative;isolation:isolate;border-radius:12px;transition:color .18s ease}
.top-search:before{content:'';position:absolute;inset:-3px -10px;z-index:-1;pointer-events:none;border:1px solid transparent;border-radius:14px;background:transparent;box-shadow:none;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}
.top-search:focus-within{color:#4c6545}
.top-search:focus-within:before{border-color:#718762;background:#ffffff80;box-shadow:0 0 0 3px #7187621f,inset 0 1px 0 #ffffffc9,0 4px 16px #34452b08}
.top-search input,.account-search input{caret-color:#3f5c34}
.top-search input:focus::placeholder{color:#8b9581}
.top-search input::selection,.account-search input::selection{background:#d6e1ca;color:#304126}
.account-search:focus-within{border-color:#718762;color:#4c6545;box-shadow:0 0 0 3px #7187621f,inset 0 1px 0 #ffffffc9,0 4px 16px #34452b08}

/* App display text is not draggable/selectable; editable text keeps native editing. */
body,.account-password{-webkit-user-select:none;user-select:none}
input,textarea,[contenteditable="true"],[contenteditable=""],[contenteditable="plaintext-only"]{-webkit-user-select:text;user-select:text}
.is-paging{overflow-anchor:none;scroll-behavior:auto!important}

/* Keep edit and delete together, with a distinct destructive hover state. */
.company-row-actions{display:flex;align-items:center;justify-content:center;gap:4px}
.company-row-actions .row-open{flex-shrink:0;margin:0}
.row-delete{color:#a57a68}.row-delete:hover{color:#a25343;background:#f4e0d9}
@media(min-width:781px){.company-data-table .company-action{padding-left:4px;padding-right:4px}}
@media(max-width:780px){
  .data-table tr[data-record]>.company-action{right:10px;top:14px}
  .company-row-actions{gap:4px}.company-row-actions .row-open{width:30px;height:32px;border-radius:10px}
  .data-table tr[data-record]:has(.company-row-actions button)>td:first-child{padding-right:65px}
}

/* Give editable glass surfaces a quiet but legible edge. */
.form-field>input,.form-field>textarea,.form-field .field-select,.multi-trigger,.login-form .login-input,.multi-search{
  background:#ffffff94;border:1px solid #79876c52;
  box-shadow:inset 0 1px 3px #35432d09,0 1px 0 #ffffffb8;
  transition:border-color .16s ease,box-shadow .16s ease;
}
.form-field>input,.form-field>textarea,.login-form .login-input input{caret-color:#3f5c34}
.form-field>input::placeholder,.form-field>textarea::placeholder,.login-input input::placeholder{color:#939b8c}
@media(hover:hover){
  .form-field>input:not(:disabled):hover,.form-field>textarea:hover,.form-field .field-select:hover,.multi-trigger:hover,.login-form .login-input:hover,.multi-search:hover{border-color:#79876c85}
}
.form-field>input:focus,.form-field>textarea:focus,.form-field .field-select:focus-visible,.form-field .field-select[aria-expanded="true"],.multi-trigger:focus-visible,.multi-trigger[aria-expanded="true"],.login-form .login-input:focus-within,.multi-search:focus-within{
  border-color:#718762!important;outline:none;
  box-shadow:0 0 0 3px #71876220,inset 0 1px 2px #35432d05,0 1px 0 #ffffffd9;
}
.login-form .login-input input,.login-form .login-input input:focus{border:0!important;box-shadow:none;background-color:transparent}
/* Autofill stays transparent, including focus/hover; the wrapper paints the glass surface. */
.login-form .login-input input:-webkit-autofill{-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:var(--login-input-text);caret-color:var(--login-input-text)}
.login-form .login-input input:autofill{background-clip:text!important;-webkit-text-fill-color:var(--login-input-text);caret-color:var(--login-input-text)}
.form-field>input:disabled{border-color:#79876c24;background:#f0f1ed70;box-shadow:none;color:#8b9483;cursor:not-allowed}
.form-field.has-field-error>input,.form-field.has-field-error>textarea,.form-field.has-field-error .field-select,.form-field.has-field-error .login-input{border-color:#bd8f80b3!important}
.form-field.has-field-error>input:focus,.form-field.has-field-error>textarea:focus,.form-field.has-field-error .field-select:focus-visible,.form-field.has-field-error .login-input:focus-within{
  border-color:#ad7869!important;box-shadow:0 0 0 3px #b583731c,inset 0 1px 2px #ad786908;
}
.multi-search input:focus{box-shadow:none}

.accounts-toolbar{justify-content:space-between;gap:12px}
.account-date-sort{flex-shrink:0}
.account-date-sort>.filter-trigger{min-height:44px;padding:11px 13px;border-radius:13px;min-width:180px}
.account-date-sort>.filter-menu{left:auto;right:0;min-width:180px}
@media(max-width:780px){
  .accounts-toolbar{flex-direction:column;align-items:stretch;gap:10px}
  .account-date-sort>.filter-trigger{width:100%;min-height:45px}
  .account-date-sort>.filter-menu{left:0;right:0}
}

/* List search belongs to its filters, while identity remains in navigation/settings. */
.mobile-workspace-header{display:none}
.page-companies>.table-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:13px;padding:18px 0}
.company-search{grid-column:1;grid-row:1;width:min(420px,100%);min-width:0}
.page-companies>.table-tools>.filters{grid-column:1/-1;grid-row:2}
.page-companies>.table-tools>.toolbar-right{grid-column:2;grid-row:1;align-self:center}
.page-companies>.table-tools .toolbar-right .icon-btn{width:44px;height:44px;border-radius:13px;background:#ffffff80;border:1px solid #ffffffb3;box-shadow:inset 0 1px 0 #ffffffb8}
.page-companies>.table-tools .toolbar-right .icon-btn:hover{background:#ffffffd9}
@media(max-width:780px){
  .mobile-workspace-header{display:flex;flex-shrink:0;align-items:center;margin-bottom:18px}
  .page-companies>.table-tools{column-gap:9px;row-gap:12px;padding:15px 0}
  .company-search{width:100%}
  .page-companies>.table-tools .toolbar-right .icon-btn{width:45px;height:45px}
}

/* Constrain every drawer region; only its body should consume/scroll spare height. */
.drawer{min-width:0;min-height:0;max-width:calc(100% - 32px)}
.drawer-header,.drawer-footer,.drawer>.tabbar,.drawer>.detail-toolbar{flex-shrink:0;min-width:0;max-width:100%}
.drawer-header>div{min-width:0;overflow-wrap:anywhere}
.drawer-header>.icon-btn,.drawer-footer>.actions{flex-shrink:0}
.drawer-footer>.small{min-width:0;overflow-wrap:anywhere}
.drawer-body{flex:1 1 0px;min-width:0;width:100%;overscroll-behavior:contain}
.drawer-body>form,.drawer .form-grid,.drawer .repeat-card{min-width:0;max-width:100%}
.drawer .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.drawer .form-field>input,.drawer .form-field>textarea,.drawer .field-select,.drawer .field-read{min-width:0;max-width:100%}
.drawer>.tabbar{width:100%;overflow-y:hidden;overscroll-behavior-x:contain}
.drawer>.tabbar>.tab{flex:0 0 auto}
@media(max-width:780px){
  .modal-backdrop{overflow:hidden}
  .drawer,.drawer.narrow{flex:0 0 auto;width:100%;max-width:100%;height:95dvh;max-height:95dvh;margin:0}
  .drawer>.tabbar{min-height:46px;padding-right:21px;scrollbar-width:none}
  .drawer>.tabbar::-webkit-scrollbar{display:none}
  .drawer .form-grid{grid-template-columns:minmax(0,1fr)}
  .drawer .form-field.wide{grid-column:1/-1}
  .drawer-footer{padding-bottom:max(16px,env(safe-area-inset-bottom));flex-wrap:nowrap}
  .drawer-footer>.actions{margin-left:auto}
}

/* One viewport shell, one scrolling page, and a reserved navigation row. */
@media(max-width:780px){
  html:has(.workspace){width:100%;height:100%;overflow:hidden}
  body:has(.workspace){width:100%;min-width:0;height:100dvh;overflow:hidden}
  body:has(.workspace) #app{width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;padding:10px}
  #app>.workspace{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;width:100%;height:100%;min-width:0;min-height:0;margin:0}
  .workspace>.main{grid-column:1;grid-row:1;width:100%;height:100%;min-width:0;min-height:0;padding-top:0;overflow-x:hidden;overflow-y:auto;scrollbar-gutter:auto}
  .mobile-workspace-header{margin-top:20px}
  .workspace>.mobile-bottom-nav{grid-column:1;grid-row:2;min-width:0;min-height:74px;align-self:end;margin:10px auto max(12px,env(safe-area-inset-bottom));transform:none}
  .mobile-nav-item{flex:1 1 0;white-space:nowrap}
  .main>#page-content,#company-table,#users-list{width:100%;min-width:0;max-width:100%}
  .heading-row>div{min-width:0}.heading-row>.primary{flex-shrink:0}
  .page-companies>.table-tools>.filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;min-width:0}
  .filters>.filter-pop{min-width:0}.filters>.date-sort,.filters>.clear-btn{grid-column:1/-1}
  .filters .filter-trigger,.filters .date-sort .filter-trigger{width:100%;min-width:0;min-height:42px}
  .filters .filter-menu,.filters .date-sort .filter-menu{width:100%;min-width:0;max-width:100%}
  .filters>.clear-btn{justify-self:start}
  .user-table,.user-table tbody,.user-table tbody tr{width:100%;min-width:0;max-width:100%}
  .account-name{min-width:0;max-width:100%}.account-name>div:last-child{min-width:0;overflow-wrap:anywhere}
  .settings-card{width:100%;min-width:0}
  .form-field input,.form-field textarea,.drawer .form-field>input,.drawer .form-field>textarea,
  .login-form .login-input input,.multi-search input{font-weight:400;line-height:1.5}
  .form-field textarea{min-height:110px;line-height:1.7}
}
@media(max-width:374px){
  body{min-width:0}
  .workspace>.main{padding:0 12px 18px}
  .mobile-workspace-header{margin-top:18px}
  .heading-row{gap:8px}.heading-row .primary{padding:11px 9px;gap:5px}
  .page-title{font-size:22px}.page-desc{font-size:10px}
  .mobile-session-card{gap:8px;padding:14px 10px}.mobile-session-user{gap:7px}
  .data-table tr[data-record]{column-gap:10px;padding-left:12px;padding-right:12px}
  .data-table td[data-label]:before{font-size:8px}
  .drawer-header{padding:20px 16px 14px}.drawer-body{padding-left:16px;padding-right:16px}
  .drawer-footer{padding-left:16px;padding-right:16px}.drawer-footer>.small{max-width:35%}
}
@media(max-height:560px){
  .drawer-header{padding:12px 20px 10px;align-items:center}
  .drawer-header .eyebrow,.drawer-header p{display:none}.drawer-header h2{font-size:18px;margin:0}
  .drawer>.tabbar{min-height:38px}.drawer>.tabbar>.tab{padding-bottom:10px}
  .drawer-body>.subject-toolbar{padding-top:10px;padding-bottom:8px}
  .drawer-body>.device-toolbar{padding-top:10px;padding-bottom:10px}
  .drawer-footer{padding-top:10px;padding-bottom:max(10px,env(safe-area-inset-bottom))}
}

/* Keep placeholder typography aligned with the value, including mobile forms. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
input::placeholder,textarea::placeholder{font-weight:400;letter-spacing:normal;opacity:1}

/* Custom clickable rows also inherit the app's transparent touch highlight. */
body{-webkit-tap-highlight-color:transparent}
.data-table tr[data-record]:focus:not(:focus-visible){outline:none}
.data-table tr[data-record]:focus-visible{outline:2px solid #718762;outline-offset:-2px}

/* Keep list actions beside tabs/search instead of in a separate title block. */
.company-list-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-shrink:0;border-bottom:1px solid var(--line)}
.company-list-header>.company-tabs{flex:1;min-width:0;margin:0;border:0;align-self:stretch;align-items:flex-end}
.company-list-header>.readonly{flex-shrink:0;margin-bottom:10px}
.list-create{min-height:44px;padding:11px 16px}
.accounts-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;margin:0 0 18px}
.accounts-toolbar>.account-search{min-width:0}
.accounts-toolbar>.list-create{justify-self:end}
@media(max-width:780px){
  .company-list-header{gap:12px}
  .company-list-header>.company-tabs{gap:16px}
  .list-create{min-height:42px;padding:11px 12px;gap:7px}
  .accounts-toolbar{grid-template-columns:minmax(0,1fr) auto;gap:10px;margin:0 0 16px;align-items:center}
  .accounts-toolbar>.account-search{grid-column:1/-1}
  .accounts-toolbar>.account-date-sort{min-width:0}
  .accounts-toolbar .account-date-sort>.filter-trigger{min-width:0;padding:11px 10px}
  .accounts-toolbar .account-date-sort .filter-label{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .accounts-toolbar>.list-create{min-height:45px}
}

/* Keep mobile search/filter controls available after they reach the panel top. */
@media(max-width:780px){
  .page-companies{--list-tools-bleed:18px}
  .page-companies>.table-tools{position:sticky;top:0;z-index:10;isolation:isolate}
  .page-companies>.table-tools:before{content:'';position:absolute;inset:0 calc(-1 * var(--list-tools-bleed));z-index:-1;pointer-events:none;background:linear-gradient(135deg,#f7f6f2ed,#f5f5f0e6);border-bottom:1px solid #7e907018;box-shadow:0 7px 18px #353b2c06;backdrop-filter:blur(24px) saturate(110%);-webkit-backdrop-filter:blur(24px) saturate(110%)}
}
@media(max-width:480px){.page-companies{--list-tools-bleed:16px}}
@media(max-width:374px){.page-companies{--list-tools-bleed:12px}}
/* Very short landscape screens need room to read the list. */
@media(max-width:780px) and (max-height:480px){.page-companies>.table-tools{position:relative;top:auto}}

.page-companies>.table-tools>.toolbar-right{align-items:center;gap:8px}
.company-create .create-label-mobile{display:none}
@media(max-width:780px){
  .page-companies>.table-tools .company-create{min-height:45px;padding:0 12px;gap:5px}
  .company-create .create-label-desktop{display:none}
  .company-create .create-label-mobile{display:inline}
}

/* A single type scale for editable controls and their placeholders at every width. */
:root{--control-font-size:12px}
button:not(.mobile-brand),.multi-option,
.form-field input:not([type="checkbox"]):not([type="radio"]),.form-field textarea,
.drawer .form-field>input,.drawer .form-field>textarea,.login-form .login-input input,
.account-search input,.top-search input,.multi-search input,.field-select,.field-read,.multi-trigger,
.form-field .filter-menu button{
  font-family:inherit;font-size:var(--control-font-size);font-weight:400;line-height:1.5;letter-spacing:normal;
}
.form-field textarea,.field-read{line-height:1.7}
input::placeholder,textarea::placeholder{font-family:inherit;font-size:inherit;font-weight:400;letter-spacing:normal}

/* Administrator-only company viewing history. */
.logs-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;margin-bottom:18px;flex-shrink:0;min-width:0}
.logs-toolbar .account-search{min-width:0;max-width:420px;width:100%}
.logs-toolbar>.icon-btn{width:44px;height:44px;flex-shrink:0;border:1px solid #ffffffd1;background:#ffffff80;border-radius:13px}
#logs-list{min-width:0;width:100%}
#logs-list[aria-busy="true"]{cursor:progress}
.log-table-wrap{min-width:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#ccd3c2 transparent}
.log-table{width:100%;table-layout:fixed;border-collapse:collapse;color:#65745a;font-size:12px;text-align:left}
.log-table th{padding:16px 14px;font-weight:400;color:#8a9580;background:#f5f7f0b8;white-space:nowrap}
.log-table th:first-child{width:22%;border-radius:12px 0 0 12px}.log-table th:nth-child(2){width:14%}.log-table th:last-child{width:24%;border-radius:0 12px 12px 0}
.log-table td{padding:20px 14px;border-bottom:1px solid #7e907015;vertical-align:middle;overflow-wrap:anywhere}
.log-actor{display:flex;align-items:center;gap:9px;min-width:0}.log-actor>svg{width:18px;height:18px;flex-shrink:0;color:#9ba68f}
.log-actor strong,.log-company strong{font-weight:500;line-height:1.6}
.log-company small{display:block;margin-top:5px;font-size:10px;color:#9ba68f;letter-spacing:.3px}
.log-time time{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;line-height:1.6}.log-time time span{white-space:nowrap}.log-time .operation-clock{color:#9ca68f}
@media(min-width:781px){
  #page-content.page-logs{display:flex;flex-direction:column;min-height:0;overflow:hidden}
  #logs-list{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}
  #logs-list>.log-table-wrap{flex:1;min-height:0;overscroll-behavior:contain}
  #logs-list>.desktop-pagination{flex-shrink:0;padding-top:18px;padding-bottom:12px}
  .log-table th{position:sticky;top:0;z-index:2;background:#f5f7f0f2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
}
@media(max-width:780px){
  .mobile-nav-item>span{font-size:10px;line-height:1.4;letter-spacing:0}
  .logs-toolbar{grid-template-columns:minmax(0,1fr) 44px;gap:10px;margin-bottom:16px}
  .logs-toolbar>.account-search{grid-column:1/-1;max-width:none}
  .logs-toolbar .filter-trigger{width:100%;min-width:0;justify-content:space-between;min-height:44px}
  .log-table-wrap{overflow:visible}
  .log-table,.log-table tbody{display:block;width:100%}.log-table thead{display:none}
  .log-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 10px;padding:18px 16px;margin-bottom:13px;border:1px solid #ffffffd1;border-radius:19px;background:linear-gradient(130deg,#ffffff8a,#ffffff47);box-shadow:inset 0 1px 0 #fff8}
  .log-table td{display:block;min-width:0;padding:0;border:0}
  .log-table td:first-child{align-self:center}.log-table td:nth-child(2){justify-self:end}
  .log-table .log-company{grid-column:1/-1;padding-top:14px;border-top:1px solid #7e907015}
  .log-table .log-time{grid-column:1/-1;display:flex;align-items:baseline;justify-content:space-between;gap:12px;color:#7e8c72}
  .log-time:before{content:attr(data-label);flex-shrink:0;font-size:10px;color:#9ba68f}
  .log-time time{justify-content:flex-end;gap:5px;font-size:10px}
  .log-actor>svg{width:16px;height:16px}.log-company small{font-size:10px}
}

/* Use the filter height for search surfaces and standard action controls. */
:root{--control-height:36px}
@media(max-width:780px){:root{--control-height:42px}}
:is(.filter-trigger,.field-select,.multi-trigger,.primary,.secondary,.list-create,.icon-btn,.page-button,.mobile-page-arrow,.text-btn,.remove,.clear-btn,.row-open){
  height:var(--control-height)!important;min-height:var(--control-height)!important;
  padding-top:0!important;padding-bottom:0!important;
  display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;
}
.filter-trigger,.field-select,.multi-trigger{justify-content:space-between}
:is(.account-search,.multi-search,.top-search){height:var(--control-height)!important;min-height:var(--control-height)!important;padding-top:0;padding-bottom:0}
:is(.account-search,.multi-search,.top-search) input{height:100%;min-height:0!important;padding-top:0!important;padding-bottom:0!important}
.page-companies>.table-tools .toolbar-right .icon-btn,.logs-toolbar>.icon-btn,.page-button,.mobile-page-arrow{width:var(--control-height)}
@media(max-width:780px){.logs-toolbar{grid-template-columns:minmax(0,1fr) var(--control-height)}}

.company-contacts{margin-top:25px;padding-top:22px;border-top:1px solid #7e907017}
.company-contacts>.group-heading{margin-bottom:17px}
.contact-method-list{display:flex;flex-direction:column;gap:17px}
.contact-method-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;min-width:0}
.contact-method-row .field-read{overflow-wrap:anywhere;white-space:pre-wrap}
.contact-remove{color:#b48c7b;background:#ffffff70;border:1px solid #ffffffb0;border-radius:10px}
.contact-remove:hover{color:#a36852;background:#f5e8e0b0}
.contact-empty{color:#9ba68f;font-size:11px;padding:5px 0;line-height:1.6}
@media(max-width:780px){.company-contacts{margin-top:22px;padding-top:19px}.company-contacts>.group-heading{gap:10px}.company-contacts .group-heading h3{flex-shrink:0}.company-contacts .secondary{gap:5px;padding-inline:10px}.contact-method-row{gap:8px}}

.login-remember{display:inline-flex;align-items:center;align-self:flex-start;gap:9px;min-height:30px;margin:-7px 0 8px;color:#78876a;font-size:12px;line-height:1.5;cursor:pointer}
.login-form .login-remember input{appearance:none;-webkit-appearance:none;display:grid;place-content:center;flex:0 0 18px;width:18px;height:18px;min-height:18px;padding:0;margin:0;border:1px solid #96a0868c;border-radius:5px;background:#ffffffa1;box-shadow:inset 0 1px 0 #fff8;cursor:pointer}
.login-form .login-remember input:checked{background:#5d7050;border-color:#5d7050}
.login-remember input:checked:before{content:'';width:10px;height:7px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:translateY(-1px) rotate(-45deg)}
.login-remember input:focus-visible{outline:2px solid #7b9164;outline-offset:3px}
@media(max-width:780px){.login-remember{min-height:36px;margin-bottom:5px}}

.demand-multi .filter-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.demand-multi>.filter-menu{left:auto;right:0;min-width:150px}
.demand-multi .filter-menu button{display:flex;align-items:center;gap:9px}
.demand-option-check{display:inline-grid;place-items:center;flex:0 0 16px;width:16px;height:16px;border:1px solid #9aa68d80;border-radius:4px;background:#ffffffb0;color:#fff}
.demand-option-check svg{width:11px;height:11px;stroke-width:2}
.demand-multi .filter-menu button[aria-selected="true"] .demand-option-check{background:#637a52;border-color:#637a52}

@media(max-width:780px){.drawer.readonly>.drawer-body{padding-bottom:max(23px,env(safe-area-inset-bottom))}}

.field-credit-read{display:flex;align-items:center;gap:8px}
.field-credit-value{min-width:0;overflow-wrap:anywhere}
.field-credit-read>.copy-credit{flex-shrink:0;align-self:center}

/* Administrator recycle bin: shared glass controls, compact table, mobile cards. */
.recycle-retention{display:flex;align-items:center;gap:9px;flex-shrink:0;margin:0 0 18px;color:#87917d;font-size:12px;line-height:1.6}
.recycle-retention>svg{width:16px;height:16px;flex-shrink:0}.recycle-retention strong{font-weight:500;color:#5f7053}
#recycle-list{min-width:0;width:100%}#recycle-list[aria-busy="true"]{cursor:progress}
.recycle-table th:first-child{width:25%}.recycle-table th:nth-child(2),.recycle-table th:nth-child(3){width:10%}.recycle-table th:nth-child(4){width:16%}.recycle-table th:nth-child(5){width:19%}.recycle-table th:last-child{width:20%}
.recycle-table td,.recycle-table th{padding-left:12px;padding-right:12px}
.recycle-table .recycle-actions{overflow-wrap:normal}.recycle-actions button{display:inline-flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;margin-right:2px;padding:0 3px;min-height:var(--control-height);font-size:var(--control-font-size)}
.recycle-actions svg{width:15px;height:15px;flex-shrink:0}.recycle-actions button:last-child{margin-right:0}
.recycle-days,.recycle-owner-status{display:block;margin-top:5px;font-size:10px;color:#96a08c}.recycle-days.expires-soon{color:#b76b4c}
@media(min-width:781px){
  #page-content.page-recycle{display:flex;flex-direction:column;min-height:0;overflow:hidden}
  #recycle-list{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}
  #recycle-list>.log-table-wrap{flex:1;min-height:0;overscroll-behavior:contain}
  #recycle-list>.desktop-pagination{flex-shrink:0;padding-top:18px;padding-bottom:12px}
}
@media(min-width:781px) and (max-width:1200px){.recycle-actions button span{display:none}.recycle-actions button{width:28px;padding:0;margin-right:1px}.recycle-table td,.recycle-table th{padding-left:8px;padding-right:8px}}
@media(max-width:780px){
  .mobile-bottom-nav.five-items{gap:2px;padding:7px 5px}.five-items .mobile-nav-item{padding-left:1px;padding-right:1px;border-radius:16px}.five-items .mobile-nav-item>span{font-size:10px;white-space:nowrap}
  .recycle-retention{font-size:11px;gap:7px;margin-bottom:14px}
  .recycle-table tr{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 12px}
  .recycle-table .log-company{grid-column:1/-1;padding-top:0;padding-bottom:13px;border-top:0;border-bottom:1px solid #7e907015}
  .recycle-table td:nth-child(2),.recycle-table td:nth-child(3){justify-self:stretch;display:flex;gap:8px;flex-wrap:wrap;align-items:baseline}
  .recycle-table td:nth-child(2):before,.recycle-table td:nth-child(3):before{content:attr(data-label);font-size:10px;color:#9ba68f}
  .recycle-table td:nth-child(3){justify-content:flex-end}
  .recycle-table .log-time{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:4px 12px}
  .recycle-table .recycle-days{grid-column:2;justify-self:end;margin-top:0}
  .recycle-table .recycle-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding-top:12px;border-top:1px solid #7e907015}
  .recycle-actions button{min-width:0;margin:0;padding:0 4px;gap:4px;border-radius:10px;background:#ffffff70;border:1px solid #ffffffb8}
  .recycle-actions button.danger{background:#f8e9e166;color:#ad7159}
}

.recycle-person{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:780px){.recycle-person{flex:1}.recycle-table td:nth-child(3) .recycle-person{text-align:right}}

/* Subject navigation and fields share one native wheel/touch scroll surface. */
.drawer .drawer-body.subject-body{padding:0}
.drawer-body.subject-body>#company-form{padding:18px 29px max(25px,env(safe-area-inset-bottom))}
@media(max-width:780px){.drawer-body.subject-body>#company-form{padding:18px 21px max(23px,env(safe-area-inset-bottom))}}
@media(max-width:374px){.drawer-body.subject-body>#company-form,.drawer-body.subject-body>.subject-toolbar{padding-left:16px;padding-right:16px}}

/* Device navigation shares the drawer surface and native scroll container. */
.drawer .drawer-body.device-body{padding:0}
.drawer-body.device-body>.device-toolbar{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:1px solid #7e907015}
.device-entry-tabs{margin-top:12px}
.drawer-body.device-body>#company-form{padding:18px 29px max(25px,env(safe-area-inset-bottom))}
@media(max-width:780px){.drawer-body.device-body>#company-form{padding:18px 21px max(23px,env(safe-area-inset-bottom))}.device-entry-tabs{margin-top:10px}}
@media(max-width:374px){.drawer-body.device-body>#company-form,.drawer-body.device-body>.device-toolbar{padding-left:16px;padding-right:16px}}

/* Warm smoked glass for dialogs; page and navigation keep their existing palette. */
:is(.drawer,.close-notice,.confirm){
  --glass-text:#fffaf5;--glass-muted:#d6c9bb;--glass-subtle:#c4b4a4;--glass-line:#fff0df26;--glass-accent:#edc39b;
  color:var(--glass-text);color-scheme:dark;
  background:radial-gradient(ellipse at 100% 92%,#ba784c38,transparent 62%),radial-gradient(ellipse at 4% 0%,#e4c29b14,transparent 48%),linear-gradient(135deg,#211a15e0,#2c1f17d9);
  backdrop-filter:blur(42px) saturate(125%);-webkit-backdrop-filter:blur(42px) saturate(125%);
  border-color:#fff0dd30;box-shadow:inset 1px 1px 0 #fff0dc21,inset -1px -1px 0 #ffffff08,0 24px 90px #1e160e4d,0 3px 12px #1b140d1f;
}
.drawer{
  background:radial-gradient(ellipse at 100% 92%,#ba784c38,transparent 62%),radial-gradient(ellipse at 4% 0%,#e4c29b14,transparent 48%),linear-gradient(135deg,#211a15c7,#2c1f17bd);
  backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%);
}
.modal-backdrop,.confirmation-backdrop{background:#211b1738;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.drawer :is(h2,h3,.section-title){color:var(--glass-text)}
.drawer :is(.eyebrow,.drawer-header p,.form-field small,.scope-choice small,.check-card .desc,.subject-empty-label,.contact-empty,.muted,.small){color:var(--glass-muted)}
.drawer .form-field>label{color:#eee3d7}
.drawer .form-field>label b{color:#efb495}
.drawer :is(.group-heading h3 span,.subject-category-heading h3 span){color:var(--glass-subtle)}
.drawer>.tabbar{border-bottom-color:var(--glass-line)}
.drawer>.tabbar>.tab{color:#d2c4b6}
.drawer>.tabbar>.tab.active{color:#fffaf5}
.drawer>.tabbar>.tab.active:after{background:var(--glass-accent)}
.drawer>.tabbar>.tab:hover{color:#fffaf5}
.drawer .drawer-body{scrollbar-color:#d4b99a66 transparent}
.drawer .drawer-footer{background:transparent;border-top-color:var(--glass-line);backdrop-filter:none;-webkit-backdrop-filter:none}
.drawer :is(.form-field>input,.password-wrap>input,.form-field>textarea,.field-select,.multi-trigger,.multi-search){
  color:var(--glass-text);background:#fff1df0e;border-color:#fff0dd38;
  box-shadow:inset 0 1px 2px #1b130c12,0 1px 0 #fff2df0a;caret-color:var(--glass-accent);
}
.drawer :is(input,textarea)::placeholder{color:#c9bbad;opacity:1}
.drawer :is(.form-field>input,.password-wrap>input,.form-field>textarea,.field-select,.multi-trigger,.multi-search):hover{border-color:#fff0dd66}
.drawer :is(.form-field>input,.password-wrap>input,.form-field>textarea,.field-select,.multi-trigger):focus,
.drawer :is(.field-select,.multi-trigger)[aria-expanded="true"],.drawer .multi-search:focus-within{
  outline:none;border-color:#e5bd94!important;box-shadow:0 0 0 3px #e8bd921c,inset 0 1px 0 #fff0dc12;
}
.drawer .form-field>input:disabled{color:#c5b6a6;background:#fff1df06;border-color:#fff0dd17;box-shadow:none}
.drawer input:-webkit-autofill{-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:var(--glass-text)!important;caret-color:var(--glass-accent)}
.drawer input:autofill{background-clip:text!important;-webkit-text-fill-color:var(--glass-text)!important;caret-color:var(--glass-accent)}
.drawer .field-read{color:var(--glass-text);background:#fff1df08;border-color:#fff0dd0e}
.drawer .copy-credit{color:#dec7ae}
.drawer .copy-credit:hover{color:#fff4e7;background:#fff0dd12}
.drawer .filter-menu,.drawer .multi-menu{color:var(--glass-text);background:linear-gradient(135deg,#322a23f2,#2b221cf5);border-color:#fff0dd30;box-shadow:inset 0 1px 0 #ffeedc12,0 16px 36px #160e073b;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)}
.drawer .filter-menu button{color:#e6d9cb}
.drawer .filter-menu button:hover{color:#fffaf5;background:#fff0dd0f}
.drawer .filter-menu button.selected{color:#fffaf5;background:#edc39b20}
.drawer .filter-menu{overflow-y:auto}
.drawer .filter-menu.opens-up{top:auto;bottom:calc(100% + 7px)}
.device-multi .filter-label{min-width:0;white-space:normal;overflow-wrap:anywhere}
.drawer .device-multi .demand-option-check{border-color:#fff0dd66}
.drawer .device-multi [aria-selected="true"] .demand-option-check{background:#876343;border-color:#e6b98b66}
.drawer :is(.subject-entry-tabs,.device-entry-tabs){scrollbar-color:#d4b99a66 transparent}
.drawer :is(.subject-entry-tab,.device-entry-tab){color:#dfd2c4;background:#fff0dd08;border-color:#fff0dd1a}
.drawer :is(.subject-entry-tab,.device-entry-tab):hover{color:#fffaf5;background:#fff0dd10;border-color:#fff0dd36}
.drawer :is(.subject-entry-tab,.device-entry-tab)[aria-selected="true"]{color:#fff8ee;background:#e6b98b20;border-color:#e6b98b66;box-shadow:inset 0 1px 0 #fff0dd12}
.drawer .subject-toolbar{border-bottom-color:var(--glass-line)}
.drawer .drawer-body.device-body>.device-toolbar{border-bottom-color:var(--glass-line)}
.drawer .company-contacts,.drawer :is(.subject-detail-actions,.device-detail-actions){border-top-color:var(--glass-line)}
:is(.drawer,.close-notice,.confirm) .secondary{color:#f8ece0;background:#fff0dd0d;border-color:#fff0dd30;box-shadow:inset 0 1px 0 #fff0dd14}
:is(.drawer,.close-notice,.confirm) .secondary:hover{background:#fff0dd18;border-color:#fff0dd52}
:is(.drawer,.close-notice,.confirm) .primary{color:#fff7ee;background:linear-gradient(135deg,#986f4ee0,#785238eb);border-color:#e8c1975c;box-shadow:inset 0 1px 0 #fff0dd24,0 5px 18px #150c0726}
:is(.drawer,.close-notice,.confirm) .primary:hover{background:linear-gradient(135deg,#936747,#795036);border-color:#e8c1978c}
.drawer .icon-btn{color:#f5e7d8}
.drawer .icon-btn:hover{color:#fffaf5;background:#fff0dd12}
.drawer :is(.remove,.text-btn.danger){color:#f0bca6}
.drawer :is(.subject-detail-actions,.device-detail-actions) .remove,.drawer .contact-remove{color:#f0bca6;background:#e7a0850b;border-color:#efb2963b}
.drawer :is(.subject-detail-actions,.device-detail-actions) .remove:hover,.drawer .contact-remove:hover{background:#e7a0851c;border-color:#efb29666}
.drawer :is(.check-card,.scope-choice){color:#f1e5d9;background:#fff0dd08;border-color:#fff0dd26;box-shadow:inset 0 1px 0 #fff0dd0e}
.drawer .scope-choice:has(input:checked){background:#e6b98b20;border-color:#e6b98b70}
.drawer :is(.check-card,.multi-option,.scope-choice) input{background:#fff0dd12;border-color:#ddc5ad70;box-shadow:inset 0 1px 0 #fff0dd12}
.drawer :is(.check-card,.multi-option,.scope-choice) input:checked{background:#8e694c;border-color:#dfb78f;box-shadow:none}
.drawer :is(.check-card,.multi-option,.scope-choice) input:focus-visible{outline-color:#e6bd95;outline-offset:3px}
.drawer .multi-option{color:#f1e5d9}
.drawer .multi-option:hover{background:#fff0dd0c}
.drawer .multi-option .avatar{color:#f3dcc5;background:#e6b98b1a}
.drawer .multi-search{color:var(--glass-muted)}
.drawer .multi-search input{color:var(--glass-text);background:transparent;box-shadow:none;caret-color:var(--glass-accent)}
.drawer .level-high{--level-color:#ffb5a8;--level-surface:#e97f6921;--level-border:#f0a38f4d}
.drawer .level-medium{--level-color:#f4cf94;--level-surface:#dfb16b21;--level-border:#e7c38e4d}
.drawer .level-low{--level-color:#c4d9e5;--level-surface:#aac2d51c;--level-border:#b8cbd94d}
.drawer .level-empty{--level-color:#d3c7ba;--level-surface:#fff0dd08;--level-border:#fff0dd1a}
.drawer .badge.verified{color:#d6ebc4;background:#c7dfa51f;border-color:#c7dfa538}
.drawer .badge.pending{color:#f4d29a;background:#e0bd7d1f;border-color:#e0bd7d38}
.drawer .badge.doubt{color:#ffc0ae;background:#e9987c1f;border-color:#e9987c38}
.drawer .error-box:not(:empty){color:#ffc8b4;background:#d98f7212;border-color:#efb19638;box-shadow:inset 0 1px 0 #fff0dd0c}
.drawer .form-field.has-field-error>label,.drawer .form-field .field-error{color:#ffc8b4}
.drawer .form-field.has-field-error :is(input,textarea,.field-select){border-color:#e6a38c!important}
.drawer .form-field.has-field-error :is(input,textarea,.field-select):focus{border-color:#f1bda5!important;box-shadow:0 0 0 3px #e6a38c1f}
:is(.drawer,.close-notice) button:focus-visible{outline:2px solid #e6bd958c;outline-offset:3px}
.close-notice :is(h2,.close-notice-content h2){color:#fffaf5}
.close-notice p,.confirm p{color:var(--glass-muted)}
.close-notice .close-notice-icon{color:#edc39b;background:#edc39b0d;border-color:#fff0dd26}
.close-notice.confirmation-danger .close-notice-icon{color:#ffc3ac;background:#e7a08514}
.close-notice.confirmation-danger .primary{background:linear-gradient(135deg,#aa755bd9,#8d5742eb);color:#fff7f0;border-color:#e9ae9059}
.close-notice.confirmation-danger .primary:hover{background:linear-gradient(135deg,#996346,#7f4b36)}

.drawer .empty p,.drawer .empty-icon{color:var(--glass-muted)}

/* Keep the company empty-state description on one line at every width. */
#company-table .empty>p{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Read-only text shares one inset; template whitespace never indents the value. */
.drawer .field-read{display:flex;align-items:center;gap:8px;padding:12px;white-space:normal;text-indent:0;text-align:left}
.drawer .field-read-value{display:block;min-width:0;white-space:pre-wrap;overflow-wrap:anywhere}

/* Recycle timestamps align date and smaller clock text by their bottom edge. */
.recycle-table .log-time time{align-items:flex-end}
.recycle-table .log-time time>span{line-height:1}

/* Selected device and subject entries share the fixed footer's remove action. */
.drawer-footer>.remove{gap:6px;max-width:100%;padding:0 12px;border:1px solid #efb2963b;border-radius:10px;background:#e7a0850b;color:#f0bca6;white-space:nowrap}
.drawer-footer>.remove:hover{background:#e7a0851c;border-color:#efb29666}
.drawer-footer>.remove svg{width:15px;height:15px;flex-shrink:0}
.drawer-footer:has(>.remove){justify-content:space-between}
@media(max-width:780px){.drawer-footer:has(>.remove){gap:10px}.drawer-footer>.remove{padding:0 10px;gap:5px}.drawer-footer:has(>.remove)>.actions{flex-shrink:0}}

.entry-tab-item{position:relative;display:inline-flex;flex:0 0 auto;min-width:0;max-width:180px}
.entry-tab-item>:is(.device-entry-tab,.subject-entry-tab){width:100%;min-width:0}
.entry-tab-item>.device-entry-tab{min-width:80px}
.entry-tab-item:has(>.entry-tab-delete)>[role="tab"]{padding-right:42px}
.entry-tab-delete{position:absolute;z-index:1;right:4px;top:0;bottom:0;margin:auto 0;display:flex;align-items:center;justify-content:center;width:30px;height:30px;min-height:0;padding:0;border:0;border-radius:6px;background:transparent;color:#e1b39e}
.entry-tab-delete svg{width:14px;height:14px;flex-shrink:0}
.entry-tab-delete:hover{color:#ffcfbd;background:#e7a0851c}
@media(max-width:780px){.entry-tab-item{max-width:160px}.entry-tab-delete{width:32px;height:32px}}

/* Text controls and placeholders use the same compact scale as dropdowns. */
@media(max-width:780px),(pointer:coarse){
  :root body input:not([type="checkbox"]):not([type="radio"]),
  :root body textarea,:root body .drawer textarea,:root body select{font-size:var(--control-font-size)}
}

.drawer .password-wrap{min-width:0}
.drawer .password-wrap>input{width:100%;min-width:0;padding-right:56px}
.drawer .password-wrap>.icon-btn{top:0;bottom:0;margin:auto 0;width:38px}
.owner-option-name{min-width:0;flex:1;overflow-wrap:anywhere}
.owner-option-name small{display:block;font-size:10px;margin-top:2px;color:var(--glass-muted)}
.account-name>div:last-child{min-width:0;overflow-wrap:anywhere}

@media(min-width:781px){
  #modal-root>.modal-backdrop{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:none}
  #modal-root>.modal-backdrop>.drawer{pointer-events:auto;margin-block:var(--frame-gap);max-height:calc(100dvh - var(--frame-gap) - var(--frame-gap))}
}