.app-icon{width:18px;height:18px;display:inline-block;vertical-align:-4px;flex:none}
nav .app-icon{width:21px;height:21px}
.button .app-icon,button .app-icon{margin-right:6px}
.internal-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid #c9ddff;background:#eef5ff;color:#194e9b;border-radius:999px;padding:7px 11px;font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.internal-chip:before{content:"";width:7px;height:7px;border-radius:50%;background:#18a66a;box-shadow:0 0 0 3px #18a66a22}
.login-edition{float:right;border-radius:999px;background:#fff4c7;color:#806000;padding:7px 11px;font-size:9px;font-weight:900;letter-spacing:.12em}
.login-card{border:1px solid #ffffff2b}
input::placeholder,textarea::placeholder{color:#98a4b5;opacity:1}
button,.button{display:inline-flex;align-items:center;justify-content:center}
[data-theme=dark] .internal-chip{background:#102d50;border-color:#285385;color:#bcd6ff}
@media(max-width:820px){.internal-chip{display:none}}
.recipient-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 14px;background:var(--soft);border-bottom:1px solid var(--line)}
.recipient-grid label{font-size:11px;color:var(--muted)}
.recipient-grid input{padding:9px 11px;background:var(--card)}
@media(max-width:620px){.recipient-grid{grid-template-columns:1fr}}
.module-hero,.health-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:34px 38px;margin-bottom:22px;border-radius:24px;color:#fff;background:linear-gradient(125deg,#08182e,#153b68 68%,#1b4e87);box-shadow:0 24px 60px #10284922}
.module-hero:after,.health-hero:after{content:"";position:absolute;right:-70px;top:-110px;width:270px;height:270px;border:45px solid #f5c51822;border-radius:50%}.module-hero h2,.health-hero h2{font-size:30px;margin:5px 0 8px}.module-hero p,.health-hero p{color:#c8d6e8;max-width:680px;margin:0}.module-hero .button{position:relative;z-index:1;background:#f5c518;color:#071326;border-color:#f5c518;white-space:nowrap}
.entity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.entity-card{display:grid;grid-template-columns:52px 1fr;gap:16px;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 16px 38px #13233b0c}.entity-card h3{margin:9px 0 5px}.entity-card p{color:var(--muted);min-height:42px}.entity-card dl{display:grid;grid-template-columns:1fr auto;gap:7px;margin:18px 0 0;padding-top:15px;border-top:1px solid var(--line);font-size:12px}.entity-card dt{color:var(--muted)}.entity-card dd{margin:0;font-weight:750}.entity-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:color-mix(in srgb,var(--accent,#2563eb) 12%,transparent);color:var(--accent,#2563eb)}
.drawer-backdrop{position:fixed;inset:0;background:#03102399;backdrop-filter:blur(4px);z-index:80}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(580px,100%);background:var(--card);z-index:81;box-shadow:-24px 0 70px #0004;transform:translateX(102%);transition:transform .25s ease;overflow:auto}.drawer.open{transform:none}.drawer>header{display:flex;justify-content:space-between;gap:20px;padding:28px 30px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--card);z-index:2}.drawer header h2{margin:4px 0}.drawer header p{margin:0;color:var(--muted)}.drawer-body{padding:28px 30px}.drawer-backdrop[hidden]{display:none}
.premium-form{display:grid;gap:17px}.premium-form label{display:grid;gap:7px;font-size:12px;font-weight:750}.premium-form input,.premium-form select,.premium-form textarea{width:100%;background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:12px 14px;color:var(--text)}.premium-form input:focus,.premium-form select:focus,.premium-form textarea:focus{outline:3px solid #2f6df622;border-color:#2f6df6}.premium-form fieldset{border:1px solid var(--line);border-radius:15px;padding:16px}.premium-form legend{padding:0 8px;font-weight:800}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-row.three{grid-template-columns:repeat(3,1fr)}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.check-card{display:flex!important;grid-template-columns:none!important;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:11px}.check-card input{width:auto}.check-card span{display:grid}.check-card small{color:var(--muted)}
.data-panel{padding:0;overflow:hidden}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;border-bottom:1px solid var(--line)}.table-toolbar h3,.table-toolbar p{margin:0}.table-toolbar p{color:var(--muted);font-size:13px;margin-top:5px}.table-search{display:flex;align-items:center;gap:8px;background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:0 12px}.table-search input{border:0;background:transparent;padding:11px 2px;min-width:240px;color:var(--text);outline:0}
.empty-state{grid-column:1/-1;display:grid;place-items:center;text-align:center;min-height:230px;padding:35px;border:1px dashed var(--line);border-radius:18px;color:var(--muted)}.empty-state .app-icon{width:35px;height:35px;color:#f5b800}.empty-state h3{color:var(--text);margin:12px 0 0}.empty-state p{max-width:460px}
.article-grid.premium{grid-template-columns:repeat(3,minmax(0,1fr))}.article-card>div,.article-card footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.article-card footer{border-top:1px solid var(--line);padding-top:15px;margin-top:18px}.article-card p{min-height:62px}.split-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:18px}.rule-list{display:grid}.rule-list article,.user-list article{display:flex;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid var(--line)}.rule-list article>div,.user-list article>div{display:grid;flex:1}.rule-list small,.user-list small{color:var(--muted)}.inline-create{display:grid;gap:10px;margin-top:18px;padding:16px;background:var(--soft);border-radius:14px}.inline-create input,.inline-create select,.inline-create textarea{padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--text)}
.settings-grid.premium{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-card{display:block;text-decoration:none;color:inherit;transition:transform .16s,border-color .16s}.settings-card:hover{transform:translateY(-3px);border-color:#2f6df6}.settings-card .entity-icon{margin-bottom:18px}.settings-card b{color:#2463d4}.settings-shell{display:grid;grid-template-columns:260px 1fr;gap:20px}.settings-nav{display:grid;align-content:start;gap:5px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:12px;height:max-content;position:sticky;top:100px}.settings-nav a{padding:11px 13px;border-radius:10px;color:var(--muted);text-decoration:none;font-size:13px;font-weight:700}.settings-nav a.active,.settings-nav a:hover{background:var(--soft);color:var(--text)}.settings-detail{padding:30px;max-width:1050px}.settings-detail>h2{margin:5px 0}.settings-detail>p{color:var(--muted);margin-bottom:25px}.create-box{margin-top:20px;border:1px solid var(--line);border-radius:14px;padding:16px}.create-box summary{cursor:pointer;font-weight:800}.create-box[open] summary{margin-bottom:18px}.notice{display:flex;justify-content:space-between;gap:15px;padding:15px 17px;border-radius:12px;background:#fff6d9;border:1px solid #f5c51866;margin-top:18px}.notice.success{background:#e9f9f1;border-color:#20aa6b55}.health-score{position:relative;z-index:1;display:grid;place-items:center;width:130px;height:130px;border-radius:50%;border:12px solid #f5c51855;background:#ffffff12}.health-score b{font-size:30px}.health-score span{font-size:11px}.health-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.health-grid article{display:flex;align-items:center;gap:12px}.health-grid article>div{display:grid;flex:1}.health-grid small{color:var(--muted)}.runbook{margin-top:18px}.runbook li{padding:8px;color:var(--muted)}
@media(max-width:1180px){.entity-grid,.article-grid.premium,.settings-grid.premium{grid-template-columns:1fr 1fr}.health-grid{grid-template-columns:1fr 1fr}.split-grid{grid-template-columns:1fr}}
@media(max-width:820px){.module-hero,.health-hero{padding:26px;align-items:flex-start}.module-hero .button{position:absolute;right:18px;bottom:18px}.entity-grid,.article-grid.premium,.settings-grid.premium,.health-grid{grid-template-columns:1fr}.settings-shell{grid-template-columns:1fr}.settings-nav{position:static;display:flex;overflow:auto}.form-row,.form-row.three,.check-grid{grid-template-columns:1fr}.table-toolbar{align-items:stretch;flex-direction:column}.table-search input{min-width:0;width:100%}.health-score{width:95px;height:95px}.drawer-body,.drawer>header{padding:22px}}
.attachment-field{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--line);color:var(--muted);font-size:11px}
.attachment-field input{padding:7px;background:var(--soft)}
.pwa-install{position:fixed;right:22px;bottom:22px;z-index:200;display:flex;gap:12px;align-items:center;max-width:470px;padding:16px 18px;border:1px solid #345071;border-radius:18px;background:#10233e;color:#fff;box-shadow:0 24px 70px #00142f55}.pwa-install[hidden]{display:none}.pwa-install div{display:grid;gap:3px}.pwa-install small{color:#b7c5d8}.pwa-install button{width:auto}.pwa-install .ghost{background:transparent;color:#fff;padding:8px}.toast{position:fixed;right:22px;bottom:22px;z-index:210;padding:16px 18px;border-radius:16px;background:#10233e;color:#fff;box-shadow:0 20px 60px #00142f55}.toast button{margin-left:12px;width:auto}@media(max-width:640px){.pwa-install{left:14px;right:14px;bottom:14px;align-items:flex-start;flex-wrap:wrap}.pwa-install div{flex:1;min-width:210px}}
