@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(../fonts/Cairo-1.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(../fonts/Cairo-2.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(../fonts/Cairo-3.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* HYMANNA · compact product system, extending the mythic login palette. */
:root{
 --ui-bg:var(--k-bg);--ui-surface:var(--k-surface);--ui-raised:var(--k-surface-2);--ui-field:var(--k-surface-2);--ui-line:var(--k-line);--ui-control:var(--k-line-strong);--ui-blue:var(--k-accent);--ui-electric:var(--k-accent);--ui-deep:var(--k-accent-press);--ui-text:var(--k-text);--ui-muted:var(--k-text-2);
 --ui-cta:var(--k-accent);--ui-shadow:var(--k-shadow);--ui-focus:0 0 0 3px var(--k-accent);
 --ui-title:1.375rem;--ui-section:1.0625rem;--ui-card:.9375rem;--ui-body:.875rem;--ui-secondary:.75rem;--ui-label:.75rem;--ui-button:.875rem;--ui-badge:.75rem;
 --ui-s1:4px;--ui-s2:8px;--ui-s3:12px;--ui-s4:16px;--ui-s5:20px;--ui-s6:24px;--ui-s7:32px;--ui-input-r:14px;--ui-card-r:18px;--ui-button-r:14px;--ui-large-r:22px;--ui-duration:180ms;
 --hy-font-body:Cairo,system-ui,sans-serif;--hy-font-display:Cairo,system-ui,sans-serif;--hy-font-data:Cairo,system-ui,sans-serif;
 --hy-t-display:1.5rem;--hy-t-h1:var(--ui-title);--hy-t-h2:var(--ui-section);--hy-t-h3:var(--ui-card);--hy-t-body-l:.875rem;--hy-t-body:var(--ui-body);--hy-t-label:var(--ui-label);--hy-t-caption:var(--ui-secondary);--hy-t-micro:var(--ui-badge);
 --hy-lh-body:1.75;--hy-lh-heading:1.5;--hy-w-display:700;--hy-w-strong:600;--hy-void:var(--k-bg);--hy-black:var(--k-bg);--hy-ink:var(--k-surface);--hy-ink-2:var(--k-surface-2);--hy-ink-3:var(--k-surface-2);--hy-line:var(--k-line);--hy-line-2:var(--k-line-strong);--hy-royal:var(--k-accent);--hy-electric:var(--k-accent);--hy-blue-2:var(--k-accent);--hy-cobalt:var(--k-accent);background:var(--k-bg);--hy-pearl:var(--k-text);--hy-text:var(--k-text);--hy-dim:var(--k-text-2);--hy-dim-2:var(--k-text-3);--hy-r-s:14px;--hy-r-m:18px;--hy-r-l:22px;--hy-r-xl:24px;--hy-header:56px;--hy-tabbar:88px;--hy-maxw:1120px;--hy-e1:var(--k-shadow);--hy-e2:var(--k-shadow);--hy-e3:var(--k-shadow);--hy-ring:0 0 0 3px var(--k-accent);--hy-d-fast:150ms;--hy-d:180ms;--hy-d-slow:260ms;
 --bg:var(--k-bg);--bg-2:var(--k-surface);--card:var(--k-surface);--card-2:var(--k-surface-2);--card-3:var(--k-surface-2);--text:var(--k-text);--dim:var(--k-text-2);--dim-2:var(--k-text-3);--line:var(--k-line);--line-2:var(--k-line-strong);--brand:var(--k-accent);--brand-2:var(--k-accent);--accent:var(--k-accent);--brand-soft:var(--k-surface-2);--r-s:14px;--r-m:18px;--r-l:22px;--r-xl:24px;--pad:16px;--top:56px;--qnav:48px;--shadow:var(--k-shadow);--surface:var(--k-surface);--elev-1:var(--k-shadow);--elev-2:var(--k-shadow);--appbar-a:var(--k-bg);--appbar-b:var(--k-bg);--deep:var(--k-bg);--hero-a:var(--k-accent);--hero-b:var(--k-dark);--hero-c:var(--k-bg);
}
/* الوضع النهاري: لا كتلة أسماء مكرّرة — كل التوكنات أعلاه var(--k-*) فتقلب مع k-tokens.css */
html{font-family:Cairo,system-ui,sans-serif;background:var(--ui-bg);color:var(--ui-text)}
body{font-family:Cairo,system-ui,sans-serif;font-size:var(--ui-body);line-height:1.75;background:var(--k-surface);background-attachment:fixed;color:var(--ui-text)}
button,input,select,textarea,h1,h2,h3,h4{font-family:inherit}h1,.hy2-h1{font-size:var(--ui-title);line-height:1.5;font-weight:700}h2,.hy2-h2{font-size:var(--ui-section);line-height:1.5;font-weight:700}h3,.hy2-h3,.item-title{font-size:var(--ui-card);line-height:1.55;font-weight:600}p{line-height:1.75}small,.hint,.note,.item-sub{font-size:var(--ui-secondary);color:var(--ui-muted)}
.app-main{padding:16px 16px calc(80px + env(safe-area-inset-bottom));max-width:1120px;margin-inline:auto}.hy-top{height:56px;padding-inline:16px;border-bottom:1px solid var(--ui-line);background:var(--ui-bg)}.hy-brand .mark{width:32px;height:32px;font-size:18px;border-radius:10px}.hy-brand b{font-size:15px}.hy-brand small{font-size:11px}.hy-conn{font-size:11px}.hy-conn i{width:5px;height:5px;box-shadow:none}
.card,.item{padding:var(--ui-s4);border:1px solid var(--ui-line);border-radius:var(--ui-card-r);background:var(--ui-surface);box-shadow:var(--ui-shadow);margin-bottom:12px}.item{padding:12px 14px}.card h3,.item h3{font-size:var(--ui-card)}.section-title{margin:20px 0 12px}.section-title h2{font-size:var(--ui-section)}.section-title .count{font-size:11px}.hero{padding:16px;border-radius:22px;background:var(--k-surface);box-shadow:none}.hero .name{font-size:20px}.hero .meta{font-size:12px}
.btn{font-size:var(--ui-button);font-weight:600;min-height:44px;padding:8px 14px;border-radius:var(--ui-button-r);border:1px solid var(--ui-line);background:var(--ui-raised);color:var(--ui-text);box-shadow:none;transition:transform 150ms,background 180ms,border-color 180ms}.btn-primary{background:var(--ui-cta);color:var(--k-text);border-color:transparent;box-shadow:0 4px 12px 0 6px 18px var(--k-shadow)}.btn-lg{min-height:48px;font-size:14px;border-radius:16px}.btn-sm{min-height:40px;padding:6px 12px;font-size:13px}.btn-ghost{color:var(--hy-blue-2);background:transparent;border-color:transparent}.btn:active{transform:scale(.98)}.icon-btn{min-width:44px;min-height:44px}.btn-row{gap:8px;flex-wrap:wrap}.btn svg,.icon-btn svg{width:18px;height:18px}
.input,textarea,select{font-family:inherit;font-size:var(--ui-body);min-height:44px;border-radius:var(--ui-input-r);padding:9px 12px;background:var(--ui-field);color:var(--ui-text);border:1px solid var(--ui-control);max-width:100%}.input:focus,textarea:focus,select:focus{border-color:var(--ui-electric);box-shadow:var(--ui-focus);outline:0}.field{margin-bottom:12px}.field label{font-size:var(--ui-label);font-weight:600;color:var(--ui-muted)}.field .note,.field-error{font-size:11px}.field textarea{min-height:88px}.chip,.badge,.tag{font-size:var(--ui-badge);font-weight:600;border-radius:8px;line-height:1.5}.chip{min-height:24px;padding:3px 8px}.tabs{gap:4px}.tabs button,.tabs a,.tab{font-size:12px;min-height:40px;border-radius:12px;padding:8px 12px}.tabs .on,.tab.on{background:var(--k-accent);color:var(--k-on-accent);box-shadow:none}
.tabbar{height:calc(60px + env(safe-area-inset-bottom));padding:4px 8px env(safe-area-inset-bottom);background:var(--ui-bg);border-top:1px solid var(--ui-line);box-shadow:none;backdrop-filter:none;max-width:1120px}.tabbar a{min-height:48px;font-size:11px;gap:3px;border-radius:12px;line-height:1.35}.tabbar a svg{width:19px;height:19px}.tabbar a.on{color:var(--k-on-accent);background:var(--k-accent)}.tabbar a.on::before{display:none}.tabbar .tab-dot{box-shadow:none}
.hy-tile,.hy-toolcard,.hy-agentcard,.hy2-agent{border:1px solid var(--ui-line);border-radius:18px;background:var(--ui-surface);padding:12px;box-shadow:none}.hy-tile h3,.hy-toolcard h3,.hy-agentcard h3{font-size:15px}.hy-tile p,.hy-toolcard p,.hy-agentcard p{font-size:12px}.hy-tile .ic,.hy-tile .ico{width:32px;height:32px;font-size:18px}.hy-grid{gap:12px}.hy2-hero{padding:20px;border-radius:22px;min-height:0;background:var(--k-surface);box-shadow:none}.hy2-hero-title{font-size:22px;line-height:1.5;max-width:36ch}.hy2-hero-sub{font-size:13px;line-height:1.75;max-width:44ch}.hy2-hero-eyebrow{font-size:11px}.hy2-hero-foot{margin-top:16px;gap:8px}.hy2-hero .hy2-live{opacity:.3}.hy2-hero .hy2-arc{width:64px;height:64px}.hy2-rail{gap:8px}.hy2-agent-name{font-size:13px}.hy2-agent-role{font-size:11px}.hy2-action{padding:12px;font-size:13px}.hy2-stat .value,.stat .value,.stat .num{font-size:22px;font-weight:700}.hy2-stat{padding:12px}
.chat-intro{padding:16px;border-radius:18px;background:var(--ui-surface);border:1px solid var(--ui-line)}.chat-intro h2{font-size:20px}.chat-intro p{font-size:13px;color:var(--ui-muted)}.chat-list{gap:12px}.chat-list .bubble{font-size:14px;line-height:1.8;padding:12px 14px;border-radius:16px;box-shadow:none}.chat-list .msg.bot .bubble{background:var(--ui-surface);border-color:var(--ui-line)}.chat-list .msg.me .bubble{background:var(--k-surface-2);border-color:var(--k-line);color:var(--k-text-2)}.chat-list .ai-meta{font-size:11px;color:var(--ui-muted)}.chat-list .ai-badge{width:28px;height:28px;font-size:14px;border-radius:10px}.toolrow,.approval-card,.plan-card{padding:12px;border-radius:16px;font-size:12px}.toolrow summary{min-height:40px}.toolrow .btn,.approval-card .btn{font-size:13px}.composer,.chat-composer,.hy-compose{background:var(--ui-bg);border-color:var(--ui-line)}.composer textarea,.chat-composer textarea{font-size:14px;border-radius:14px}.attachbtn{width:44px;height:44px}.chat-status{font-size:11px}.hy-smart-b{font-size:12px;padding:8px 12px}.hy-smart{gap:8px}
.modal,.sheet,.modal-card{border-radius:22px;background:var(--ui-surface);color:var(--ui-text);padding:16px;border:1px solid var(--ui-line)}.modal h2,.sheet h2{font-size:18px}.modal .lead,.sheet .lead{font-size:13px}.toast{font-size:13px;background:var(--ui-raised);border:1px solid var(--ui-line);box-shadow:var(--ui-shadow)}.empty{padding:24px 16px}.empty h3{font-size:16px}.empty p{font-size:13px}.empty .ico{font-size:26px}.banner{padding:12px;font-size:13px;border-radius:14px}.kv{gap:8px;font-size:13px}.kv small{font-size:11px}.data-table{font-size:13px}.data-table td,.data-table th{padding:10px 12px}.chart{padding:12px}
/* Real original authentication fields/actions stay intact; artwork is a separate layer. */
.hy-auth-scene{min-height:calc(100svh - 24px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:var(--k-surface-2);padding:12px 0}.hy-auth-art{height:clamp(150px,30svh,320px);width:100%;position:relative;display:grid;place-items:center;perspective:850px}.hy-auth-art:before{content:'';position:absolute;width:180px;height:180px;border:1px solid var(--k-line);border-radius:50%;box-shadow:0 0 16px 0 6px 18px var(--k-shadow)}.hy-auth-art img{height:100%;max-width:100%;object-fit:contain;position:relative;animation:ui-guardian 8s ease-in-out infinite}.hy-auth-panel{width:min(100%,420px)}.hy-auth-panel .auth{margin:0;padding:0;max-width:none}.hy-auth-panel .auth .logo{display:none}.hy-auth-panel .auth h1{font-size:24px;text-align:center;margin:0 0 12px}.hy-auth-panel .auth .card{background:transparent;box-shadow:none;border:0;padding:0;margin-bottom:0}.hy-auth-panel .auth .field{margin-bottom:8px}.hy-auth-panel .auth .field label{font-size:11px;margin-bottom:4px}.hy-auth-panel .auth .btn{margin-top:8px!important}.hy-auth-panel .auth p{font-size:12px;text-align:center}.hy-auth-panel .auth .input{min-height:42px}
@keyframes ui-guardian{0%,100%{transform:translate3d(0,3px,0) rotateY(-4deg)}50%{transform:translate3d(0,-5px,0) rotateY(4deg)}}
@media(min-width:768px){.app-main{padding:20px 24px 88px}.hy-top{max-width:1120px;margin:auto}.hy-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hy-auth-scene{flex-direction:row;max-width:1000px;margin:auto;gap:32px}.hy-auth-art{height:min(70svh,580px);width:50%}.hy-auth-art:before{width:260px;height:260px}.hy-auth-panel{width:45%}.hy2-hero-title{font-size:24px}}
@media(max-width:380px){.app-main{padding-inline:12px}.card{padding:14px}.hy2-hero{padding:16px}.hy2-hero-title{font-size:20px}.tabbar a{font-size:10px}.hy-auth-scene{padding:4px 0}.hy-auth-art{height:26svh}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
body.lite .hy-auth-art img{animation:none}body.lite .card,body.lite .item{box-shadow:none}

/* Complete tool directory, lazy category rows and instant local search. */
.directory-head{margin:0 0 16px}.directory-head h1{font-size:22px}.directory-head p{font-size:12px;color:var(--ui-muted);margin-top:4px}.directory-search{display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--ui-control);border-radius:14px;background:var(--ui-field);margin-bottom:12px}.directory-search svg{width:18px;height:18px}.directory-search input{font:inherit;color:inherit;background:none;border:0;outline:0;min-height:44px;width:100%}.directory-search:focus-within{border-color:var(--ui-electric);box-shadow:var(--ui-focus)}.directory-result-meta{font-size:11px;color:var(--ui-muted);margin-bottom:12px}.directory-group{border:1px solid var(--ui-line);border-radius:16px;background:var(--ui-surface);margin-bottom:8px;overflow:hidden}.directory-group summary{padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;min-height:48px;font-size:14px;font-weight:600;list-style:none}.directory-group summary::-webkit-details-marker{display:none}.directory-group summary span{display:flex;align-items:center;gap:8px}.directory-group summary svg{width:18px;height:18px;color:var(--hy-blue-2)}.directory-group summary b{font-size:11px;background:var(--k-line);color:var(--hy-blue-2);border-radius:7px;padding:2px 8px}.directory-group[open] summary{border-bottom:1px solid var(--ui-line)}.directory-items{padding:0 12px}.directory-tool{display:flex;align-items:center;gap:10px;min-height:58px;width:100%;background:none;border:0;border-bottom:1px solid var(--ui-line);text-align:start;color:inherit;font-family:inherit;padding:10px 0;cursor:pointer}.directory-tool:last-child{border-bottom:0}.directory-tool .grow{flex:1;min-width:0}.directory-tool b{display:block;font-size:13px;font-weight:600;overflow-wrap:anywhere;line-height:1.65}.directory-tool small{display:block;font-size:11px;color:var(--ui-muted)}.directory-tool>svg{width:16px;height:16px}.directory-tool-icon{width:28px;height:28px;border-radius:9px;background:var(--k-line);display:grid;place-items:center;flex-shrink:0;color:var(--hy-blue-2)}.directory-tool-icon svg{width:16px;height:16px}.directory-original{margin-top:20px}.directory-original>summary{font-size:13px;min-height:44px;color:var(--hy-blue-2);cursor:pointer}.directory-tool-info{margin-top:12px;font-size:12px;color:var(--ui-muted)}


/* Shared product identity: precise electric edges, navy depth, lightweight surfaces. */
body:not(.auth-mythic){background:var(--k-surface-2);background-attachment:fixed}
/* السبب الجذري الثاني للفراغ العلوي (قياس v3b: TOP_GAP=72px على كل العروض):
   `#view` كان يحجز ارتفاع الشريط العلوي القديم (56px) — والمحدّد يحمل معرّفًا
   فيغلب قاعدة `.app-main` مهما تأخّرت. الشريط العلوي والشريط السريع أُزيلا
   فلا حجز لهما: منطقة أمان حقيقية + مسافة واحدة من سلّم المسافات (نفس قيمة
   k-components) — قاعدة واحدة، بلا Patch لكل شاشة. */
body:not(.bare) #view{padding-top:calc(env(safe-area-inset-top,0px) + var(--k-s4))}
.appbar{background:var(--ui-bg);border-bottom:1px solid var(--ui-line);box-shadow:0 3px 16px 0 1px 3px var(--k-shadow);padding-inline:16px;backdrop-filter:none}
.hy-brand .mark{width:34px;height:42px;border:0;border-radius:0;background:url(../img/guardian-brand.webp) center/contain no-repeat;color:transparent;box-shadow:none;flex-shrink:0}
.hy-head h2{font-size:22px;line-height:1.5;letter-spacing:0}.hy-head p{font-size:12px;line-height:1.75;max-width:52ch}
.hy-head{position:relative;padding:16px;border:1px solid var(--ui-line);border-radius:20px;background:var(--k-surface);margin-bottom:16px;overflow:hidden}
.hy-head:after{content:'';position:absolute;inset-inline-end:-20px;top:0;width:90px;height:100%;background:url(../img/guardian-brand.webp) center/contain no-repeat;opacity:.12;pointer-events:none}
.hy-card,.hy-tm-cell,.hy-kpi div,.hy-emp,.item,.hy-pick,.hy-sheet,.plancard,.approval-card{border-color:var(--ui-line);background:var(--k-surface);border-radius:18px;box-shadow:0 3px 14px 0 1px 3px var(--k-shadow)}
.hy-card{padding:16px}.hy-card.tight{padding:12px}.hy-card+.hy-card{margin-top:12px}.hy-sec{margin:20px 2px 12px}.hy-sec h3{font-size:16px}.hy-sec .hint{font-size:11px}
.hy-tile{background:var(--k-surface);min-height:112px;padding:14px;gap:10px}.hy-tile .ic{width:34px;height:34px;background:var(--k-line);border:1px solid var(--k-line);border-radius:11px}.hy-tile .ic svg{width:19px;height:19px}.hy-tile b{font-size:14px;line-height:1.6}.hy-tile small{font-size:12px}.hy-tile .owner{font-size:11px}
.hy-agent .avatar{width:42px;height:42px;border-radius:14px;background:var(--k-line);border-color:var(--k-line)}.hy-agent .avatar svg{width:22px;height:22px}.hy-agent .who b{font-size:14px}.hy-agent .goal{font-size:12px}.hy-agent .meters{gap:16px}.hy-emp{border-inline-start:2px solid var(--k-line);padding:12px 14px}.hy-emp .who b{font-size:13px}
.hy-tm-cell{padding:12px 6px;gap:6px}.hy-tm-cell .hy-tag{font-size:20px}.hy-tm-cell span{font-size:11px}.hy-tag{border-radius:8px;font-size:11px;line-height:1.5;padding:4px 8px}.hy-tag.brand{background:var(--k-line);border-color:var(--k-line);color:var(--hy-blue-2)}.hy-chip{min-height:38px;border-radius:10px;font-size:12px}.hy-chip.on{background:var(--k-line)}.hy-tab{font-size:12px}
.hy-search{min-height:48px;padding:0 12px;background:var(--ui-field);border-color:var(--ui-control);border-radius:14px}.hy-search input{min-height:46px;font-size:14px}.hy-search:focus-within{border-color:var(--ui-electric);box-shadow:var(--ui-focus)}
.composer-chat{background:var(--ui-bg);border-color:var(--ui-line);box-shadow:0 -8px 24px 0 1px 3px var(--k-shadow)}.hy-ctx{background:var(--ui-surface);padding:8px;border-radius:14px;margin-bottom:8px}.hy-ctx-avatar{width:34px;height:34px;border-radius:11px;background:var(--k-line);border-color:var(--k-line)}.hy-ctx-tx b{font-size:13px}.hy-ctx-tx small,.hy-ctx-tx em{font-size:11px}.hy-ctx-b{width:44px;min-height:44px;border-radius:10px}
.inputrow{gap:8px;align-items:flex-end}.inputrow textarea{min-height:46px;line-height:1.7;padding:11px 12px;border-color:var(--ui-control)}.sendbtn{width:46px;height:46px;border-radius:14px;background:var(--ui-cta);box-shadow:0 3px 12px 0 6px 18px var(--k-shadow)}.sendbtn svg{width:20px;height:20px}.attachbtn{border-radius:14px;background:var(--ui-surface);border-color:var(--ui-line)}
.chat-list .msg.user .bubble{background:var(--k-surface);border-color:var(--k-line);color:var(--k-text-2)}.chat-list .msg.agent .bubble{background:var(--ui-surface);border-color:var(--ui-line)}.chat-list .msg .bubble{line-height:1.8;font-size:14px;max-width:100%;overflow-wrap:anywhere}.bubble-done{border-inline-start:3px solid var(--ok)}.chat-list .msg-meta{font-size:11px}.hy-smart-b{min-height:36px;border-color:var(--ui-line);background:var(--ui-surface);color:var(--hy-blue-2);font-size:12px;border-radius:10px}
.directory-group{background:var(--k-surface);border-color:var(--ui-line)}.directory-group summary{transition:background 160ms}.directory-group[open] summary{background:var(--k-line)}.directory-group summary span{min-width:0}.directory-group summary b{flex-shrink:0}.directory-tool{transition:color 150ms}.directory-tool:active{color:var(--ui-electric)}
.hy-state{background:var(--ui-surface);border-color:var(--ui-line);border-style:solid;min-height:150px}.hy-state .ic{border:1px solid var(--k-line);background:var(--k-line)}.hy-state p{font-size:13px;line-height:1.8}.hy-note,.hy-head-line{font-size:12px;line-height:1.8}.grid2,.stat-grid{gap:12px}
.modal-scrim{background:var(--k-line)}.modal-header,.modal-head{border-color:var(--ui-line)}.modal h3{font-size:17px}.modal .field label{font-size:12px}.data-table{border-color:var(--ui-line);border-radius:14px}.list .item{background:var(--ui-surface)}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--ui-electric);outline-offset:3px}button:disabled{cursor:not-allowed}input,textarea{scroll-margin-block:90px}
@media(min-width:768px){.hy-head{padding:20px 24px}.hy-grid{gap:16px}.hy-head:after{width:120px}.hy-head h2{font-size:24px}}
@media(max-width:380px){.hy-head{padding:14px}.hy-head h2{font-size:20px}.hy-grid{gap:10px}.hy-tile{min-height:108px}.hy-kpi b{font-size:18px}}
@media(hover:hover){.hy-tile:hover,.directory-group summary:hover{border-color:var(--k-line);background:var(--ui-raised)}.btn-primary:hover{filter:brightness(1.08)}}
body.lite .hy-card,body.lite .hy-head,body.lite .hy-tile,body.lite .directory-group,body.lite .sendbtn{box-shadow:none}body.lite .hy-head:after{display:none}