:root{
  --ink:#10221d;
  --ink-soft:#60716a;
  --forest:#102d25;
  --forest-2:#173e32;
  --lime:#c7ed75;
  --lime-2:#a9d958;
  --paper:#f1f4ee;
  --surface:#ffffff;
  --line:#dde6dc;
  --line-dark:rgba(255,255,255,.13);
  --gold:#e7b85e;
  --blue:#88b9d1;
  --shadow:0 18px 50px rgba(24,48,37,.08);
  --radius:22px;
}

*{box-sizing:border-box}
html{height:100%;background:var(--paper)}
body{height:100%;margin:0;background:var(--paper);color:var(--ink);font:14px/1.8 Tahoma,Arial,sans-serif;overflow:hidden}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button,.button{border:0;cursor:pointer}
button:disabled{opacity:.55;cursor:wait}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--lime-2);outline-offset:3px}

.app-shell{height:100vh;display:grid;grid-template-columns:minmax(0,1fr) 276px;direction:ltr;overflow:hidden}
.sidebar{grid-column:2;grid-row:1;height:100vh;display:flex;flex-direction:column;justify-content:space-between;padding:30px 22px 22px;background:var(--forest);color:#edf5e8;direction:rtl;position:relative;overflow:hidden}
.sidebar:before{content:"";position:absolute;width:260px;height:260px;left:-150px;bottom:40px;border:1px solid rgba(199,237,117,.12);border-radius:50%;box-shadow:0 0 0 34px rgba(199,237,117,.035),0 0 0 68px rgba(199,237,117,.025)}
.sidebar>*{position:relative;z-index:1}
.brand-lockup{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}
.brand{font:bold 54px/1 Arial,sans-serif;letter-spacing:-5px;color:#f3f7ec}
.brand span{font:14px Arial,sans-serif;letter-spacing:0;vertical-align:top;margin-right:3px;color:var(--lime)}
.brand-badge{color:var(--lime);font:9px/1.1 Arial,sans-serif;letter-spacing:1.4px;white-space:nowrap;padding-bottom:6px}
.sidebar-intro{max-width:205px;margin:22px 0 0;color:rgba(237,245,232,.6);font-size:12px;line-height:1.9}
.main-nav{display:grid;gap:5px;margin-top:38px}
.nav-item{min-height:49px;display:flex;align-items:center;gap:11px;padding:7px 10px;border:1px solid transparent;border-radius:13px;color:rgba(237,245,232,.66);transition:.2s ease}
.nav-item:hover{color:#fff;background:rgba(255,255,255,.06)}
.nav-item.active{color:var(--ink);background:var(--lime);box-shadow:0 7px 24px rgba(199,237,117,.12)}
.nav-item-featured{color:#f1f7e7}
.nav-icon{width:26px;height:26px;display:grid;place-items:center;border:1px solid rgba(237,245,232,.26);border-radius:9px;font:16px/1 Arial,sans-serif;flex:0 0 auto}
.nav-item.active .nav-icon{border-color:rgba(16,45,37,.24);background:rgba(16,45,37,.08)}
.nav-icon-kaya{font:bold 13px Arial,sans-serif}
.nav-item>span:nth-child(2){font-size:13px;flex:1}
.nav-item b{font:10px Arial,sans-serif;opacity:.48;direction:ltr}
.sidebar-bottom{display:grid;gap:19px}
.server-status{display:flex;gap:10px;align-items:center;padding:13px 12px;border:1px solid var(--line-dark);border-radius:15px;background:rgba(255,255,255,.045)}
.status-dot,.secure-dot,.pulse-dot,.live-badge i,.ai-status-badge i{display:block;width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(199,237,117,.11)}
.server-status strong,.server-status small{display:block}
.server-status strong{font-size:12px;color:#f5f8ee}
.server-status small{margin-top:2px;color:rgba(237,245,232,.55);font-size:10px;direction:rtl;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}
.sidebar-meta{display:flex;justify-content:space-between;color:rgba(237,245,232,.35);font:9px Arial,sans-serif;letter-spacing:1.2px;direction:ltr}

.main-content{grid-column:1;grid-row:1;min-width:0;height:100vh;display:flex;flex-direction:column;direction:rtl;overflow:hidden;background:radial-gradient(circle at 96% 0%,rgba(199,237,117,.12),transparent 28%),var(--paper)}
.topbar{height:90px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:20px clamp(26px,4vw,60px) 14px;border-bottom:1px solid var(--line);flex:0 0 auto}
.topbar-heading h1{margin:3px 0 0;font-size:21px;font-weight:700;letter-spacing:-.5px}
.eyebrow{margin:0;color:#82918a;font:10px/1.3 Arial,sans-serif;letter-spacing:1.65px;text-transform:uppercase}
.accent{color:#6d9238}
.topbar-actions{display:flex;align-items:center;gap:14px;direction:ltr}
.topbar-time{color:#86938c;font:11px Arial,sans-serif;direction:ltr}
.secure-pill{display:flex;align-items:center;gap:8px;color:#64736c;font-size:11px;white-space:nowrap}
.secure-dot{width:6px;height:6px;box-shadow:none;background:#76ad4b}
.refresh-button{display:flex;align-items:center;gap:7px;padding:9px 13px;color:var(--ink-soft);background:transparent;border:1px solid var(--line);border-radius:12px;font-size:11px;transition:.2s}
.refresh-button:hover{border-color:#a7bd9b;background:#fff}
.refresh-button span:first-child{font:20px/1 Arial,sans-serif}
.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--forest);color:var(--lime);font:bold 12px Arial,sans-serif}
.global-message{min-height:0;margin:0;padding:0 clamp(26px,4vw,60px);color:#5c7958;font-size:11px;transition:.2s}
.global-message:not(:empty){padding-top:8px}
.global-message.error{color:#ad4c48}
.views{min-height:0;flex:1;overflow:hidden}
.view{display:none;height:100%;overflow-y:auto;overflow-x:hidden;padding:25px clamp(26px,4vw,60px) 30px;scrollbar-width:thin;scrollbar-color:#c9d6c7 transparent}
.view.active{display:block;animation:rise .3s ease both}
@keyframes rise{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.view::-webkit-scrollbar{width:7px}.view::-webkit-scrollbar-thumb{background:#c9d6c7;border-radius:9px}
.app-footer{display:flex;justify-content:space-between;gap:12px;padding:8px clamp(26px,4vw,60px) 16px;color:#8a9891;font:9px Arial,sans-serif;letter-spacing:1px;direction:ltr;flex:0 0 auto}

.page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:10px 0 23px}
.page-intro h2{margin:7px 0 8px;font-size:clamp(32px,4vw,55px);line-height:1.28;letter-spacing:-2.5px}
.page-intro h2 em{font-style:normal;color:#7ca348}
.page-intro>div:first-child>p:last-child{max-width:440px;margin:0;color:var(--ink-soft);font-size:13px}
.intro-date{display:flex;align-items:center;gap:8px;color:#85918b;font-size:11px;white-space:nowrap;padding-bottom:8px}
.date-dot{width:8px;height:8px;border-radius:50%;background:var(--lime-2)}
.welcome-card{min-height:236px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(210px,.9fr);align-items:center;gap:20px;padding:29px 35px;overflow:hidden;border-radius:25px;background:linear-gradient(112deg,#173e31,#0c211b);color:#f2f7eb;position:relative;box-shadow:var(--shadow)}
.welcome-card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 38%,rgba(199,237,117,.09));pointer-events:none}
.welcome-copy{position:relative;z-index:1}
.kicker-pill{display:inline-flex;padding:5px 10px;border:1px solid rgba(199,237,117,.25);border-radius:999px;color:var(--lime);font:9px Arial,sans-serif;letter-spacing:1.15px}
.welcome-copy h3{margin:16px 0 9px;font-size:28px;line-height:1.45;letter-spacing:-1.2px;font-weight:400}
.welcome-copy h3 strong{color:var(--lime);font-weight:700}
.welcome-copy>p{max-width:510px;margin:0;color:rgba(242,247,235,.64);font-size:12px;line-height:2}
.welcome-actions{display:flex;align-items:center;gap:20px;margin-top:20px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:9px 17px;border-radius:13px;font-size:12px;transition:.2s ease;white-space:nowrap}
.button span{font:17px Arial,sans-serif;line-height:1}
.button-primary{background:var(--lime);color:var(--ink);box-shadow:0 8px 18px rgba(199,237,117,.13)}
.button-primary:hover{background:#d4f48a;transform:translateY(-1px)}
.button-soft{background:#e9f0e5;color:#426046}
.button-soft:hover{background:#dde9d7}
.button-dark{background:var(--forest);color:#f4f8ed}
.button-dark:hover{background:#24513f}
.button-outline{width:100%;background:transparent;color:#dbead8;border:1px solid rgba(219,234,216,.25)}
.button-outline:hover{background:rgba(255,255,255,.08)}
.text-link{color:#6c8d45;font-size:12px;border-bottom:1px solid rgba(108,141,69,.3);padding-bottom:2px}
.welcome-card .text-link{color:rgba(242,247,235,.72);border-color:rgba(242,247,235,.24)}
.welcome-art{height:190px;position:relative;display:grid;place-items:center;z-index:1}
.art-ring{position:absolute;border:1px solid rgba(199,237,117,.36);border-radius:50%;transform:rotate(-27deg)}
.ring-one{width:165px;height:165px;border-left-color:transparent;border-bottom-color:rgba(199,237,117,.1)}
.ring-two{width:118px;height:190px;border-top-color:transparent;border-right-color:rgba(199,237,117,.16);transform:rotate(35deg)}
.art-core{width:82px;height:82px;display:grid;place-items:center;border:1px solid rgba(199,237,117,.6);border-radius:50%;color:var(--lime);font:32px Arial,sans-serif;box-shadow:0 0 0 11px rgba(199,237,117,.06),0 0 45px rgba(199,237,117,.13)}
.art-label{position:absolute;right:4px;bottom:15px;color:rgba(242,247,235,.35);font:9px/1.45 Arial,sans-serif;letter-spacing:1.6px}

.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:15px}
.metric-card{min-width:0;display:flex;align-items:center;gap:13px;padding:16px 17px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.7)}
.metric-card.metric-primary{border-color:#cfe3a4;background:#f8fbe9}
.metric-icon{width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;background:#e9f0e5;color:#567c4d;font:21px Arial,sans-serif}
.metric-icon.icon-green{background:#e0f0d0;color:#6d9b42}.metric-icon.icon-gold{background:#f9ecd4;color:#b4873e}.metric-icon.icon-muted{background:#e9eef0;color:#71828a}
.metric-card span,.metric-card strong,.metric-card small{display:block}
.metric-card span{color:#77857e;font-size:10px}.metric-card strong{margin-top:1px;font:25px/1.2 Arial,sans-serif}.metric-card small{margin-top:3px;color:#99a49e;font-size:9px}
.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:15px}
.surface-card{border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:0 8px 30px rgba(32,62,44,.035)}
.quick-card,.health-card{min-height:228px;padding:21px}
.card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}
.card-heading h3{margin:5px 0 0;font-size:17px;letter-spacing:-.4px}
.heading-mark{color:#91b15c;font:24px Arial,sans-serif}
.shortcut-list{display:grid;margin-top:17px;border-top:1px solid #edf1eb}
.shortcut-list>a{display:flex;align-items:center;gap:11px;padding:12px 2px;border-bottom:1px solid #edf1eb;transition:.2s}
.shortcut-list>a:hover{padding-right:7px;background:#fbfcf9}
.shortcut-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:#f0f4ed;color:#6c8f4c;font:16px Arial,sans-serif}
.shortcut-icon.kaya-mark{background:var(--forest);color:var(--lime);font:bold 12px Arial,sans-serif}
.shortcut-list>a>span:nth-child(2){display:grid;flex:1}.shortcut-list strong{font-size:12px}.shortcut-list small{color:#8a9891;font-size:10px}.shortcut-list b{color:#9aaa9f;font:15px Arial,sans-serif}
.live-badge{display:inline-flex;align-items:center;gap:8px;color:#689342;font:9px Arial,sans-serif;letter-spacing:1px}.live-badge i{width:6px;height:6px;box-shadow:none}.live-badge.large{padding:7px 10px;border:1px solid #d5e7c0;border-radius:99px;background:#f7fbe9}
.health-list{display:grid;gap:13px;margin-top:19px}.health-list>div{display:flex;align-items:center;justify-content:space-between;gap:14px}.health-name{display:flex;align-items:center;gap:8px;color:#697770;font-size:11px}.health-indicator{width:7px;height:7px;border-radius:50%;background:#8bc162;box-shadow:0 0 0 4px #edf6e8}.health-indicator.health-kaya{background:#d3a755;box-shadow:0 0 0 4px #fbf3e3}.health-list strong{max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#4f6554;font-size:10px;font-weight:400}.card-footer-link{display:flex;justify-content:space-between;margin-top:17px;padding-top:11px;border-top:1px solid #edf1eb;color:#6d8d48;font-size:10px}.card-footer-link span{font:15px Arial}

.view-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:7px 0 22px}.view-header h2{margin:4px 0 4px;font-size:34px;letter-spacing:-1.4px}.view-header>div:first-child>p:last-child{margin:0;color:var(--ink-soft);font-size:12px}.view-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.view-actions .button{min-height:38px;font-size:11px}.view-actions .button-primary span{font-size:10px}

.kaya-view-header{padding-bottom:17px}.kaya-view-header h2{font-size:37px}.kaya-view-header .button-primary span{color:#5b8234;font-size:9px}
.kaya-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.kaya-stat{min-width:0;min-height:103px;padding:15px 17px;border:1px solid var(--line);border-radius:17px;background:#fff}
.kaya-stat-connection{border-color:#d4e8b7;background:#fbfdec}
.stat-top{display:flex;align-items:center;justify-content:space-between;color:#90a098;font:9px Arial,sans-serif;letter-spacing:1px}.stat-top i{color:#93b35b;font:19px Arial,sans-serif;font-style:normal}
.kaya-stat strong{display:block;margin-top:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:19px Arial,sans-serif}.kaya-stat small{display:block;margin-top:3px;color:#9aa8a1;font-size:9px}
.kaya-status-line{display:flex;align-items:center;gap:10px;min-height:31px;margin:8px 0 13px;padding:0 3px}.kaya-status-line .pulse-dot{width:6px;height:6px;box-shadow:none;background:#91bd58}.kaya-status-line p{margin:0;color:#5d745e;font-size:11px;flex:1}.status-note{color:#a3aea7;font-size:10px}
.kaya-status-line p.error{color:#ad4c48}
.kaya-workbench{display:grid;grid-template-columns:minmax(340px,.88fr) minmax(0,1.12fr);gap:14px;align-items:stretch}
.workbench-card{min-width:0;border:1px solid var(--line);border-radius:20px;background:#fff;overflow:hidden}
.browser-card{padding:17px;background:linear-gradient(180deg,#fdfefd,#f6faf4)}
.projects-card{padding:17px}
.workbench-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:13px}.workbench-heading h3{margin:4px 0 2px;font-size:16px}.workbench-heading p{margin:0;color:#84928b;font-size:10px}.server-tag,.count-tag,.queue-badge{padding:5px 8px;border-radius:99px;background:var(--forest);color:var(--lime);font:9px Arial,sans-serif;letter-spacing:1px;white-space:nowrap}.count-tag{background:#eff6e5;color:#6d913c}.queue-badge{background:#f7eedc;color:#a27a38;font-size:8px}
.browser-tools{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:12px}.browser-tools form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:end;margin:0}.browser-tools form label:first-child{grid-column:1/-1}.browser-tools form#kaya-action{grid-template-columns:1fr 1fr}.browser-tools form#kaya-action>label:first-child,.browser-tools form#kaya-action>button{grid-column:1/-1}.browser-tools label{display:grid;gap:4px;color:#75847b;font-size:10px}.browser-tools input,.browser-tools select{height:37px;padding:6px 9px;font-size:11px}.browser-tools .button{min-height:37px;padding:7px 11px;border-radius:10px;font-size:10px}
.browser-frame{padding:8px;border:1px solid #dbe7d7;border-radius:15px;background:#122a22;box-shadow:0 12px 25px rgba(16,45,37,.1)}.browser-frame-top{height:19px;display:flex;align-items:center;gap:4px;padding:0 4px;color:rgba(231,245,225,.38);direction:ltr}.browser-frame-top>span{width:5px;height:5px;border-radius:50%;background:#d47b69}.browser-frame-top>span:nth-child(2){background:#d8ba69}.browser-frame-top>span:nth-child(3){background:#7cbb6e}.browser-frame-top small{margin-left:7px;font:8px Arial,sans-serif;letter-spacing:.5px}.kaya-browser{min-height:238px;display:flex;flex-direction:column;justify-content:center;align-items:stretch;padding:9px;border-radius:9px;background:#1a3d30;color:#dcebd5}.kaya-browser img{display:block;width:100%;max-height:calc(100vh - 500px);object-fit:contain;border-radius:6px;background:#0c1c16}.kaya-browser img[hidden]{display:none}.browser-empty{display:grid;place-items:center;align-content:center;gap:4px;min-height:182px;text-align:center}.browser-empty-icon{width:44px;height:44px;display:grid;place-items:center;margin-bottom:5px;border:1px solid rgba(199,237,117,.45);border-radius:14px;color:var(--lime);font:bold 17px Arial,sans-serif}.browser-empty strong{font-size:12px}.browser-empty p{margin:0;color:rgba(220,235,213,.58);font-size:10px}.kaya-screenshot:not([hidden])~.browser-empty{display:none}.kaya-browser>.button{margin-top:9px;min-height:34px;font-size:10px}
.kaya-project-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:calc(100vh - 360px);overflow:auto;padding-left:3px;scrollbar-width:thin;scrollbar-color:#c9d6c7 transparent}.kaya-project-list>p{grid-column:1/-1;margin:30px 0;color:#8a9991;font-size:11px;text-align:center}.kaya-project{min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:9px;min-height:184px;padding:14px;border:1px solid #e3eae1;border-radius:15px;background:#fbfcfa}.kaya-project.is-new{border-color:#bbda7c;background:#fbfdec;box-shadow:0 0 0 2px #f0f7dc}.kaya-project h3{margin:0;font-size:13px;line-height:1.6}.kaya-project h3 a{color:#214d38}.kaya-project h3 a:hover{color:#719b44}.kaya-project small{display:block;margin-top:4px;color:#819087;font-size:9px}.kaya-project p{max-height:5.2em;margin:6px 0 0;overflow:auto;color:#687970;font-size:10px;line-height:1.75;white-space:pre-wrap}.kaya-project-actions{display:flex;gap:5px;flex-wrap:wrap;margin-top:auto;padding-top:7px}.kaya-project-actions button{flex:1 1 90px;min-height:30px;padding:5px 8px;border-radius:9px;background:#dff0bd;color:#436333;font-size:9px}.kaya-project-actions button.muted{background:#edf2eb;color:#687a6d}.kaya-proposal{max-height:125px;margin:7px 0 0;padding:9px;overflow:auto;border-radius:9px;background:#eff4ea;color:#516557;direction:ltr;text-align:left;white-space:pre-wrap;font:9px/1.7 ui-monospace,monospace}

.content-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 13px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#fafcf9}.toolbar-title,.toolbar-caption{display:block}.toolbar-title{font-size:12px}.toolbar-caption{color:#98a49e;font-size:10px}.toolbar-count{color:#92a097;font:9px Arial,sans-serif;letter-spacing:1px}.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;max-height:calc(100vh - 245px);overflow:auto;padding:1px 3px 8px}.projects-grid>p{grid-column:1/-1;color:#8a9991;text-align:center}.project{min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:15px;min-height:170px;padding:18px;border:1px solid var(--line);border-radius:18px;background:#fff}.project h3{margin:0;font-size:16px}.project small{color:#7d8c84;font-size:10px}.project p{min-height:35px;margin:7px 0 0;color:#708077;font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere}.project>label{display:grid;grid-template-columns:1fr auto;align-items:center;gap:9px;color:#84928b;font-size:10px}.project select{min-width:122px;height:35px;padding:5px 8px;font-size:10px}.project button{min-height:35px;padding:6px 10px;border-radius:10px;background:#edf3e9;color:#52704f;font-size:10px}

.form-layout,.file-layout,.agent-layout{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(250px,.82fr);gap:15px;align-items:stretch}.form-card,.task-form-card,.file-form-card,.agent-form-card{padding:23px}.form-card-heading{display:flex;align-items:center;gap:12px;margin-bottom:20px}.number-badge{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--forest);color:var(--lime);font:12px Arial,sans-serif}.form-card-heading h3{margin:0;font-size:17px}.form-card-heading p{margin:2px 0 0;color:#8b9992;font-size:10px}
form{display:grid;grid-template-columns:1fr 1fr;gap:14px}form label{display:grid;gap:6px;color:#687970;font-size:11px}input,select,textarea{width:100%;padding:10px 11px;border:1px solid #dbe5da;border-radius:11px;background:#fbfdfb;color:var(--ink);font-size:12px;outline:none;transition:.2s}input:hover,select:hover,textarea:hover{border-color:#b6cda9}input:focus,select:focus,textarea:focus{border-color:#8fb762;box-shadow:0 0 0 3px rgba(143,183,98,.12)}textarea{resize:vertical;line-height:1.8}.wide{grid-column:1/-1}form>.button{justify-self:start;margin-top:3px}
.process-card,.file-note{padding:25px;border-radius:20px;background:linear-gradient(145deg,#e5f1cf,#f3f7ed);color:#45644a}.process-card h3,.file-note h3{margin:8px 0 6px;font-size:23px;line-height:1.45;letter-spacing:-.8px}.process-card p,.file-note p{color:#6f8271;font-size:11px}.process-list{display:grid;gap:17px;margin-top:24px}.process-list>div{display:flex;gap:11px;align-items:flex-start}.process-list i{width:26px;height:26px;display:grid;place-items:center;border:1px solid #b8d491;border-radius:9px;color:#789c4e;font:9px Arial,sans-serif;font-style:normal}.process-list span{display:grid}.process-list strong{font-size:11px}.process-list small{color:#7f9281;font-size:9px}.file-note{background:var(--forest);color:#eff6e7}.file-note .eyebrow{color:var(--lime)}.file-note h3 strong{color:var(--lime)}.file-note p{color:rgba(239,246,231,.62)}.file-rules{display:grid;gap:9px;margin-top:25px;color:rgba(239,246,231,.75);font-size:10px}.form-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.form-actions .button{margin:0}.safe-badge,.ai-status-badge{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:99px;background:#e8f3da;color:#6e9446;font:9px Arial,sans-serif;letter-spacing:.6px}.safe-badge i{font-style:normal}.ai-status-badge{background:#f7eedb;color:#a17b3d}.ai-status-badge i{width:6px;height:6px;box-shadow:none;background:#c79a4c}

.task-layout{display:grid;grid-template-columns:minmax(270px,.88fr) minmax(0,1.12fr);gap:15px;align-items:start}.task-form-card form{grid-template-columns:1fr 1fr}.task-list-card{min-width:0;min-height:310px;padding:21px}.task{display:flex;justify-content:space-between;align-items:flex-start;gap:13px;padding:13px 0;border-bottom:1px solid #edf1eb}.task:last-child{border-bottom:0}.task h3{margin:0;font-size:12px}.task small{color:#8a9991;font-size:9px}.task-status{margin:5px 0 0;font-size:10px}.task-status.awaiting_approval{color:#a6782f}.task-status.running,.task-status.queued{color:#477aa1}.task-status.succeeded{color:#5d914d}.task-status.failed{color:#b04d48}.task-status.cancelled{color:#8b9290}.task-actions{display:flex;gap:5px;flex-wrap:wrap}.task-actions button{min-height:29px;padding:5px 9px;border-radius:9px;background:#dff0bd;color:#486a3d;font-size:9px}.task-actions button.muted{background:#edf2eb;color:#6d7d72}.task-error{max-width:360px;margin:5px 0 0;color:#b04d48;font-size:10px}.task-output{max-height:120px;margin:8px 0 0;padding:8px;overflow:auto;border-radius:8px;background:#f1f5ed;color:#5a6f5d;direction:ltr;text-align:left;white-space:pre-wrap;font:9px/1.7 ui-monospace,monospace}.activity-panel{margin-top:15px;padding:21px}.activity-panel>.card-heading{align-items:center}.activity-panel .button{min-height:32px;padding:6px 11px;font-size:10px}.activity-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px;max-height:185px;overflow:auto}.activity-item{padding:11px;border:1px solid #edf1eb;border-radius:12px;background:#fbfcfa}.activity-item h4{margin:5px 0 1px;font-size:10px}.activity-item p{margin:0;color:#7b8982;font-size:9px;line-height:1.7}.activity-meta{display:flex;justify-content:space-between;gap:8px;color:#91a097;font-size:9px}.activity-meta strong{color:#71934c;font-size:9px}.activity-meta time{direction:ltr}#task-result{display:block;white-space:pre-wrap;overflow:auto;max-height:160px;margin-top:12px}

.agent-layout{grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr)}.agent-hero{display:flex;align-items:center;gap:20px;min-height:330px;padding:27px;border-radius:22px;background:linear-gradient(145deg,#173e31,#102a22);color:#eef7e8;overflow:hidden;position:relative}.agent-hero:after{content:"";position:absolute;width:270px;height:270px;left:-100px;bottom:-145px;border:1px solid rgba(199,237,117,.24);border-radius:50%;box-shadow:0 0 0 28px rgba(199,237,117,.04),0 0 0 56px rgba(199,237,117,.03)}.agent-hero>div:last-child{position:relative;z-index:1}.agent-hero h3{margin:9px 0;font-size:24px;line-height:1.5;letter-spacing:-1px;font-weight:400}.agent-hero h3 strong{color:var(--lime)}.agent-hero p{max-width:310px;margin:0;color:rgba(238,247,232,.6);font-size:11px}.agent-orb{width:78px;height:78px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(199,237,117,.62);border-radius:50%;color:var(--lime);font:30px Arial,sans-serif;box-shadow:0 0 0 13px rgba(199,237,117,.06),0 0 0 30px rgba(199,237,117,.03)}.agent-form-card{min-height:330px}.agent-form-card form{grid-template-columns:1fr}.agent-form-card textarea{min-height:150px}.agent-form-card .button{justify-self:stretch}#agent-result,#file-result{display:block;max-height:195px;margin:15px 0 0;padding:12px;overflow:auto;border-radius:12px;background:#f1f5ed;color:#5e715f;direction:ltr;text-align:left;white-space:pre-wrap;font:10px/1.75 ui-monospace,monospace}

.file-layout{grid-template-columns:minmax(0,1.25fr) minmax(220px,.75fr)}.file-form-card form{grid-template-columns:1fr}.file-form-card textarea{min-height:280px}.file-note{min-height:340px}

.connection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.connection-card{min-height:215px;padding:20px;border:1px solid var(--line);border-radius:20px;background:#fff;position:relative;overflow:hidden}.connection-card:after{content:"";position:absolute;left:-25px;bottom:-75px;width:190px;height:190px;border:1px solid rgba(130,170,93,.12);border-radius:50%}.connection-agent{background:#f5f9ef}.connection-orchestrator{background:#f4f8f9}.connection-kaya{background:#fdf8ec}.connection-card-top{display:flex;justify-content:space-between;align-items:center}.connection-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:#e3f0d4;color:#6e9948;font:18px Arial,sans-serif}.connection-orchestrator .connection-icon{background:#dfedf2;color:#53849b}.connection-kaya .connection-icon{background:#f8e9c8;color:#ac7c35;font:bold 13px Arial,sans-serif}.connection-state{color:#7b9a5b;font:9px Arial,sans-serif;letter-spacing:1px}.connection-orchestrator .connection-state{color:#6792a1}.connection-kaya .connection-state{color:#af8549}.connection-card h3{margin:18px 0 2px;font-size:16px}.connection-card>p{min-height:30px;margin:0;color:#718178;font-size:11px}.connection-line{display:flex;justify-content:space-between;gap:12px;margin-top:17px;padding-top:10px;border-top:1px solid rgba(120,145,124,.16);color:#91a097;font-size:9px}.connection-line strong{color:#5f7463;font-size:9px;font-weight:400;direction:ltr}.security-note{display:flex;align-items:center;gap:14px;margin-top:15px;padding:18px 21px}.security-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;background:#eff5e7;color:#78a14b;font:22px Arial,sans-serif}.security-note h3{margin:3px 0 1px;font-size:14px}.security-note p{margin:0;color:#829087;font-size:10px}.security-note .text-link{margin-right:auto;white-space:nowrap}

@media(max-width:1120px){
  .app-shell{grid-template-columns:minmax(0,1fr) 235px}.sidebar{padding-left:16px;padding-right:16px}.nav-item>span:nth-child(2){font-size:12px}.view,.topbar,.app-footer{padding-left:31px;padding-right:31px}.welcome-card{padding:25px}.kaya-workbench{grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr)}
}
@media(max-width:900px){
  body{overflow:auto}.app-shell{height:auto;min-height:100vh;display:block;overflow:visible}.sidebar{height:auto;min-height:0;position:sticky;top:0;z-index:10;padding:15px 18px}.sidebar:before,.sidebar-intro,.sidebar-bottom{display:none}.brand-lockup{justify-content:flex-start}.brand{font-size:39px}.brand-badge{margin-right:12px;padding-bottom:4px}.main-nav{display:flex;gap:4px;margin-top:13px;overflow:auto;padding-bottom:2px}.nav-item{min-height:38px;flex:0 0 auto;padding:5px 8px}.nav-item b{display:none}.nav-icon{width:22px;height:22px;font-size:13px}.nav-item>span:nth-child(2){font-size:10px}.main-content{height:auto;min-height:calc(100vh - 76px);overflow:visible}.topbar{height:75px}.views{overflow:visible}.view{height:auto;min-height:calc(100vh - 150px);overflow:visible}.app-footer{padding-bottom:20px}.kaya-workbench,.task-layout,.agent-layout,.form-layout,.file-layout{grid-template-columns:1fr}.kaya-project-list{max-height:none}.projects-grid{max-height:none}.agent-hero{min-height:220px}.file-note,.process-card{min-height:0}.connection-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .topbar{padding:13px 17px}.topbar-actions{gap:7px}.topbar-time,.secure-pill{display:none}.refresh-button{padding:7px 9px}.refresh-button span:last-child{display:none}.avatar{width:30px;height:30px}.global-message{padding-left:17px;padding-right:17px}.view{padding:19px 17px 22px}.app-footer{padding-left:17px;padding-right:17px}.page-intro{display:block}.page-intro h2{font-size:37px}.intro-date{margin-top:14px}.welcome-card{grid-template-columns:1fr;min-height:0;padding:23px}.welcome-art{display:none}.welcome-copy h3{font-size:24px}.metric-grid{grid-template-columns:1fr 1fr;gap:8px}.metric-card{padding:12px}.metric-icon{width:30px;height:30px;font-size:16px}.metric-card strong{font-size:20px}.overview-grid{grid-template-columns:1fr}.view-header{display:block}.view-header h2,.kaya-view-header h2{font-size:30px}.view-actions{margin-top:14px}.view-actions .button{flex:1}.kaya-status-grid{grid-template-columns:1fr 1fr}.browser-tools{grid-template-columns:1fr}.kaya-project-list,.projects-grid{grid-template-columns:1fr}.activity-list{grid-template-columns:1fr}.connection-grid{grid-template-columns:1fr}.security-note{align-items:flex-start;flex-wrap:wrap}.security-note .text-link{margin-right:0}.task-form-card form{grid-template-columns:1fr}.wide{grid-column:auto}form{grid-template-columns:1fr}.form-card,.task-form-card,.file-form-card,.agent-form-card{padding:18px}.topbar-heading h1{font-size:18px}
}
/* Eight 0.3 — macOS-inspired workspace */
[hidden]{display:none!important}
html{background:#e8ece8}
body{background:radial-gradient(circle at 12% 0%,#f9fbf7 0,#eef2ec 35%,#e7ebe6 100%);color:#17211e}
body.auth-pending{overflow:hidden}

.login-screen{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 20% 10%,rgba(197,244,103,.28),transparent 28%),radial-gradient(circle at 85% 90%,rgba(24,76,60,.18),transparent 30%),linear-gradient(145deg,#e9eee8,#f7f8f5 52%,#dde5dd)}
.login-window{position:relative;width:min(1080px,94vw);min-height:min(670px,88vh);overflow:hidden;border:1px solid rgba(18,48,39,.15);border-radius:26px;background:rgba(255,255,255,.85);box-shadow:0 42px 110px rgba(17,47,37,.20),0 2px 8px rgba(17,47,37,.08);backdrop-filter:blur(24px)}
.login-window-bar{height:52px;display:flex;align-items:center;gap:9px;padding:0 20px;direction:ltr;border-bottom:1px solid rgba(18,48,39,.09);background:rgba(246,248,245,.88)}
.login-window-bar small{position:absolute;left:50%;transform:translateX(-50%);font:600 12px/1 system-ui;color:#7b8580;letter-spacing:.03em}
.traffic{width:12px;height:12px;border-radius:50%;display:inline-block;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.traffic.red{background:#ff5f57}.traffic.yellow{background:#febc2e}.traffic.green{background:#28c840}
.login-layout{display:grid;grid-template-columns:1.05fr .95fr;min-height:618px;direction:ltr}
.login-layout>*{direction:rtl}
.login-brand-panel{position:relative;overflow:hidden;padding:64px 62px;color:#f7fff6;background:linear-gradient(145deg,#071f19 0%,#0d352a 58%,#164c3c 100%)}
.login-brand-panel:before,.login-brand-panel:after{content:"";position:absolute;border:1px solid rgba(194,242,100,.16);border-radius:50%}
.login-brand-panel:before{width:520px;height:520px;left:-240px;bottom:-260px}.login-brand-panel:after{width:260px;height:260px;left:-85px;bottom:-115px;background:rgba(194,242,100,.035)}
.login-brand{font:800 74px/.85 Arial,sans-serif;letter-spacing:-.08em;direction:ltr;text-align:right}.login-brand span{font-size:13px;vertical-align:top;color:#c7f169;margin-left:5px}
.login-kicker{margin:56px 0 14px!important;font:700 11px/1.4 system-ui!important;letter-spacing:.22em;color:#c7f169!important}
.login-brand-panel h1{margin:0;font:700 clamp(38px,4vw,58px)/1.25 system-ui;letter-spacing:-.055em}.login-brand-panel h1 em{font-style:normal;color:#c7f169}
.login-brand-panel>p:not(.login-kicker){max-width:470px;margin:24px 0 0;color:rgba(239,250,244,.68);font:400 15px/2 system-ui}
.login-feature-list{position:absolute;right:62px;bottom:58px;display:flex;gap:18px;flex-wrap:wrap;font:600 11px/1 system-ui;color:rgba(239,250,244,.72)}
.login-feature-list span::first-letter{color:#c7f169}
.login-form-panel{display:flex;flex-direction:column;justify-content:center;padding:68px 70px;background:rgba(250,251,249,.94)}
.login-form-heading{display:flex;align-items:center;gap:16px}.login-form-heading p{margin:0 0 4px;color:#7b8580;font-size:13px}.login-form-heading h2{margin:0;font:750 32px/1.25 system-ui;letter-spacing:-.04em}
.login-app-icon,.kaya-app-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:17px;background:#0b2b22;color:#c7f169;font:800 25px/1 Arial;box-shadow:0 12px 26px rgba(10,48,37,.18)}
.login-copy{margin:24px 0 30px;color:#6f7a75;font-size:14px}
.login-form{display:grid;grid-template-columns:1fr;gap:17px}.login-form label{display:grid;gap:8px;color:#4b5752;font-size:12px;font-weight:700}.login-form input{height:56px;border:1px solid #d5ddd7;border-radius:14px;padding:0 17px;background:#fff;color:#14221d;font:500 16px/1 system-ui;outline:none;transition:.18s}.login-form input:focus{border-color:#80a63c;box-shadow:0 0 0 4px rgba(177,221,88,.2)}
.login-submit{height:58px;margin-top:8px;border:0;border-radius:15px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:#0b2b22;color:#fff;font:700 14px/1 system-ui;cursor:pointer;box-shadow:0 16px 30px rgba(11,43,34,.18);transition:.18s}.login-submit:hover{transform:translateY(-1px);background:#123a2e}.login-submit b{font-size:20px;color:#c7f169}.login-submit:disabled{opacity:.65;cursor:wait}
.login-error{min-height:23px;margin:14px 0 0;color:#b5362f;font-size:12px}.login-security{margin-top:18px;display:flex;gap:9px;align-items:center;color:#89938f;font-size:11px}.secure-dot{width:7px;height:7px;border-radius:50%;background:#7fc43a;box-shadow:0 0 0 4px rgba(127,196,58,.12)}

.app-shell{min-height:100vh;background:#edf1ec;grid-template-columns:minmax(0,1fr) 224px;transition:grid-template-columns .24s ease}
.sidebar{width:auto;padding:24px 16px;background:linear-gradient(180deg,#09271f,#0b3227);border-left:1px solid rgba(255,255,255,.08);box-shadow:-12px 0 35px rgba(8,32,25,.10);transition:padding .24s ease,opacity .18s ease}
.brand{font-size:48px}.brand-badge{font-size:8px}.sidebar-intro{margin:18px 4px 24px;font-size:12px;line-height:1.9;color:rgba(236,248,241,.56)}
.main-nav{gap:5px}.nav-item{min-height:46px;padding:0 10px;border-radius:12px;font-size:12px}.nav-item b{font-size:8px}.nav-icon{width:30px;height:30px;border-radius:9px}.nav-item.active{background:#c7f169;color:#153126;box-shadow:0 8px 24px rgba(199,241,105,.16)}
.server-status{padding:13px;border-radius:13px}.sidebar-meta{padding:12px 4px 0;font-size:8px}
.main-content{min-width:0;max-width:none;background:linear-gradient(180deg,rgba(250,251,249,.88),rgba(238,242,236,.9))}
.topbar{height:78px;padding:0 28px;background:rgba(250,251,249,.82);border-bottom:1px solid rgba(13,48,37,.09);backdrop-filter:blur(20px);position:sticky;top:0;z-index:30}
.topbar-heading h1{font-size:19px}.topbar-heading .eyebrow{font-size:8px}.topbar-actions{gap:10px}.topbar-time,.secure-pill{font-size:10px}.refresh-button,.logout-button,.panel-toggle-button{height:36px;padding:0 13px;border:1px solid #d9e0db;border-radius:10px;background:#fff;color:#33443e;font:650 11px/1 system-ui;cursor:pointer}.panel-toggle-button{display:flex;align-items:center;gap:6px}.panel-toggle-button span:first-child{font-size:15px}.logout-button{color:#7b4e4a}.avatar{width:34px;height:34px;font-size:12px}
.app-shell.sidebar-collapsed{grid-template-columns:minmax(0,1fr) 72px}.sidebar-collapsed .sidebar{padding:18px 8px}.sidebar-collapsed .brand{font-size:0}.sidebar-collapsed .brand:after{content:"8";font:800 28px/1 Arial}.sidebar-collapsed .brand-badge,.sidebar-collapsed .sidebar-intro,.sidebar-collapsed .sidebar-bottom,.sidebar-collapsed .sidebar-meta,.sidebar-collapsed .nav-item b,.sidebar-collapsed .nav-item>span:nth-child(2){display:none}.sidebar-collapsed .brand-lockup,.sidebar-collapsed .nav-item{justify-content:center}.sidebar-collapsed .nav-item{padding:0}.sidebar-collapsed .main-nav{margin-top:26px}
.views{padding:0}.view{padding:22px 26px 18px}.app-footer{padding:8px 28px 16px}
.surface-card,.metric-card,.connection-card,.workbench-card{border-color:rgba(23,58,47,.11);box-shadow:0 8px 28px rgba(20,58,46,.055)}
.button{border-radius:11px;min-height:38px;font-size:11px}

.kaya-view.active{height:100%;min-height:620px;overflow:hidden}
.kaya-desktop{height:100%;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(360px,.72fr);gap:14px;direction:ltr;transition:grid-template-columns .24s ease}
.kaya-desktop.control-collapsed{grid-template-columns:minmax(0,1fr) 58px}
.kaya-desktop>*{direction:rtl;min-width:0}
.mac-window,.kaya-control-pane{border:1px solid rgba(18,51,41,.13);border-radius:18px;background:#fff;box-shadow:0 16px 42px rgba(15,49,38,.09);overflow:hidden}
.kaya-browser-pane{display:grid;grid-template-rows:52px minmax(0,1fr) 42px;background:#10261f}
.mac-titlebar{display:grid;grid-template-columns:90px minmax(240px,1fr) 155px;align-items:center;gap:12px;padding:0 14px;direction:ltr;background:#f5f6f4;border-bottom:1px solid #dfe4df}
.mac-traffic{display:flex;gap:7px}.mac-traffic .traffic{width:11px;height:11px}
.browser-address{height:34px;display:grid;grid-template-columns:24px minmax(0,1fr) 48px;align-items:center;border:1px solid #d8ded9;border-radius:9px;background:#fff;overflow:hidden;color:#8b948f}.browser-address span{text-align:center}.browser-address input{height:100%;min-width:0;border:0;background:transparent;padding:0 6px;direction:ltr;text-align:left;color:#46534e;font:500 11px/1 system-ui;outline:0}.browser-address button{height:100%;border:0;border-right:1px solid #e2e6e3;background:#f8faf8;color:#53615b;font:650 10px/1 system-ui;cursor:pointer}
.browser-title{display:flex;justify-content:flex-end;align-items:center;gap:7px;color:#6e7a75;font:600 10px/1 system-ui}.browser-title i{width:7px;height:7px;border-radius:50%;background:#51b965}.browser-title button{width:29px;height:29px;margin-left:3px;border:1px solid #d9dfda;border-radius:8px;background:#fff;color:#385147;font:700 14px/1 system-ui;cursor:pointer}.browser-title button:hover{border-color:#a9c673;background:#f5fae9}
.browser-canvas{position:relative;display:grid;place-items:center;min-height:0;overflow:hidden;background:radial-gradient(circle at 50% 30%,#173f32,#0a211a 72%);outline:0;user-select:none}
.browser-canvas img{width:100%;height:100%;object-fit:contain;background:#111;display:block;cursor:crosshair;user-select:none;-webkit-user-drag:none}
.browser-canvas:focus-visible{box-shadow:inset 0 0 0 3px rgba(199,241,105,.78)}
.browser-canvas:focus-visible:after{content:"کیبورد متصل";position:absolute;top:12px;left:12px;padding:7px 10px;border-radius:8px;background:rgba(7,31,24,.88);color:#d9ff8a;font:700 9px/1 system-ui;pointer-events:none}
.browser-click-marker{position:absolute;z-index:3;width:24px;height:24px;border:2px solid #c7f169;border-radius:50%;opacity:0;transform:translate(-50%,-50%) scale(.55);pointer-events:none;box-shadow:0 0 0 5px rgba(199,241,105,.22);transition:opacity .16s,transform .16s}
.browser-click-marker.show{opacity:1;transform:translate(-50%,-50%) scale(1)}
.browser-empty{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;color:#eaf4ee}.browser-empty-icon{width:70px;height:70px;border-radius:20px;display:grid;place-items:center;margin-bottom:18px;background:#c7f169;color:#143228;font:800 28px/1 Arial;box-shadow:0 18px 45px rgba(0,0,0,.22)}.browser-empty strong{font-size:17px}.browser-empty p{margin:8px 0 20px;color:rgba(234,244,238,.58);font-size:12px}.browser-empty .button{padding:0 22px}
.browser-statusbar{display:flex;align-items:center;justify-content:space-between;padding:0 15px;direction:rtl;background:#f4f6f3;border-top:1px solid #dfe4df;color:#68756f;font-size:10px}.browser-statusbar span,.browser-statusbar>div{display:flex;align-items:center;gap:8px}.browser-statusbar b{font-weight:650;color:#52645c}.browser-statusbar b.busy{color:#789a3c}.browser-statusbar b.error{color:#ad3f39}.browser-statusbar button{height:28px;border:0;border-radius:7px;padding:0 8px;background:transparent;color:#3f5c51;font:650 9px/1 system-ui;cursor:pointer}.browser-statusbar button:hover{background:#e8eee9}
.kaya-control-pane{display:flex;flex-direction:column;min-height:0;padding:20px;background:#f8faf7}
.kaya-control-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding-bottom:16px}.kaya-control-header h2{margin:4px 0 4px;font:780 27px/1.15 system-ui;letter-spacing:-.045em}.kaya-control-header>div>p:last-child{margin:0;color:#718078;font-size:11px}.kaya-control-header .kaya-app-icon{width:46px;height:46px;border-radius:13px;font-size:18px}.kaya-panel-rail-toggle{flex:0 0 auto;width:30px;height:30px;border:1px solid #d9e1db;border-radius:9px;background:#fff;color:#365046;font:800 14px/1 system-ui;cursor:pointer}.kaya-panel-rail-toggle:hover{background:#eff7df;border-color:#bfd985}
.control-collapsed .kaya-control-pane{padding:8px}.control-collapsed .kaya-control-pane>*:not(.kaya-control-header){display:none}.control-collapsed .kaya-control-header{height:100%;padding:0;align-items:flex-start;justify-content:center}.control-collapsed .kaya-control-header>div,.control-collapsed .kaya-control-header .kaya-app-icon{display:none}.control-collapsed .kaya-panel-rail-toggle{margin-top:7px;transform:rotate(180deg)}
.app-shell.kaya-focus-mode{grid-template-columns:minmax(0,1fr) 0}.kaya-focus-mode .sidebar{opacity:0;pointer-events:none;padding:0;overflow:hidden}.kaya-focus-mode .topbar,.kaya-focus-mode .global-message,.kaya-focus-mode .app-footer{display:none}.kaya-focus-mode .main-content{height:100vh}.kaya-focus-mode .views{height:100vh}.kaya-focus-mode .kaya-view.active{height:100vh;padding:10px}.kaya-focus-mode .kaya-desktop{grid-template-columns:minmax(0,1fr);gap:0}.kaya-focus-mode .kaya-control-pane{display:none}.kaya-focus-mode .kaya-browser-pane{border-radius:14px}.kaya-focus-mode #kaya-focus-toggle{background:#173d31;color:#d8ff86;border-color:#173d31}
.kaya-primary-actions{display:grid;grid-template-columns:1.25fr 1fr;gap:8px;margin-bottom:10px}.kaya-primary-actions .button{width:100%}
.kaya-status-line{min-height:42px;margin:0 0 10px;padding:10px 12px;border:1px solid #dce4dd;border-radius:11px;background:#fff;display:flex;align-items:flex-start;gap:9px}.kaya-status-line p{margin:0;color:#52635c;font-size:10px;line-height:1.7}.pulse-dot{margin-top:5px;flex:0 0 auto}
.kaya-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0 0 10px}.kaya-stat{min-width:0;min-height:0;padding:10px 9px;border:1px solid #dfe5df;border-radius:11px;background:#fff}.kaya-stat span{display:block;color:#87928d;font-size:8px}.kaya-stat strong{display:block;margin:4px 0;color:#1c3028;font:750 16px/1.3 system-ui;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kaya-stat small{display:block;color:#9aa39f;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kaya-stat-connection{grid-column:span 2;background:#f1f8df;border-color:#cfe49f}.kaya-stat-connection strong{font-size:11px;white-space:normal}
.kaya-login-form{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 10px;padding:11px;border:1px solid #cfe49f;border-radius:12px;background:linear-gradient(135deg,#fbfdec,#fff)}.kaya-login-form>div{grid-column:1/-1;display:flex;align-items:baseline;justify-content:space-between;gap:8px}.kaya-login-form>div strong{color:#254d3d;font-size:11px}.kaya-login-form label{display:grid;gap:4px;color:#69766f;font-size:9px}.kaya-login-form input{height:34px;border:1px solid #dbe2dd;border-radius:8px;background:#fff;padding:0 8px;font-size:10px}.kaya-login-form .button{height:34px;align-self:end;font-size:10px}.kaya-login-form p{grid-column:1/-1;margin:0;color:#738279;font-size:9px;line-height:1.6}.kaya-login-form p.error{color:#ad4c48}
.browser-control-drawer{margin-bottom:10px;border:1px solid #dce3de;border-radius:11px;background:#fff;overflow:hidden}.browser-control-drawer summary{height:40px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;color:#44564f;font-size:10px;list-style:none}.browser-control-drawer summary::-webkit-details-marker{display:none}.browser-control-drawer[open] summary{border-bottom:1px solid #e4e8e5}.browser-action-form{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px}.browser-action-form label{display:grid;gap:4px;color:#69766f;font-size:9px}.browser-action-form input,.browser-action-form select{height:34px;border:1px solid #dbe2dd;border-radius:8px;background:#f9faf9;padding:0 8px;font-size:10px}.browser-action-form .button{align-self:end}
.kaya-projects-panel{min-height:0;flex:1;display:flex;flex-direction:column;border:1px solid #dce3de;border-radius:13px;background:#fff;overflow:hidden}.kaya-section-heading{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;border-bottom:1px solid #e4e8e5}.kaya-section-heading h3{margin:2px 0 0;font-size:14px}.kaya-project-list{min-height:0;max-height:none;overflow:auto;padding:8px;display:grid;grid-template-columns:1fr;gap:7px;align-content:start}.kaya-project{min-height:0;display:block;padding:11px!important;border:1px solid #e0e6e1!important;border-radius:11px!important;background:#fbfcfb!important;box-shadow:none!important}.kaya-project.is-new{border-color:#c6df8d!important;background:#f8fce9!important}.kaya-project h3{margin:0 0 5px;font-size:11px;line-height:1.5}.kaya-project small{font-size:8px;line-height:1.6}.kaya-project p{margin:6px 0 0;font-size:9px;line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.kaya-project-actions{margin-top:8px;gap:5px}.kaya-project-actions button{min-height:28px;padding:0 9px;border-radius:7px;font-size:8px}.kaya-proposal{font-size:8px;max-height:90px;overflow:auto}

@media(max-width:1150px){.app-shell{grid-template-columns:minmax(0,1fr) 190px}.sidebar{padding-inline:12px}.kaya-desktop{grid-template-columns:minmax(0,1fr) 350px}.views{padding-inline:18px}.topbar{padding-inline:20px}}
@media(max-width:900px){body.auth-pending{overflow:auto}.login-screen{position:fixed;padding:14px}.login-window{min-height:0}.login-layout{grid-template-columns:1fr}.login-brand-panel{display:none}.login-form-panel{padding:48px 30px;min-height:540px}.app-shell{display:block}.sidebar{display:none}.topbar{height:auto;min-height:72px}.topbar-heading{display:none}.topbar-time,.secure-pill{display:none}.views{padding:0}.view{padding:12px}.kaya-view.active{height:auto;min-height:0;overflow:visible}.kaya-desktop{height:auto;grid-template-columns:1fr}.kaya-browser-pane{min-height:560px}.kaya-control-pane{min-height:700px}.mac-titlebar{grid-template-columns:65px minmax(180px,1fr)}.browser-title{display:none}}


/* Kaya project stream: readable controls, stable rendering, no layout flicker */
.kaya-project-filters,.kaya-ai-test-card{margin-top:14px;padding:14px;border:1px solid rgba(13,50,42,.12);border-radius:18px;background:rgba(255,255,255,.72)}
.kaya-project-filter-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:8px;margin-top:10px}
.kaya-project-filter-grid input,.kaya-project-filter-grid select{width:100%;min-height:38px;border:1px solid rgba(13,50,42,.16);border-radius:10px;background:#fff;padding:0 10px;color:#12352d;font:inherit}
.kaya-filter-range{display:flex;align-items:center;gap:8px;grid-column:1/-1;color:#426158;font-size:.78rem}
.kaya-filter-range input{accent-color:#b8ee4f;min-height:auto}
.kaya-filter-range output{min-width:34px;text-align:center;font-weight:800;color:#12352d}
.kaya-project-filter-summary{margin:9px 0 0;color:#5e756d;font-size:.78rem}
.kaya-ai-test-card p{margin:8px 0;color:#5e756d;font-size:.78rem}
.kaya-ai-test-card .button{min-height:36px}
.kaya-ai-test-card pre{max-height:140px;overflow:auto;white-space:pre-wrap;margin:10px 0 0;padding:10px;border-radius:10px;background:#0b2e26;color:#d8f8c5;font-size:.72rem;direction:ltr;text-align:left}
.kaya-project-list{max-height:calc(100vh - 470px);min-height:180px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.kaya-project{content-visibility:auto;contain:content}
.kaya-project-budget{display:inline-block;margin-top:7px;padding:4px 8px;border-radius:7px;background:#eef8d9;color:#315c2b;font-size:.72rem;font-weight:800}
@media (max-width:1100px){.kaya-project-filter-grid{grid-template-columns:1fr 1fr}.kaya-project-list{max-height:none}}
@media (max-width:720px){.kaya-project-filter-grid{grid-template-columns:1fr}.kaya-filter-range{grid-column:auto}}

.kaya-control-pane{overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable}.kaya-projects-panel{flex:0 0 360px;min-height:280px}.kaya-project-list{max-height:none!important}


/* Mac-like Kaya control room refinement */
.kaya-desktop{grid-template-columns:minmax(0,1fr) minmax(450px,.78fr);gap:16px}
.kaya-control-pane{padding:16px;overflow-y:auto;overflow-x:hidden;background:#f5f7f3}
.kaya-control-header{padding:4px 4px 12px}
.kaya-control-header h2{font-size:25px}
.kaya-primary-actions{margin-bottom:8px}
.kaya-status-line{margin-bottom:8px}
.kaya-status-grid{margin-bottom:8px}
.kaya-ai-test-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;margin:8px 0;padding:11px 12px;border-radius:14px;background:#fff;border-color:#dce6dc}
.kaya-ai-test-card .kaya-section-heading{grid-column:1/-1;padding:0;border:0}
.kaya-ai-test-card .kaya-section-heading h3{font-size:12px}
.kaya-ai-test-card p{margin:0;font-size:9px;line-height:1.7}
.kaya-ai-test-card .button{min-height:32px;padding:6px 12px;font-size:9px;white-space:nowrap}
.kaya-ai-test-card pre{grid-column:1/-1;max-height:90px;margin:0;font-size:9px}
.kaya-project-filters{margin:8px 0;padding:11px 12px;border-radius:14px;background:#fff;border-color:#dce6dc}
.kaya-project-filters .kaya-section-heading{padding:0;border:0}
.kaya-project-filters .kaya-section-heading h3{font-size:12px}
.kaya-project-filter-grid{grid-template-columns:1.4fr 1fr 1fr;gap:6px;margin-top:8px}
.kaya-project-filter-grid input,.kaya-project-filter-grid select{min-height:32px;padding:0 8px;font-size:9px}
.kaya-filter-range{font-size:9px}
.kaya-project-filter-summary{margin-top:7px;font-size:9px}
.kaya-projects-panel{flex:1 1 auto;min-height:360px;border-radius:14px;background:#fff}
.kaya-projects-panel .kaya-section-heading{padding:11px 12px}
.kaya-projects-panel .kaya-section-heading h3{font-size:13px}
.kaya-project-list{min-height:320px;padding:10px;gap:9px;grid-template-columns:1fr;align-content:start}
.kaya-project{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;min-height:112px!important;padding:13px!important;border:1px solid #dce6dc!important;border-radius:13px!important;background:#fff!important;box-shadow:0 2px 8px rgba(22,55,40,.04)!important;content-visibility:visible!important;contain:none!important}
.kaya-project.is-new{border-color:#b9d976!important;background:#fbfef3!important;box-shadow:0 0 0 2px #edf7d8!important}
.kaya-project>div:first-child{min-width:0}
.kaya-project h3{margin:0 0 5px;font-size:12px;line-height:1.55;text-align:right}
.kaya-project h3 a{display:block;white-space:normal;overflow-wrap:anywhere}
.kaya-project small{margin-top:3px;font-size:8.5px;line-height:1.7;white-space:normal}
.kaya-project p{display:block;max-height:3.4em;margin:6px 0 0;font-size:9.5px;line-height:1.7;color:#63746b;white-space:normal}
.kaya-project-budget{margin-top:7px;font-size:8.5px}
.kaya-project-actions{grid-column:1/-1;display:flex;gap:6px;margin-top:2px;padding-top:7px;border-top:1px solid #edf1ed}
.kaya-project-actions button{flex:0 0 auto;min-height:28px;padding:0 10px;font-size:8.5px}
@media(max-width:1150px){.kaya-desktop{grid-template-columns:minmax(0,1fr) 400px}}
@media(max-width:900px){.kaya-desktop{grid-template-columns:1fr}.kaya-control-pane{padding:14px}.kaya-projects-panel{min-height:420px}}


/* Mac-style Kaya tabs and project briefs */
.kaya-tabs{display:flex;gap:5px;margin:10px 0 8px;padding:4px;border:1px solid #d9e3da;border-radius:13px;background:#e9eee9;direction:rtl}
.kaya-tab{flex:1;min-height:34px;border:0;border-radius:9px;background:transparent;color:#64756b;font:700 10px system-ui;cursor:pointer;transition:background .16s,color .16s,box-shadow .16s}
.kaya-tab b{display:inline-grid;place-items:center;min-width:18px;height:17px;margin-right:3px;padding:0 4px;border-radius:6px;background:#dfe7df;color:#58705f;font-size:8px}
.kaya-tab:hover{color:#183c2e;background:#f6faf4}
.kaya-tab.is-active{background:#fff;color:#153d2e;box-shadow:0 2px 8px rgba(25,59,43,.12)}
.kaya-tab.is-active b{background:#d8ef9b;color:#365c2c}
.kaya-tab-panels{min-height:0;display:flex;flex-direction:column;flex:1}
.kaya-tab-panel{display:none;min-height:0;flex:1;animation:kayaTabIn .16s ease-out}
.kaya-tab-panel.is-active{display:flex;flex-direction:column}
@keyframes kayaTabIn{from{opacity:.65;transform:translateY(2px)}to{opacity:1;transform:none}}
.kaya-tab-panel>.kaya-projects-panel{flex:1 1 auto}
.kaya-tab-panel>.kaya-project-filters{margin-top:0}
.kaya-tab-panel>.kaya-ai-test-card{margin-top:0}
.kaya-project-brief-label{display:block;margin-bottom:4px;color:#91a099;font:800 8px/1 system-ui;letter-spacing:.14em;text-transform:uppercase}
.kaya-project-view{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border-radius:7px;background:#d9f18d;color:#31562c;font-size:8.5px;text-decoration:none;font-weight:800}
.kaya-project-view:hover{background:#c6e975}
.kaya-saved-panel{min-height:360px}
.kaya-saved-panel .kaya-project-list{min-height:300px}
/* Lightweight numbered project pages */
.kaya-tabs{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}
.kaya-tab{flex:0 0 auto;min-width:104px;white-space:nowrap}
.kaya-project-number{display:inline-grid;place-items:center;min-width:22px;height:22px;margin-left:7px;padding:0 6px;border-radius:7px;background:#173d2e;color:#c8ef69;font:800 10px/1 system-ui;letter-spacing:0}
.kaya-project-pager{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 4px 3px}
.kaya-project-pager span{min-width:135px;color:#65766c;font-size:10px;text-align:center}
.kaya-project-pager button{min-height:31px;padding:5px 12px;border:1px solid #d8e2d8;border-radius:9px;background:#fff;color:#315541;font-size:9px;font-weight:800;cursor:pointer}
.kaya-project-pager button:hover:not(:disabled){background:#e8f5c8;border-color:#bedb7e}
.kaya-project-pager button:disabled{opacity:.42;cursor:not-allowed}
@media(max-width:600px){.kaya-tab{min-width:94px}.kaya-project-pager{gap:6px}.kaya-project-pager span{min-width:112px}}

@media(max-width:600px){.kaya-tabs{gap:3px}.kaya-tab{font-size:8px;padding:0 3px}.kaya-tab b{display:none}}

/* Keep the top of the control room focused on actions and tabs */
.kaya-control-pane>.kaya-status-line,.kaya-control-pane>.kaya-status-grid{display:none!important}
.kaya-control-pane>.kaya-tabs{margin-top:8px}


/* AI connection settings */
.kaya-ai-settings-card{display:block!important;overflow:auto}.kaya-ai-settings-form{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.kaya-ai-settings-form label{display:grid;gap:5px;color:#60716a;font-size:9px}.kaya-ai-settings-form label.wide,.kaya-ai-form-actions{grid-column:1/-1}.kaya-ai-settings-form input,.kaya-ai-settings-form select{height:34px;border:1px solid #dbe4dc;border-radius:9px;background:#fff;padding:0 9px;color:#183b2e;font:500 10px system-ui}.kaya-ai-clear-key{display:flex!important;grid-template-columns:auto 1fr;align-items:center;display:flex!important;gap:6px!important}.kaya-ai-clear-key input{height:auto}.kaya-ai-form-actions{display:flex;align-items:center;gap:8px}.kaya-ai-form-actions .button{min-height:32px}.kaya-ai-form-actions span,.kaya-ai-live-test span{color:#60716a;font-size:9px}.kaya-ai-live-test{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid #e5ebe5}.kaya-ai-live-test>div{display:grid;gap:3px}.kaya-ai-live-test strong{font-size:10px;color:#173d2e}.kaya-ai-live-test .button{min-height:32px;font-size:9px;white-space:nowrap}@media(max-width:560px){.kaya-ai-settings-form{grid-template-columns:1fr}.kaya-ai-settings-form label.wide,.kaya-ai-form-actions{grid-column:auto}.kaya-ai-live-test{align-items:stretch;flex-direction:column}}


/* KayaWatcher Pro — focused two-pane control room */
.kaya-view.active{background:linear-gradient(180deg,#f4f7f3 0%,#eef3ee 100%)}
.kaya-desktop{grid-template-columns:minmax(0,1fr) minmax(430px,.72fr);gap:18px}
.kaya-control-pane{padding:20px;background:rgba(250,252,249,.96);border-color:#d7e1d8;border-radius:22px}
.kaya-control-header{padding:2px 2px 16px;border-bottom:1px solid #e3eae3}
.kaya-control-header h2{font-size:28px}
.kaya-primary-actions{margin:14px 0 12px;gap:10px}
.kaya-primary-actions .button{min-height:42px;border-radius:12px;font-size:11px}
.kaya-tabs{margin:0 0 14px;padding:5px;gap:5px;border-radius:15px;background:#e6ece6}
.kaya-tab{min-height:40px;border-radius:11px;font-size:10px}
.kaya-tab-panels{overflow:hidden}
.kaya-login-form{display:grid;grid-template-columns:1fr;gap:12px;margin:0 0 14px;padding:18px;border:1px solid #cfe09d;border-radius:18px;background:linear-gradient(145deg,#fbfef2,#fff);box-shadow:0 10px 24px rgba(48,82,43,.07)}
.kaya-login-form>div{margin-bottom:2px}
.kaya-login-form>div strong{font-size:14px}
.kaya-login-form>div:after{content:'ورود امن به حساب Kaya';color:#87958b;font-size:9px}
.kaya-login-form label{gap:6px;color:#52665a;font-size:10px;font-weight:700}
.kaya-login-form input{height:44px;border:1px solid #d4dfd6;border-radius:11px;padding:0 12px;font-size:13px;direction:ltr;text-align:left;transition:border-color .16s,box-shadow .16s}
.kaya-login-form input:focus{border-color:#8ebc46;box-shadow:0 0 0 4px rgba(174,224,87,.2);outline:0}
.kaya-login-form .button{height:44px;width:100%;border-radius:11px;font-size:11px}
.kaya-login-form p{padding-top:3px;color:#829087;font-size:9px;line-height:1.8}
.kaya-login-form p.error{color:#b13f39;background:#fff1ef;border:1px solid #f2c5c0;border-radius:8px;padding:8px}
.browser-control-drawer{border-radius:15px}
.browser-control-drawer summary{height:44px;font-size:11px}
.kaya-projects-panel{border-radius:16px}
.kaya-project-list{padding:11px;gap:10px}
.kaya-project{padding:14px!important;border-radius:14px!important}
.kaya-project h3{font-size:12px}
.kaya-project p{font-size:10px;line-height:1.8}
.kaya-project-actions button,.kaya-project-view{min-height:32px;font-size:9px}
.kaya-browser-pane{border-radius:22px}
.browser-canvas{background:radial-gradient(circle at 50% 30%,#1b4939,#081c16 78%)}
.browser-empty-icon{width:78px;height:78px;border-radius:24px}
.browser-empty strong{font-size:18px}
.browser-empty p{font-size:12px}
.browser-statusbar{height:46px;padding-inline:18px;font-size:10px}
@media(max-width:1150px){.kaya-desktop{grid-template-columns:minmax(0,1fr) 405px}}
@media(max-width:900px){.kaya-desktop{grid-template-columns:1fr}.kaya-control-pane{padding:16px}}

/* Deploy compatibility: DOM-based Kaya login adapter is live. */


/* Sona Telegram approval center */
.kaya-telegram-card{background:linear-gradient(145deg,#fffef8,#f4f8ed);border:1px solid #dbe6d1;border-radius:22px;padding:20px;box-shadow:0 12px 30px rgba(14,48,39,.06)}
.kaya-telegram-intro{margin:0 0 18px;color:#52635b;line-height:1.9;font-size:.9rem}
.kaya-telegram-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:12px}
.kaya-telegram-grid label{display:grid;gap:7px;color:#1c3930;font-size:.8rem}
.kaya-telegram-grid label.wide{grid-column:1/-1}
.kaya-telegram-grid input{width:100%;box-sizing:border-box;border:1px solid #d5e2d2;border-radius:12px;background:#fff;padding:11px 12px;color:#17342b;font:inherit;direction:ltr}
.kaya-telegram-enabled{display:flex!important;align-items:center;grid-column:1/-1!important;display:flex;gap:8px!important}
.kaya-telegram-enabled input{width:auto}
.kaya-telegram-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.kaya-telegram-status{display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:center;margin-top:16px;padding:13px 15px;border-radius:14px;background:#edf5e7;color:#173b30}
.kaya-telegram-status-dot{width:9px;height:9px;border-radius:50%;background:#b5df58;box-shadow:0 0 0 4px rgba(181,223,88,.2);grid-row:span 2}
.kaya-telegram-status strong{font-size:.9rem}
.kaya-telegram-status small{color:#64766d;margin-top:3px}
.kaya-telegram-help{display:grid;gap:6px;margin-top:14px;padding:14px;border:1px dashed #cbdcc4;border-radius:14px;color:#53685e;font-size:.8rem;line-height:1.7}
.kaya-telegram-help strong{color:#173b30}
#kaya-telegram-result{white-space:pre-wrap;max-height:140px;overflow:auto;margin:12px 0 0;padding:11px;border-radius:12px;background:#102e27;color:#d7f38a;font:12px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;direction:rtl}
@media(max-width:850px){.kaya-telegram-grid{grid-template-columns:1fr}.kaya-telegram-grid label.wide{grid-column:auto}.kaya-telegram-actions{grid-column:auto}}


/* Kaya control room: stable vertical scrolling and clean stacked content */
.kaya-view.active{height:100%;min-height:0;overflow:hidden}
.kaya-desktop{height:100%;min-height:0;align-items:stretch}
.kaya-control-pane{min-height:0;height:100%;box-sizing:border-box;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b9cbb6 transparent}
.kaya-control-pane::-webkit-scrollbar{width:8px}
.kaya-control-pane::-webkit-scrollbar-track{background:transparent}
.kaya-control-pane::-webkit-scrollbar-thumb{background:#bfd0bb;border:2px solid #f5f7f3;border-radius:10px}
.kaya-control-pane::-webkit-scrollbar-thumb:hover{background:#9eb899}
.kaya-tab-panels{display:block;flex:0 0 auto;min-height:0;overflow:visible!important}
.kaya-tab-panel{display:none!important;flex:none!important;min-height:0}
.kaya-tab-panel.is-active{display:block!important}
.kaya-tab-panel>.kaya-projects-panel{min-height:320px;max-height:none}
.kaya-project-list{max-height:420px!important;overflow-y:auto!important}
.kaya-telegram-card{padding:16px;border-radius:17px}
.kaya-telegram-intro{margin:0 0 13px;font-size:11px;line-height:1.8}
.kaya-telegram-grid{gap:9px}
.kaya-telegram-grid label{font-size:10px}
.kaya-telegram-grid input{height:36px;padding:0 10px;font-size:11px}
.kaya-telegram-actions{gap:6px}
.kaya-telegram-actions .button{min-height:34px;padding:0 11px;font-size:9px}
.kaya-telegram-status{margin-top:12px;padding:11px 12px}
.kaya-telegram-help{margin-top:10px;padding:11px;font-size:9px;line-height:1.65}
#kaya-telegram-result{max-height:110px;margin-top:9px;font-size:10px}
.kaya-login-form{margin-top:12px}
.browser-control-drawer{margin-top:0}
@media(max-width:900px){
 .kaya-view.active{height:auto;min-height:0;overflow:visible}
 .kaya-desktop{height:auto}
 .kaya-control-pane{height:auto;max-height:none;overflow:visible!important}
 .kaya-project-list{max-height:420px!important}
}


/* Kaya clarity pass: eligible-only stream, readable facts, and focus layout */
.kaya-project-list{gap:14px!important;padding:4px 2px 18px!important}
.kaya-project{min-height:210px!important;padding:18px!important;border-radius:18px!important;background:#fff!important;box-shadow:0 8px 22px rgba(20,58,46,.07)!important}
.kaya-project h3{margin:4px 0 8px!important;font-size:16px!important;line-height:1.55!important}
.kaya-project h3 a{color:var(--ink)!important;text-decoration:none!important}
.kaya-project small.kaya-project-meta{display:block!important;font-size:11px!important;line-height:1.8!important;color:#52635c!important}
.kaya-project p{font-size:12px!important;line-height:1.9!important;-webkit-line-clamp:3!important}
.kaya-project-facts{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
.kaya-project-facts span{display:flex;flex-direction:column;gap:2px;padding:9px 10px;border:1px solid #e1eadf;border-radius:11px;background:#f8fbf6;min-width:0}
.kaya-project-facts b{font:700 9px/1.2 system-ui;color:#738078;text-transform:uppercase}
.kaya-project-facts strong{font:800 12px/1.5 Tahoma,Arial,sans-serif;color:#173e32;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kaya-project-actions button{min-height:34px!important;padding:0 13px!important;font-size:11px!important}
.kaya-control-pane{min-width:0!important}
.kaya-browser-pane{min-height:calc(100vh - 190px)!important}
.browser-canvas{min-height:calc(100vh - 300px)!important}
.kaya-desktop{grid-template-columns:minmax(0,1.72fr) minmax(430px,.88fr)!important;gap:18px!important}
.kaya-desktop.control-collapsed{grid-template-columns:minmax(0,1fr) 58px!important}
.kaya-tabs{min-height:52px!important}
.kaya-tab{min-height:42px!important;font-size:12px!important}
.kaya-section-heading h3{font-size:17px!important}
.kaya-project-filter-summary{font-size:11px!important;font-weight:700!important}
@media(max-width:1250px) and (min-width:901px){
  .kaya-desktop{grid-template-columns:minmax(0,1.45fr) minmax(380px,.9fr)!important}
  .kaya-project-facts{grid-template-columns:1fr 1fr}
  .kaya-project-facts span:last-child{grid-column:1/-1}
}
@media(max-width:900px){
  .kaya-browser-pane{min-height:560px!important}
  .browser-canvas{min-height:460px!important}
  .kaya-project-facts{grid-template-columns:1fr 1fr}
  .kaya-project-facts span:last-child{grid-column:1/-1}
}

/* Kaya project inbox compact information cards */
.kaya-control-pane{display:flex!important;flex-direction:column!important;min-height:0!important}
.kaya-tabs{flex:0 0 auto!important}
.kaya-tab-panels{min-height:0!important;overflow:hidden!important;display:flex!important;flex:1 1 auto!important}
.kaya-tab-panel.is-active{min-height:0!important;overflow:auto!important;flex:1 1 auto!important}
.kaya-projects-panel{min-height:0!important;display:flex!important;flex-direction:column!important}
.kaya-project-list{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;overflow:auto!important;max-height:calc(100vh - 470px)!important;padding:2px 3px 14px!important}
.kaya-project-list .kaya-project{display:block!important;min-height:0!important;padding:11px 12px!important;border-radius:14px!important;gap:5px!important}
.kaya-project-list .kaya-project h3{margin:2px 0 4px!important;font-size:13px!important;line-height:1.45!important}
.kaya-project-list .kaya-project small.kaya-project-meta{font-size:9px!important;line-height:1.5!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kaya-project-list .kaya-project p{margin:4px 0 0!important;font-size:10px!important;line-height:1.65!important;-webkit-line-clamp:2!important}
.kaya-project-list .kaya-project-facts{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;margin-top:7px!important}
.kaya-project-list .kaya-project-facts span{padding:6px 7px!important;border-radius:9px!important;gap:1px!important}
.kaya-project-list .kaya-project-facts b{font-size:7px!important}
.kaya-project-list .kaya-project-facts strong{font-size:10px!important;line-height:1.35!important}
.kaya-project-list .kaya-project-actions{gap:5px!important;margin-top:7px!important;padding-top:6px!important}
.kaya-project-list .kaya-project-actions button{min-height:27px!important;padding:0 8px!important;border-radius:7px!important;font-size:9px!important}
.kaya-project-list .kaya-proposal{max-height:54px!important;font-size:8px!important;margin-top:5px!important}
@media(max-height:800px) and (min-width:901px){
  .kaya-project-list{max-height:calc(100vh - 430px)!important}
  .kaya-project-list .kaya-project{padding:9px 10px!important}
  .kaya-project-list .kaya-project p{-webkit-line-clamp:1!important}
}


/* Kaya compact workspace pass */
.kaya-view.active{padding:8px 14px 10px!important;min-height:0!important}
.kaya-desktop{gap:12px!important}
.kaya-control-header{padding:12px 14px!important;min-height:76px!important}
.kaya-control-header h2{font-size:21px!important;margin:2px 0!important}
.kaya-control-header p{font-size:9px!important;line-height:1.45!important;margin:0!important}
.kaya-app-icon{width:42px!important;height:42px!important}
.kaya-primary-actions{margin:7px 10px!important;gap:6px!important}
.kaya-primary-actions .button{min-height:34px!important;font-size:10px!important}
.kaya-status-line{min-height:32px!important;margin:0 10px 7px!important;padding:6px 9px!important}
.kaya-status-line p{font-size:8px!important;line-height:1.45!important}
.kaya-status-grid{gap:5px!important;margin:0 10px 7px!important}
.kaya-stat{min-height:52px!important;padding:7px 6px!important}
.kaya-stat span{font-size:8px!important}
.kaya-stat strong{font-size:14px!important}
.kaya-stat small{font-size:7px!important}
.kaya-tabs{margin:0 10px 7px!important;min-height:42px!important}
.kaya-tab{min-height:34px!important;padding:0 8px!important;font-size:9px!important}
.kaya-tab-panels{padding:0 10px!important}
.kaya-projects-panel{padding:0!important}
.kaya-section-heading{padding:8px 4px!important;margin:0!important}
.kaya-section-heading h3{font-size:14px!important;margin:1px 0!important}
.kaya-section-heading .eyebrow{font-size:8px!important}
.kaya-project-list{max-height:calc(100vh - 365px)!important;gap:6px!important;padding:0 2px 10px!important}
.kaya-project-list .kaya-project{padding:8px 9px!important;border-radius:11px!important}
.kaya-project-list .kaya-project h3{font-size:11px!important;line-height:1.35!important;margin:1px 0 3px!important}
.kaya-project-list .kaya-project small.kaya-project-meta{font-size:8px!important;line-height:1.35!important}
.kaya-project-list .kaya-project p{font-size:8px!important;line-height:1.45!important;-webkit-line-clamp:1!important;margin:3px 0 0!important}
.kaya-project-list .kaya-project-facts{gap:3px!important;margin-top:5px!important}
.kaya-project-list .kaya-project-facts span{padding:4px 5px!important;border-radius:7px!important}
.kaya-project-list .kaya-project-facts b{font-size:6px!important}
.kaya-project-list .kaya-project-facts strong{font-size:8px!important}
.kaya-project-list .kaya-project-actions{gap:3px!important;margin-top:5px!important;padding-top:4px!important}
.kaya-project-list .kaya-project-actions button{min-height:23px!important;padding:0 6px!important;font-size:7px!important}
.kaya-control-pane .browser-control-drawer{margin:0 10px 8px!important}


/* Remove redundant KayaWatcher header and reclaim the project viewport */
.kaya-control-header{display:none!important}
.kaya-control-pane>.kaya-primary-actions{margin-top:10px!important}


/* Readable Mac-style Kaya inbox */
@media(min-width:1251px){
  .kaya-desktop{grid-template-columns:minmax(0,1.48fr) minmax(470px,.92fr)!important;gap:16px!important}
}
.kaya-control-pane{background:#fbfdf9!important}
.kaya-primary-actions .button{font-size:11px!important;font-weight:800!important}
.kaya-tab{font-size:11px!important;font-weight:800!important;color:#52635c!important}
.kaya-tab.is-active{color:#102d25!important}
.kaya-section-heading h3{font-size:16px!important;font-weight:900!important;color:#102d25!important}
.kaya-section-heading .eyebrow{font-size:9px!important;letter-spacing:.12em!important}
.kaya-project-list{max-height:calc(100vh - 330px)!important;gap:8px!important;padding:2px 3px 16px!important}
.kaya-project-list .kaya-project{
  padding:11px 12px!important;
  border:1px solid #d5e3d2!important;
  border-radius:14px!important;
  background:#ffffff!important;
  box-shadow:0 4px 12px rgba(16,45,37,.06)!important;
}
.kaya-project-list .kaya-project:hover{border-color:#9fcd58!important;box-shadow:0 7px 18px rgba(16,45,37,.11)!important}
.kaya-project-list .kaya-project h3{font-size:14px!important;line-height:1.45!important;font-weight:900!important;margin:2px 0 5px!important}
.kaya-project-list .kaya-project small.kaya-project-meta{font-size:10px!important;line-height:1.5!important;color:#53665d!important}
.kaya-project-list .kaya-project p{font-size:10.5px!important;line-height:1.6!important;color:#42564d!important;-webkit-line-clamp:2!important;margin:5px 0 0!important}
.kaya-project-list .kaya-project-facts{gap:5px!important;margin-top:8px!important}
.kaya-project-list .kaya-project-facts span{padding:7px 8px!important;border:1px solid #e0eadd!important;border-radius:9px!important;background:#f7faf5!important}
.kaya-project-list .kaya-project-facts b{font-size:8px!important;letter-spacing:.02em!important;color:#718178!important}
.kaya-project-list .kaya-project-facts strong{font-size:11px!important;line-height:1.4!important;font-weight:900!important;color:#173e32!important}
.kaya-project-list .kaya-project-actions{gap:5px!important;margin-top:8px!important;padding-top:7px!important}
.kaya-project-list .kaya-project-actions button{min-height:29px!important;padding:0 9px!important;border-radius:8px!important;font-size:9.5px!important;font-weight:800!important}
.kaya-project-list .kaya-project-brief-label{font-size:8px!important;font-weight:800!important;color:#73916d!important;letter-spacing:.12em!important}

/* KayaWatcher pipeline report */
.kaya-report-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px;margin:12px 0 22px}
.kaya-report-card{min-width:0;padding:12px;border:1px solid var(--line,#dce5ed);border-radius:12px;background:#fff;display:flex;flex-direction:column;gap:5px}
.kaya-report-card span{font-size:10px;color:var(--muted,#718096);font-weight:800}
.kaya-report-card strong{font-size:22px;line-height:1.2;color:#123d35}
.kaya-report-card small{font-size:9px;color:var(--muted,#718096);line-height:1.5}
.kaya-report-activity{display:flex;flex-direction:column;gap:7px}
.kaya-report-row{display:grid;grid-template-columns:minmax(150px,1.5fr) repeat(4,minmax(90px,1fr));gap:7px;align-items:center;padding:10px;border:1px solid var(--line,#dce5ed);border-radius:10px;background:#fff;font-size:10px}
.kaya-report-row strong{font-size:10.5px;line-height:1.6}
.kaya-report-row span{color:#425466}
.kaya-report-row small{grid-column:1/-1;color:#77869a;line-height:1.6}
.kaya-report-empty{padding:18px;text-align:center;color:#718096}
.kaya-report-activity-heading{margin-top:22px}
@media(max-width:760px){.kaya-report-row{grid-template-columns:1fr 1fr}.kaya-report-row strong,.kaya-report-row small{grid-column:1/-1}}