*{box-sizing:border-box}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#101828;background:#f9fafb;--brand:#465fff;--brand-dark:#3641f5;--brand-soft:#eef2ff;--text:#101828;--muted:#667085;--border:#e4e7ec;--green:#12b76a;--canvas:#f9fafb}html,body{margin:0;min-height:100%}body{min-height:100vh;overflow:hidden;background:var(--canvas)}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,label:focus-within{outline:3px solid rgba(70,95,255,.15);outline-offset:2px}.hidden{display:none!important}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 15px;border-radius:9px;font-size:18px;font-weight:600;text-decoration:none}.button svg{width:17px;height:17px}.button-primary{color:#fff;background:var(--brand);border:1px solid var(--brand)}.button-primary:hover{background:var(--brand-dark)}.button-secondary{color:#344054;background:#fff;border:1px solid #d0d5dd}.button-secondary:hover{background:#f9fafb}.icon-button{width:40px;height:40px;display:grid;place-items:center;padding:0;color:#667085;background:#fff;border:1px solid var(--border);border-radius:10px}.status-dot{width:8px;height:8px;display:inline-block;flex:0 0 auto;background:var(--green);border-radius:50%;box-shadow:0 0 0 3px rgba(18,183,106,.1)}

/* Auth */
.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 0,#fff 0,#f5f7fa 50%,#eaecf0 100%)}.auth-card{width:min(100%,420px);padding:34px;background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 18px 48px rgba(16,24,40,.12)}.auth-brand{margin-bottom:28px}.auth-logo-image{width:238px;height:64px;background:#fff url("/modum-logo.png?v=bulldog-2") center/238px auto no-repeat}.auth-brand p{margin:10px 0 0;color:var(--muted);font-size:18px}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:4px;margin-bottom:24px;background:#f2f4f7;border-radius:10px}.tab{min-height:38px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:18px;font-weight:600}.tab.active{color:var(--text);background:#fff;box-shadow:0 1px 3px rgba(16,24,40,.1)}.field{margin-bottom:17px}.field label{display:block;margin-bottom:7px;color:#344054;font-size:18px;font-weight:500}.field input{width:100%;height:44px;padding:0 13px;color:var(--text);background:#fff;border:1px solid #d0d5dd;border-radius:9px;outline:0}.field input:focus{border-color:#8098f9;box-shadow:0 0 0 4px rgba(70,95,255,.1)}.field input::placeholder{color:#98a2b3}.error{min-height:25px;color:#d92d20;font-size:18px}.auth-submit{width:100%}.auth-footer{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:22px;color:#98a2b3;font-size:16px}
.verification-panel{text-align:center}.verification-icon{width:54px;height:54px;display:grid;place-items:center;margin:0 auto 16px;color:var(--brand);background:var(--brand-soft);border-radius:50%}.verification-icon svg{width:25px;height:25px}.verification-panel h2{margin:0 0 8px;font-size:25px}.verification-panel>p{margin:0 0 24px;color:#667085;font-size:16px;line-height:1.55}.verification-panel>p strong{color:#344054;overflow-wrap:anywhere}.verification-panel form{text-align:left}.verification-code-field input{height:54px;font-size:27px;font-weight:700;letter-spacing:9px;text-align:center}.verification-code-field input::placeholder{color:#d0d5dd}.verification-actions{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:18px;color:#98a2b3}.verification-actions button{padding:3px;color:var(--brand);background:transparent;border:0;font-size:15px;font-weight:600}.verification-actions button:hover{text-decoration:underline}.verification-actions button:disabled{color:#98a2b3;cursor:not-allowed;text-decoration:none}.verification-status{min-height:20px;margin-top:8px;color:#027a48;font-size:15px}
.field-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.field-label-row label{margin-bottom:7px}.text-button{padding:0 0 7px;color:var(--brand);background:transparent;border:0;font-size:15px;font-weight:600}.text-button:hover{text-decoration:underline}.auth-success{min-height:0;color:#027a48;font-size:16px}.auth-success:not(:empty){min-height:25px}.verification-panel .field{text-align:left}

/* Shell */
.app-shell{height:100vh;display:flex;background:var(--canvas)}.app-sidebar{width:260px;flex:0 0 260px;display:flex;flex-direction:column;background:#fff;border-right:1px solid var(--border)}.sidebar-logo{height:74px;display:flex;align-items:center;padding:0 20px;border-bottom:1px solid var(--border)}.sidebar-logo-image{width:155px;height:42px;background:#fff url("/modum-logo.png?v=bulldog-2") center/155px auto no-repeat}.app-nav{padding:24px 16px}.nav-label{display:block;margin:0 10px 10px;color:#98a2b3;font-size:15px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.app-nav-item{width:100%;min-height:46px;display:flex;align-items:center;gap:11px;padding:0 13px;margin-bottom:6px;color:#475467;background:transparent;border:0;border-radius:9px;font-size:18px;font-weight:500;text-align:left}.app-nav-item svg{width:19px;height:19px}.app-nav-item:hover{background:#f5f7ff;color:var(--brand)}.app-nav-item.active{color:var(--brand);background:var(--brand-soft)}.sidebar-security{margin-top:auto;display:flex;align-items:center;gap:10px;padding:18px 20px;border-top:1px solid var(--border)}.sidebar-security div{display:flex;flex-direction:column;gap:3px}.sidebar-security strong{color:#344054;font-size:16px}.sidebar-security span:not(.status-dot){color:#98a2b3;font-size:15px}.mobile-backdrop{display:none}.app-main{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:74px;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 26px;background:#fff;border-bottom:1px solid var(--border)}.mobile-only{display:none}.top-search{width:min(430px,44vw);height:42px;display:flex;align-items:center;gap:10px;padding:0 11px;color:#98a2b3;background:#fff;border:1px solid var(--border);border-radius:9px}.top-search input{min-width:0;flex:1;padding:0;color:var(--text);background:transparent;border:0;outline:0;font-size:18px}.top-search input::placeholder{color:#98a2b3}.top-search kbd{padding:3px 6px;color:#98a2b3;background:#f9fafb;border:1px solid var(--border);border-radius:5px;font-family:inherit;font-size:15px}.topbar-actions{display:flex;align-items:center;gap:14px}.connection-state{min-height:36px;display:flex;align-items:center;gap:8px;padding:0 12px;color:#667085;border:1px solid var(--border);border-radius:20px;font-size:16px}.connection-dot{width:8px;height:8px;background:#f79009;border-radius:50%;box-shadow:0 0 0 3px rgba(247,144,9,.1)}.connection-dot.connected{background:var(--green);box-shadow:0 0 0 3px rgba(18,183,106,.1)}.account-wrap{position:relative}.account-button{min-height:42px;display:flex;align-items:center;gap:9px;padding:3px 4px 3px 3px;color:#344054;background:transparent;border:0;border-radius:9px}.account-button:hover{background:#f9fafb}.account-button>svg{width:16px;height:16px;color:#98a2b3}.account-dropdown{position:absolute;top:calc(100% + 8px);right:0;z-index:40;width:190px;padding:8px;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 32px rgba(16,24,40,.14)}.account-dropdown button{width:100%;min-height:39px;display:flex;align-items:center;gap:9px;padding:0 9px;color:#344054;background:transparent;border:0;border-radius:7px;font-size:18px}.account-dropdown button:hover{background:#f2f4f7}.account-dropdown svg{width:17px;height:17px}

/* Shared page */
.page{min-height:0;flex:1;padding:28px;overflow:auto}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.page-heading h1{margin:0;color:#1d2939;font-size:34px}.page-heading p{margin:6px 0 0;color:#98a2b3;font-size:18px}.breadcrumb{display:flex;align-items:center;gap:9px;color:#98a2b3;font-size:16px}.breadcrumb strong{color:#344054}.breadcrumb b{font-size:21px;font-weight:400}.avatar{position:relative;display:grid;place-items:center;overflow:hidden;flex:0 0 auto;color:#3538cd;background:#e0e7ff;border-radius:50%;font-weight:600}.avatar img{width:100%;height:100%;display:block;object-fit:cover}.avatar-sm{width:36px;height:36px;font-size:16px}.avatar-md{width:44px;height:44px;font-size:21px}.avatar-lg{width:48px;height:48px;font-size:18px}.avatar-xl{width:84px;height:84px;font-size:34px}

/* Chat */
.chat-card{height:min(720px,calc(100vh - 166px));min-height:520px;display:grid;grid-template-columns:320px minmax(0,1fr);background:#fff;border:1px solid var(--border);border-radius:15px;box-shadow:0 1px 3px rgba(16,24,40,.04);overflow:hidden}.people-panel{min-height:0;display:flex;flex-direction:column;padding:22px 18px 16px;border-right:1px solid var(--border)}.people-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.people-title h2{margin:0;font-size:24px}.count{min-width:24px;padding:3px 7px;color:var(--brand);background:var(--brand-soft);border-radius:12px;font-size:15px;font-weight:600;text-align:center}.people-search{height:44px;display:flex;align-items:center;gap:9px;padding:0 12px;margin-bottom:16px;color:#98a2b3;border:1px solid #d0d5dd;border-radius:9px}.people-search:focus-within{border-color:#8098f9;box-shadow:0 0 0 3px rgba(70,95,255,.08)}.people-search svg{width:18px;height:18px}.people-search input{min-width:0;flex:1;border:0;outline:0;color:#344054;font-size:18px}.channel-row{min-height:62px;display:flex;align-items:center;gap:11px;padding:8px 10px;border-radius:10px}.channel-row.active{background:#f5f7ff}.channel-hash{width:42px;height:42px;display:grid;place-items:center;color:var(--brand);background:#e0e7ff;border-radius:50%;font-size:28px}.channel-row>div:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:4px}.channel-row strong{font-size:18px}.channel-row span:not(.status-dot){color:#98a2b3;font-size:15px}.channel-row>.status-dot{margin-left:auto}.panel-divider{height:1px;margin:14px 0;background:#f2f4f7}.people-label{margin:0 9px 8px;color:#98a2b3;font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.online-users{min-height:0;display:grid;align-content:start;gap:2px;overflow-y:auto}.online-user{min-height:58px;display:flex;align-items:center;gap:11px;padding:7px 9px;border-radius:9px}.online-user:hover{background:#f9fafb}.user-avatar-wrap{position:relative}.user-avatar-wrap>.status-dot{position:absolute;right:0;bottom:1px;width:9px;height:9px;border:2px solid #fff;box-shadow:none}.user-info{min-width:0;display:flex;flex-direction:column;gap:4px}.user-name{overflow:hidden;color:#344054;font-size:18px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.user-subtitle{color:#98a2b3;font-size:15px}.you-label{margin-left:auto;padding:2px 6px;color:var(--brand);background:var(--brand-soft);border-radius:8px;font-size:14px;font-weight:700}.conversation{min-width:0;min-height:0;display:flex;flex-direction:column}.conversation-header{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 22px;border-bottom:1px solid var(--border)}.conversation-identity,.conversation-actions,.live-label{display:flex;align-items:center}.conversation-identity{gap:12px}.avatar-stack{position:relative}.avatar-stack>.status-dot{position:absolute;right:0;bottom:0;width:9px;height:9px;border:2px solid #fff;box-shadow:none}.conversation-identity h2{margin:0 0 4px;font-size:20px}.conversation-identity p{margin:0;color:#98a2b3;font-size:15px}.conversation-actions{gap:12px}.live-label{gap:7px;color:#667085;font-size:15px}.live-label .status-dot{width:7px;height:7px}.messages{min-height:0;flex:1;padding:22px 24px;overflow-y:auto}.message{display:grid;grid-template-columns:42px minmax(0,1fr);column-gap:11px;max-width:78%;margin-bottom:18px}.message.own{grid-template-columns:minmax(0,1fr);max-width:72%;margin-left:auto}.message-avatar{grid-row:1 / span 2;width:42px;height:42px}.message-header{display:flex;align-items:center;gap:8px;margin:0 0 5px}.message.own .message-header{justify-content:flex-end}.message-author{color:#344054;font-size:16px;font-weight:600}.message-time{color:#98a2b3;font-size:14px}.message-body{width:fit-content;padding:10px 13px;color:#344054;background:#f2f4f7;border-radius:3px 10px 10px 10px;font-size:18px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.message.own .message-avatar,.message.own .message-author{display:none}.message.own .message-body{justify-self:end;color:#fff;background:var(--brand);border-radius:10px 3px 10px 10px}.message[hidden]{display:none}.search-empty{flex:1;display:grid;place-items:center;color:#98a2b3;font-size:18px}.composer-shell{padding:13px 14px;border-top:1px solid var(--border)}.composer{min-height:50px;display:flex;align-items:center;gap:8px;padding:5px 6px 5px 10px;border:1px solid #d0d5dd;border-radius:10px}.composer:focus-within{border-color:#8098f9;box-shadow:0 0 0 3px rgba(70,95,255,.08)}.composer-icon{width:34px;height:34px;display:grid;place-items:center;padding:0;color:#667085;background:transparent;border:0;border-radius:8px}.composer-icon:hover{color:var(--brand);background:var(--brand-soft)}.composer-icon svg{width:18px;height:18px}.composer input{min-width:0;flex:1;padding:0;color:#344054;background:transparent;border:0;outline:0;font-size:18px}.composer input::placeholder{color:#98a2b3}.char-count{color:#b0b6c2;font-size:14px}.send-button{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;padding:0;color:#fff;background:var(--brand);border:0;border-radius:8px}.send-button:hover{background:var(--brand-dark)}.send-button svg{width:18px;height:18px}

/* Profile */
.profile-card,.settings-card{background:#fff;border:1px solid var(--border);border-radius:15px;box-shadow:0 1px 3px rgba(16,24,40,.04)}.profile-card{padding:24px;margin-bottom:22px}.profile-card>h2,.settings-card h2{margin:0 0 20px;font-size:21px}.profile-hero{display:flex;align-items:center;gap:20px;padding:22px;border:1px solid var(--border);border-radius:13px}.profile-avatar-wrap{position:relative}.avatar-edit{position:absolute;right:-2px;bottom:-2px;width:30px;height:30px;display:grid;place-items:center;color:#fff;background:var(--brand);border:3px solid #fff;border-radius:50%;cursor:pointer}.avatar-edit svg{width:13px;height:13px}.profile-copy{min-width:0;flex:1}.profile-copy h3{margin:0 0 6px;font-size:21px}.profile-copy p{margin:0 0 6px;color:#667085;font-size:16px}.profile-copy span{color:#98a2b3;font-size:16px}.profile-actions{display:flex;gap:8px}.profile-details{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding:24px 22px 4px}.profile-details div{display:flex;flex-direction:column;gap:8px}.profile-details span{color:#98a2b3;font-size:15px}.profile-details strong{overflow:hidden;color:#344054;font-size:18px;text-overflow:ellipsis;white-space:nowrap}.profile-status{min-height:20px;margin:14px 22px 0;color:#027a48;font-size:16px}.profile-status.error{color:#b42318}.settings-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px}.settings-card h2{margin-bottom:6px}.settings-card p{margin:0;color:#98a2b3;font-size:16px}.security-badge{display:flex;align-items:center;gap:8px;padding:7px 10px;color:#027a48;background:#ecfdf3;border-radius:14px;font-size:15px;font-weight:600}

/* Expanded profile */
.profile-bio{max-width:760px;margin:20px 22px 0;color:#667085;font-size:18px;line-height:1.7}.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.profile-section{display:block;min-width:0}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.section-heading h2{margin:0 0 6px}.edit-link{min-width:62px;height:34px;color:#344054;background:#fff;border:1px solid #d0d5dd;border-radius:8px;font-size:16px;font-weight:600}.edit-link:hover{color:var(--brand);border-color:var(--brand)}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 28px;margin:0}.info-grid div{min-width:0}.info-grid .wide{grid-column:1/-1}.info-grid dt,.preference-summary>div>span{margin-bottom:8px;color:#98a2b3;font-size:15px}.info-grid dd{margin:0;overflow:hidden;color:#344054;font-size:18px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.info-grid a{color:var(--brand);text-decoration:none}.preference-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.preference-summary>div{display:flex;flex-direction:column}.preference-summary strong{display:flex;align-items:center;gap:8px;color:#344054;font-size:18px}.color-dot{width:14px;height:14px;background:var(--brand);border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #d0d5dd}.security-section{grid-column:1/-1}.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:rgba(16,24,40,.55);backdrop-filter:blur(3px)}.profile-modal{width:min(100%,720px);max-height:calc(100vh - 40px);display:flex;flex-direction:column;background:#fff;border-radius:16px;box-shadow:0 24px 64px rgba(16,24,40,.24);overflow:hidden}.modal-header,.modal-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px}.modal-header{border-bottom:1px solid var(--border)}.modal-header h2{margin:0 0 5px;font-size:24px}.modal-header p{margin:0;color:#98a2b3;font-size:16px}.modal-close{width:36px;height:36px;display:grid;place-items:center;padding:0;color:#667085;background:#fff;border:1px solid var(--border);border-radius:9px}.modal-close svg{width:17px;height:17px}.modal-body{padding:0 24px;overflow-y:auto}.form-section{padding:22px 0;border-bottom:1px solid #f2f4f7}.form-section:last-of-type{border-bottom:0}.form-section h3{margin:0 0 16px;color:#344054;font-size:18px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-grid .field{margin:0}.form-grid .wide{grid-column:1/-1}.form-grid textarea,.form-grid select{width:100%;padding:11px 13px;color:var(--text);background:#fff;border:1px solid #d0d5dd;border-radius:9px;outline:0;font:inherit;font-size:18px}.form-grid textarea{resize:vertical}.form-grid select{height:44px}.form-grid textarea:focus,.form-grid select:focus{border-color:#8098f9;box-shadow:0 0 0 4px rgba(70,95,255,.1)}.field small{display:block;margin-top:5px;color:#98a2b3;font-size:14px;text-align:right}.color-field{padding:0;border:0}.color-field legend{margin-bottom:9px;color:#344054;font-size:18px;font-weight:500}.color-options{display:flex;flex-wrap:wrap;gap:9px}.color-options label{height:38px;display:flex;align-items:center;gap:7px;padding:0 10px;color:#475467;border:1px solid var(--border);border-radius:9px;cursor:pointer;font-size:15px}.color-options label:has(input:checked){color:var(--brand);background:var(--brand-soft);border-color:var(--brand)}.color-options input{position:absolute;opacity:0;pointer-events:none}.color-options label span{width:15px;height:15px;background:var(--swatch);border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #d0d5dd}.form-error{min-height:22px;color:#b42318;font-size:16px}.modal-footer{justify-content:flex-end;border-top:1px solid var(--border)}.compact-messages .message{margin-bottom:10px}.compact-messages .message-body{padding:7px 11px}.compact-messages .message-avatar{width:34px;height:34px}.compact-messages .message{grid-template-columns:34px minmax(0,1fr)}

@media(max-width:980px){.app-sidebar{position:fixed;inset:0 auto 0 0;z-index:50;transform:translateX(-100%);transition:transform .2s ease;box-shadow:18px 0 44px rgba(16,24,40,.15)}.app-shell.sidebar-open .app-sidebar{transform:translateX(0)}.mobile-only{display:grid}.mobile-backdrop{position:fixed;inset:0;z-index:40;display:block;pointer-events:none;background:rgba(16,24,40,.35);opacity:0;transition:opacity .2s ease}.app-shell.sidebar-open .mobile-backdrop{pointer-events:auto;opacity:1}.chat-card{grid-template-columns:280px minmax(0,1fr)}.profile-grid{grid-template-columns:1fr}.security-section{grid-column:auto}}
@media(max-width:720px){.topbar{height:64px;padding:0 12px}.top-search{flex:1;width:auto}.top-search kbd,.connection-state,#current-user,.account-button>svg{display:none}.page{padding:16px}.page-heading{align-items:flex-start}.page-heading p,.breadcrumb{display:none}.chat-card{height:calc(100vh - 112px);min-height:0;grid-template-columns:1fr}.people-panel{display:none}.conversation-header{min-height:70px;padding:11px 14px}.messages{padding:16px 12px}.message{max-width:90%;grid-template-columns:36px minmax(0,1fr);column-gap:9px}.message.own{max-width:85%}.message-avatar{width:36px;height:36px}.composer-shell{padding:9px}.char-count{display:none}.profile-hero{align-items:flex-start;flex-wrap:wrap;padding:18px}.profile-copy{min-width:calc(100% - 110px)}.profile-actions{width:100%;flex-wrap:wrap}.profile-card,.settings-card{padding:18px}.settings-card{align-items:flex-start;flex-direction:column}.profile-section{display:block}.preference-summary{grid-template-columns:1fr}.avatar-xl{width:72px;height:72px}.modal-backdrop{padding:0}.profile-modal{height:100vh;max-height:none;border-radius:0}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.modal-header,.modal-footer{padding:16px}.modal-body{padding:0 16px}}
@media(max-width:420px){.auth-shell{padding:14px}.auth-card{padding:26px 20px}.top-search input::placeholder{color:transparent}.page{padding:10px}.profile-actions{flex-direction:column}.profile-actions .button{width:100%}.info-grid{grid-template-columns:1fr}.info-grid .wide{grid-column:auto}.color-options label{flex:1 0 42%}}
@supports(height:100dvh){.app-shell{height:100dvh}}
@media(max-width:720px){html,body{width:100%;height:100%;overflow:hidden;overscroll-behavior:none}.app-shell{height:100dvh;min-height:0;overflow:hidden}.app-main{height:100%;min-height:0;overflow:hidden}.topbar{flex:0 0 64px}.page{min-height:0}#chat-page{display:flex;flex-direction:column;overflow:hidden}#chat-page .page-heading{flex:0 0 auto;margin-bottom:14px}#chat-page .chat-card{height:auto;min-height:0;flex:1}.conversation{height:100%;min-height:0;overflow:hidden}.messages{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.composer-shell{flex:0 0 auto;padding-bottom:max(9px,env(safe-area-inset-bottom))}#profile-page{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}input,textarea,select{font-size:21px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important}}

/* Operations */
.operations-heading-actions{display:flex;align-items:center;gap:12px}.operations-updated{color:#98a2b3;font-size:15px}.operations-error{padding:12px 14px;margin-bottom:16px;color:#b42318;background:#fef3f2;border:1px solid #fecdca;border-radius:9px;font-size:18px}.operations-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.summary-card{min-width:0;display:flex;align-items:center;gap:14px;padding:18px;background:#fff;border:1px solid var(--border);border-radius:13px;box-shadow:0 1px 3px rgba(16,24,40,.04)}.summary-icon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px}.summary-icon svg{width:20px;height:20px}.summary-blue{color:#1570ef;background:#eff8ff}.summary-purple{color:#7f56d9;background:#f4ebff}.summary-green{color:#039855;background:#ecfdf3}.summary-red{color:#d92d20;background:#fef3f2}.summary-card>div{min-width:0;display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:8px}.summary-card span:not(.summary-icon){color:#667085;font-size:15px;font-weight:500}.summary-card strong{grid-row:1 / span 2;grid-column:2;color:#101828;font-size:36px}.summary-card small{margin-top:5px;overflow:hidden;color:#98a2b3;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.operations-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.8fr);gap:20px;margin-bottom:20px}.operations-card{background:#fff;border:1px solid var(--border);border-radius:13px;box-shadow:0 1px 3px rgba(16,24,40,.04)}.operations-card-header{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid var(--border)}.operations-card-header h2{margin:0 0 5px;color:#1d2939;font-size:20px}.operations-card-header p{margin:0;color:#98a2b3;font-size:15px}.health-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:20px}.health-row>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px}.health-row span{color:#667085;font-size:15px}.health-row strong{color:#344054;font-size:16px}.health-track{height:7px;margin:10px 0 8px;background:#f2f4f7;border-radius:4px;overflow:hidden}.health-track i{width:0;height:100%;display:block;background:var(--brand);border-radius:4px;transition:width .35s ease}.health-row small{color:#98a2b3;font-size:14px}.machine-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:0;background:var(--border);border-top:1px solid var(--border)}.machine-meta div{padding:14px 20px;background:#fff}.machine-meta dt{margin-bottom:5px;color:#98a2b3;font-size:14px}.machine-meta dd{margin:0;color:#344054;font-size:16px;font-weight:600}.machine-item{display:flex;align-items:center;gap:12px;padding:22px 20px}.machine-avatar{width:44px;height:44px;display:grid;place-items:center;flex:0 0 auto;color:var(--brand);background:var(--brand-soft);border-radius:10px}.machine-avatar svg{width:21px;height:21px}.machine-item>div{min-width:0;display:flex;flex:1;flex-direction:column;gap:5px}.machine-item strong{font-size:18px}.machine-item span:not(.machine-avatar):not(.machine-online){overflow:hidden;color:#98a2b3;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.machine-online,.run-status{display:inline-flex;align-items:center;gap:6px;width:max-content;padding:5px 8px;color:#027a48;background:#ecfdf3;border-radius:12px;font-size:14px;font-weight:600;text-transform:capitalize}.machine-online i,.run-status i{width:6px;height:6px;background:#12b76a;border-radius:50%}.machine-note{display:flex;gap:9px;padding:14px 20px;color:#667085;background:#f9fafb;border-top:1px solid var(--border);font-size:14px;line-height:1.5}.machine-note svg{width:16px;height:16px;flex:0 0 auto;color:#98a2b3}.operations-table-card{margin-bottom:20px;overflow:hidden}.operations-table-wrap{overflow-x:auto}.operations-table{width:100%;border-collapse:collapse;white-space:nowrap}.operations-table th{padding:11px 20px;color:#98a2b3;background:#fcfcfd;border-bottom:1px solid var(--border);font-size:14px;font-weight:600;letter-spacing:.03em;text-align:left;text-transform:uppercase}.operations-table td{padding:14px 20px;color:#667085;border-bottom:1px solid #f2f4f7;font-size:15px}.operations-table tbody tr:last-child td{border-bottom:0}.operations-table td:first-child{color:#344054;font-weight:600}.job-cell{display:flex;align-items:center;gap:10px}.job-cell>span{width:30px;height:30px;display:grid;place-items:center;color:var(--brand);background:var(--brand-soft);border-radius:8px}.job-cell svg{width:15px;height:15px}.job-cell div{display:flex;flex-direction:column;gap:3px}.job-cell small{color:#98a2b3;font-size:14px;font-weight:400}.run-status.running{color:#175cd3;background:#eff8ff}.run-status.running i{background:#2e90fa;animation:status-pulse 1.2s infinite}.run-status.failed{color:#b42318;background:#fef3f2}.run-status.failed i{background:#f04438}.run-status.idle{color:#475467;background:#f2f4f7}.run-status.idle i{background:#98a2b3}.table-action{height:30px;padding:0 10px;color:#344054;background:#fff;border:1px solid #d0d5dd;border-radius:7px;font-size:14px;font-weight:600}.table-action:hover{color:var(--brand);border-color:var(--brand)}.table-action:disabled{color:#98a2b3;background:#f9fafb;cursor:not-allowed}.table-empty{text-align:center!important;color:#98a2b3!important;font-weight:400!important}.transcript-backdrop{position:fixed;inset:0;z-index:79;background:rgba(16,24,40,.34);backdrop-filter:blur(1px)}.transcript-drawer{position:fixed;inset:0 0 0 auto;z-index:80;width:min(580px,92vw);display:flex;flex-direction:column;background:#fff;box-shadow:-18px 0 48px rgba(16,24,40,.18)}.transcript-drawer>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 24px;border-bottom:1px solid var(--border)}.drawer-eyebrow{display:block;margin-bottom:5px;color:var(--brand);font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.transcript-drawer h2{margin:0 0 6px;font-size:23px}.transcript-drawer header p{margin:0;color:#98a2b3;font-size:15px}.transcript-search{height:40px;display:flex;align-items:center;gap:9px;margin:16px 24px 0;padding:0 11px;color:#98a2b3;border:1px solid #d0d5dd;border-radius:9px}.transcript-search svg{width:17px;height:17px}.transcript-search input{min-width:0;flex:1;border:0;outline:0;color:#344054;font-size:16px}.transcript-drawer pre{min-height:0;flex:1;margin:16px 24px 24px;padding:18px;overflow:auto;color:#d1e9ff;background:#101828;border-radius:10px;font:18px/1.65 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;white-space:pre-wrap;word-break:break-word}.hidden{display:none!important}@keyframes status-pulse{50%{opacity:.4}}

@media(max-width:1180px){.operations-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.health-list{grid-template-columns:1fr}.operations-grid{grid-template-columns:1fr}}
@media(max-width:720px){#operations-page{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.operations-heading-actions{align-items:flex-end;flex-direction:column}.operations-updated{display:none}.operations-summary{grid-template-columns:1fr 1fr;gap:10px}.summary-card{padding:14px;gap:10px}.summary-icon{width:36px;height:36px}.summary-card strong{font-size:28px}.operations-grid{gap:14px}.operations-card-header{padding:14px 16px}.health-list{padding:16px}.machine-meta div{padding:12px}.operations-table-card{margin-bottom:14px}.operations-table th,.operations-table td{padding:12px 14px}.transcript-drawer{width:100vw}.transcript-drawer>header{padding:18px 16px}.transcript-search{margin:14px 16px 0}.transcript-drawer pre{margin:14px 16px 16px}}
@media(max-width:420px){.operations-summary{grid-template-columns:1fr}.summary-card>div{width:100%}}

/* Connected machines */
.machine-connect{min-height:36px;padding:0 12px}.machine-connect svg{width:16px;height:16px}.machines-list{max-height:360px;overflow-y:auto}.machines-list .machine-item{border-bottom:1px solid #f2f4f7}.machines-list .machine-item:last-child{border-bottom:0}.machine-item-meta{display:flex!important;flex-flow:row wrap!important;gap:5px 12px!important;margin-top:3px}.machine-item-meta span{color:#667085!important;font-size:14px!important;white-space:nowrap!important}.machine-online.offline{color:#475467;background:#f2f4f7}.machine-online.offline i{background:#98a2b3}.connect-modal{width:min(100%,700px);max-height:calc(100vh - 40px);display:flex;flex-direction:column;background:#fff;border-radius:16px;box-shadow:0 24px 64px rgba(16,24,40,.24);overflow:hidden}.connect-modal-body{padding:24px;overflow-y:auto}.connect-step,.command-heading{display:flex;align-items:flex-start;gap:14px}.connect-step>span,.command-heading>span{width:32px;height:32px;display:grid;place-items:center;flex:0 0 auto;color:var(--brand);background:var(--brand-soft);border-radius:50%;font-size:15px;font-weight:700}.connect-step strong,.command-heading strong{display:block;margin-bottom:5px;color:#344054;font-size:18px}.connect-step p,.command-heading p{margin:0;color:#667085;font-size:15px;line-height:1.5}.connect-step+.button{margin:20px 0 0 46px}.agent-command-panel{padding-top:24px;margin-top:24px;border-top:1px solid var(--border)}.agent-command-panel pre{max-height:220px;margin:16px 0;padding:16px;overflow:auto;color:#d1e9ff;background:#101828;border-radius:10px;font:16px/1.55 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;white-space:pre-wrap;word-break:break-all}.command-actions{display:flex;align-items:center;gap:12px}.command-actions span{color:#027a48;font-size:14px}.connect-security{display:flex;align-items:flex-start;gap:12px;padding:16px;margin-top:24px;color:#475467;background:#f9fafb;border:1px solid var(--border);border-radius:10px}.connect-security svg{width:22px;height:22px;flex:0 0 auto;color:#12b76a}.connect-security p{margin:0;font-size:14px;line-height:1.6}
.machine-filters{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px;border-bottom:1px solid var(--border)}.machine-search{height:38px;display:flex;align-items:center;gap:8px;grid-column:1/-1;padding:0 10px;background:var(--card);border:1px solid var(--input);border-radius:calc(var(--radius) - 3px);box-shadow:var(--shadow-xs)}.machine-search svg{width:17px;height:17px;flex:0 0 auto;color:var(--muted-foreground)}.machine-search input{width:100%;min-width:0;background:transparent;border:0;outline:0;font-size:14px}.machine-filters select{width:100%;height:38px;min-width:0;padding:0 28px 0 9px;color:var(--foreground);background:var(--card);border:1px solid var(--input);border-radius:calc(var(--radius) - 3px);font-size:13px}.machine-filters>span{grid-column:1/-1;color:var(--muted-foreground);font-size:12px}.machine-filter-empty{padding:28px 16px}
@media(max-width:420px){.machine-filters{grid-template-columns:1fr}.machine-search,.machine-filters>span{grid-column:auto}}
@media(max-width:720px){.machine-connect{min-height:40px}.connect-modal{height:100vh;max-height:none;border-radius:0}.connect-modal-body{padding:20px 16px}.connect-step+.button{width:100%;margin:20px 0 0}.agent-command-panel pre{font-size:15px}}

/* Machine history and alerts */
@media(min-width:1181px){.operations-summary{grid-template-columns:repeat(5,minmax(0,1fr))}.summary-card{padding:16px 14px}.summary-card strong{font-size:32px}}
.summary-orange{color:#dc6803;background:#fffaeb}.alerts-card{margin-bottom:20px;overflow:hidden}.alerts-list{display:grid}.alert-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px 20px;border-bottom:1px solid #f2f4f7}.alert-item:last-child{border-bottom:0}.alert-icon{width:38px;height:38px;display:grid;place-items:center;color:#d92d20;background:#fef3f2;border-radius:10px}.alert-icon svg{width:19px;height:19px}.alert-copy{min-width:0}.alert-copy strong{display:block;margin-bottom:4px;color:#344054;font-size:17px}.alert-copy p{margin:0;color:#667085;font-size:15px;line-height:1.45}.alert-copy time{display:block;margin-top:6px;color:#98a2b3;font-size:14px}.alert-actions{display:flex;align-items:center;gap:8px}.alerts-empty{padding:24px;color:#667085;font-size:15px;text-align:center}.machine-item-button{width:100%;color:inherit;background:#fff;border:0;text-align:left;cursor:pointer}.machine-item-button:hover{background:#f9fafb}.machine-item-button:focus-visible{position:relative;z-index:1;outline:3px solid rgba(70,95,255,.18);outline-offset:-3px}.machine-drawer{position:fixed;inset:0 0 0 auto;z-index:80;width:min(760px,95vw);display:flex;flex-direction:column;background:#f9fafb;box-shadow:-18px 0 48px rgba(16,24,40,.18)}.machine-drawer>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 24px;background:#fff;border-bottom:1px solid var(--border)}.machine-drawer h2{margin:0 0 6px;font-size:23px}.machine-drawer header p{margin:0;color:#98a2b3;font-size:15px}.machine-drawer-body{min-height:0;padding:20px 24px 28px;overflow-y:auto}.machine-current-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.machine-current-grid article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;background:#fff;border:1px solid var(--border);border-radius:11px}.machine-current-grid span{color:#667085;font-size:15px}.machine-current-grid strong{font-size:21px}.metric-chart{padding:18px;margin-bottom:16px;background:#fff;border:1px solid var(--border);border-radius:12px}.metric-chart>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.metric-chart h3{margin:0 0 5px;font-size:18px}.metric-chart p{margin:0;color:#98a2b3;font-size:14px}.metric-chart header>strong{color:#667085;font-size:14px;font-weight:600}.metric-chart svg{width:100%;height:180px;display:block;overflow:visible}.chart-grid{stroke:#eaecf0;stroke-width:1}.chart-area{opacity:.12}.chart-line{fill:none;stroke-width:3;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.chart-end{stroke:#fff;stroke-width:3;vector-effect:non-scaling-stroke}
@media(max-width:720px){.alert-item{grid-template-columns:auto minmax(0,1fr);padding:14px 16px}.alert-actions{grid-column:2}.machine-drawer{width:100vw}.machine-drawer>header{padding:18px 16px}.machine-drawer-body{padding:16px}.machine-current-grid{grid-template-columns:1fr}.metric-chart{padding:14px}.metric-chart svg{height:150px}}
.machine-copy{min-width:0;display:flex;flex:1;flex-direction:column;gap:5px}.machine-copy>span:not(.machine-item-meta){overflow:hidden;color:#98a2b3;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.machine-item-button{font:inherit}
.machine-item-actions{display:flex!important;align-items:center;justify-content:flex-end;gap:9px;flex:0 0 auto;overflow:visible!important;white-space:normal!important}.machine-item-actions .table-action{height:34px}.machine-item-actions .machine-online{overflow:visible!important}
.deployment-update-button{position:relative;display:inline-flex;align-items:center;gap:7px;padding:0 11px}.deployment-update-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.deployment-update-button>i{display:none;width:7px;height:7px;background:#f79009;border-radius:50%}.deployment-update-button.available{color:#b54708;background:#fffaeb;border-color:#fedf89}.deployment-update-button.available>i{display:block;animation:deployment-attention 1.5s ease-in-out infinite}.deployment-update-button.failed{color:#b42318;background:#fef3f2;border-color:#fecdca}.deployment-update-button.failed>i{display:block;background:#f04438}.deployment-update-button.current{color:#027a48;background:#ecfdf3;border-color:#abefc6}.deployment-update-button.checking svg{animation:deployment-spin 1.2s linear infinite}@keyframes deployment-attention{50%{opacity:.35;transform:scale(.72)}}@keyframes deployment-spin{to{transform:rotate(360deg)}}
@media(max-width:720px){.machines-list .machine-item{flex-wrap:wrap}.machine-item-actions{width:100%;padding-left:56px;justify-content:space-between}}

/* Job library controls */
.job-target{width:max-content;display:flex;align-items:center;gap:7px;margin-top:4px;color:#667085;font-size:13px;font-weight:500}.job-target span{color:#98a2b3}.job-target select{height:30px;max-width:210px;padding:0 28px 0 9px;color:#344054;background:#fff;border:1px solid #d0d5dd;border-radius:7px;font:600 13px/1 inherit}.job-target select:focus{border-color:var(--brand);outline:3px solid var(--brand-soft)}.job-target-static,.run-machine{display:block;margin-top:4px;color:#98a2b3;font-size:13px;font-weight:400}.run-job-name{display:block}.run-actions{display:flex;align-items:center;gap:7px}.run-status.cancelled{color:#475467;background:#f2f4f7}.run-status.cancelled i{background:#667085}.table-action.danger{color:#b42318}.table-action.danger:hover{color:#b42318;border-color:#f04438;background:#fef3f2}
@media(max-width:720px){.job-target select{max-width:170px}.run-actions{align-items:stretch;flex-direction:column}.run-actions .table-action{height:34px}}

/* Administrator audit log */
.audit-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.audit-summary article{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;background:#fff;border:1px solid var(--border);border-radius:13px;box-shadow:0 1px 3px rgba(16,24,40,.04)}.audit-summary span{color:#667085;font-size:15px;font-weight:500}.audit-summary strong{color:#101828;font-size:30px}.audit-search{width:min(360px,45vw);height:38px;display:flex;align-items:center;gap:8px;padding:0 11px;color:#98a2b3;background:#fff;border:1px solid #d0d5dd;border-radius:9px}.audit-search svg{width:17px;height:17px;flex:0 0 auto}.audit-search input{min-width:0;flex:1;color:#344054;background:transparent;border:0;outline:0;font-size:15px}.audit-table time{color:#667085}.audit-actor{color:#344054;font-size:15px}.audit-action{color:#175cd3;font-weight:600;text-transform:capitalize}.audit-resource{display:block;max-width:290px;overflow:hidden;text-overflow:ellipsis}.audit-ip{color:#475467;background:#f2f4f7;border-radius:5px;padding:3px 6px;font-size:13px}
@media(max-width:900px){.audit-summary{grid-template-columns:1fr 1fr}.audit-card .operations-card-header{align-items:stretch;flex-direction:column}.audit-search{width:100%}}
@media(max-width:520px){.audit-summary{grid-template-columns:1fr}.audit-summary article{padding:15px 16px}}

/* User CRM */
.users-toolbar{align-items:flex-end}.user-filters{display:flex;align-items:center;justify-content:flex-end;gap:10px}.user-filters .audit-search{width:min(320px,34vw)}.user-filters select{height:38px;padding:0 34px 0 11px;color:#344054;background:#fff;border:1px solid #d0d5dd;border-radius:9px;font-size:15px}.crm-user-cell{display:flex;align-items:center;gap:12px}.crm-user-cell>div{min-width:0;display:flex;flex-direction:column;gap:3px}.crm-user-cell strong{overflow:hidden;max-width:260px;text-overflow:ellipsis}.crm-user-cell small{overflow:hidden;max-width:260px;color:#98a2b3;font-size:14px;font-weight:400;text-overflow:ellipsis}.crm-avatar{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;overflow:hidden;color:#3641f5;background:#eef2ff;border-radius:50%;font-size:14px;font-weight:700}.crm-avatar img{width:100%;height:100%;object-fit:cover}.crm-badge{display:inline-flex;align-items:center;width:max-content;padding:5px 9px;color:#344054;background:#f2f4f7;border-radius:999px;font-size:13px;font-weight:650;text-transform:capitalize}.crm-badge.admin{color:#6941c6;background:#f4ebff}.crm-badge.active{color:#027a48;background:#ecfdf3}.crm-badge.suspended{color:#b42318;background:#fef3f2}.user-drawer{width:min(680px,95vw)}.user-drawer-body{display:flex;flex-direction:column;gap:16px}.user-detail-hero{display:flex;align-items:center;gap:16px;padding:20px;background:#fff;border:1px solid var(--border);border-radius:12px}.user-detail-hero .avatar{width:68px;height:68px;flex:0 0 auto;font-size:22px}.user-detail-hero h3{margin:0 0 4px;color:#101828;font-size:22px}.user-detail-hero p{margin:0 0 9px;color:#667085;font-size:15px}.user-detail-badges{display:flex;flex-wrap:wrap;gap:7px}.user-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.user-detail-grid article{display:flex;flex-direction:column;gap:7px;padding:15px 16px;background:#fff;border:1px solid var(--border);border-radius:11px}.user-detail-grid span{color:#667085;font-size:14px}.user-detail-grid strong{color:#1d2939;font-size:17px}.user-admin-controls,.user-activity{padding:20px;background:#fff;border:1px solid var(--border);border-radius:12px}.user-admin-controls>div:first-child{margin-bottom:16px}.user-admin-controls h3,.user-activity h3{margin:0 0 5px;color:#1d2939;font-size:18px}.user-admin-controls p,.user-activity header p{margin:0;color:#667085;font-size:14px;line-height:1.5}.user-admin-controls>label{display:flex;flex-direction:column;gap:7px;margin-bottom:14px;color:#344054;font-size:14px;font-weight:600}.user-admin-controls select{height:42px;padding:0 11px;color:#344054;background:#fff;border:1px solid #d0d5dd;border-radius:9px;font-size:16px}.user-control-actions{display:flex;flex-wrap:wrap;gap:9px}.button-danger{color:#b42318;background:#fff;border:1px solid #fda29b}.button-danger:hover{background:#fef3f2}.button-danger:disabled{color:#98a2b3;background:#f9fafb;border-color:#eaecf0}.user-control-status{min-height:21px;margin-top:12px!important}.user-activity>header{margin-bottom:12px}.user-activity-list{display:flex;flex-direction:column}.user-activity-list article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:10px;padding:12px 0;border-bottom:1px solid #f2f4f7}.user-activity-list article:last-child{border-bottom:0}.user-activity-dot{width:8px;height:8px;margin-top:6px;background:var(--brand);border-radius:50%}.user-activity-list strong{display:block;margin-bottom:3px;color:#344054;font-size:15px;text-transform:capitalize}.user-activity-list p{margin:0;color:#98a2b3;font-size:13px}.user-activity-list time{color:#667085;font-size:13px;white-space:nowrap}
@media(max-width:900px){.users-toolbar{align-items:stretch;flex-direction:column}.user-filters{justify-content:stretch;flex-wrap:wrap}.user-filters .audit-search{width:100%}.user-filters select{min-width:0;flex:1}}
@media(max-width:720px){#users-page{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.user-drawer{width:100vw}.user-detail-grid{grid-template-columns:1fr 1fr}.user-admin-controls,.user-activity,.user-detail-hero{padding:16px}.user-control-actions{flex-direction:column}.user-control-actions .button{width:100%}.user-activity-list article{grid-template-columns:auto minmax(0,1fr)}.user-activity-list time{grid-column:2}}
@media(max-width:480px){.user-filters{display:grid;grid-template-columns:1fr 1fr}.user-filters .audit-search{grid-column:1 / -1}.user-detail-grid{grid-template-columns:1fr}}

/* Notification center */
.notification-wrap{position:relative}.notification-button{position:relative;width:42px;height:42px;display:grid;place-items:center;color:#475467;background:#fff;border:1px solid var(--border);border-radius:10px}.notification-button:hover,.notification-button[aria-expanded="true"]{color:var(--brand);background:var(--brand-soft);border-color:#c7d7fe}.notification-count{position:absolute;top:-6px;right:-6px;min-width:19px;height:19px;display:grid;place-items:center;padding:0 5px;color:#fff;background:#f04438;border:2px solid #fff;border-radius:10px;font-size:11px;font-weight:700}.notification-panel{position:absolute;top:calc(100% + 10px);right:0;z-index:70;width:min(420px,calc(100vw - 24px));background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:0 18px 48px rgba(16,24,40,.18);overflow:hidden}.notification-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px;border-bottom:1px solid var(--border)}.notification-panel h2{margin:0 0 4px;font-size:20px}.notification-panel header p{margin:0;color:#98a2b3;font-size:14px}.notification-panel header button{padding:3px;color:var(--brand);background:transparent;border:0;font-size:13px;font-weight:650}.notification-panel header button:disabled{color:#98a2b3;cursor:default}.notification-list{max-height:min(470px,60vh);overflow-y:auto}.notification-item{position:relative;width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:11px;padding:15px 17px;color:inherit;background:#fff;border:0;border-bottom:1px solid #f2f4f7;text-align:left}.notification-item:hover{background:#f9fafb}.notification-item.unread{background:#f8f9ff}.notification-kind{width:36px;height:36px;display:grid;place-items:center;color:#175cd3;background:#eff8ff;border-radius:50%}.notification-kind svg{width:18px;height:18px}.notification-kind.warning{color:#b54708;background:#fffaeb}.notification-kind.critical{color:#b42318;background:#fef3f2}.notification-kind.success{color:#027a48;background:#ecfdf3}.notification-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.notification-copy strong{color:#344054;font-size:15px}.notification-copy>span{color:#667085;font-size:14px;line-height:1.45}.notification-copy time{color:#98a2b3;font-size:12px;text-transform:capitalize}.notification-item>i{width:7px;height:7px;margin-top:5px;background:var(--brand);border-radius:50%}.notification-empty{padding:34px 18px;color:#98a2b3;font-size:15px;text-align:center}.notification-panel>footer{padding:10px;border-top:1px solid var(--border)}.notification-panel>footer button{width:100%;height:38px;display:flex;align-items:center;justify-content:center;gap:8px;color:#475467;background:transparent;border:0;border-radius:8px;font-size:14px;font-weight:600}.notification-panel>footer button:hover{color:var(--brand);background:var(--brand-soft)}.notification-panel>footer svg{width:16px;height:16px}.notification-settings-modal{width:min(100%,600px)}.notification-settings-body{padding-top:10px;padding-bottom:10px}.notification-settings-body>h3{margin:20px 0 8px;color:#344054;font-size:14px;letter-spacing:.06em;text-transform:uppercase}.notification-toggle{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid #f2f4f7;cursor:pointer}.notification-toggle>div{display:flex;flex-direction:column;gap:4px}.notification-toggle strong{color:#344054;font-size:16px}.notification-toggle span{color:#667085;font-size:14px}.notification-toggle input{position:absolute;opacity:0;pointer-events:none}.notification-toggle>i{position:relative;width:42px;height:24px;flex:0 0 auto;background:#d0d5dd;border-radius:12px;transition:background .18s}.notification-toggle>i::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;box-shadow:0 1px 3px rgba(16,24,40,.25);transition:transform .18s}.notification-toggle input:checked+i{background:var(--brand)}.notification-toggle input:checked+i::after{transform:translateX(18px)}.notification-toggle:focus-within>i{outline:3px solid rgba(70,95,255,.16)}
@media(max-width:720px){.notification-panel{position:fixed;top:64px;right:8px;left:8px;width:auto}.notification-list{max-height:calc(100dvh - 210px)}.notification-settings-modal{height:auto;max-height:100dvh}.notification-toggle{align-items:flex-start}.notification-toggle>i{margin-top:4px}}

/* Job manager */
.job-modal{width:min(100%,760px)}.job-enabled-toggle{margin:4px 0 8px}.job-danger-zone{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 0 8px;padding:16px;color:#b42318;background:#fef3f2;border:1px solid #fecdca;border-radius:10px}.job-danger-zone>div{display:flex;flex-direction:column;gap:4px}.job-danger-zone strong{font-size:16px}.job-danger-zone span{color:#b54708;font-size:14px}.modal-footer-spacer{flex:1}.operations-table .run-actions{display:flex;gap:7px}.operations-table td:last-child{padding-right:16px}.job-cell>div{max-width:360px}.job-cell>div>small{white-space:normal;line-height:1.4}
@media(max-width:720px){.job-modal{height:100dvh;max-height:none}.job-danger-zone{align-items:flex-start;flex-direction:column}.job-danger-zone .button{width:100%}.modal-footer-spacer{display:none}.job-modal .modal-footer{flex-wrap:wrap}.job-modal .modal-footer .button{flex:1}}

/* Database manager */
.database-summary strong{font-size:24px;text-transform:capitalize}.database-browser{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px;margin-bottom:18px}.database-tables,.database-records{min-height:470px;overflow:hidden}.database-tables>header{padding:18px 18px 14px;border-bottom:1px solid var(--border)}.database-tables h2{margin:0 0 4px;font-size:19px}.database-tables p{margin:0;color:#98a2b3;font-size:14px}.database-table-list{max-height:410px;padding:8px;overflow-y:auto}.database-table-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;color:#475467;background:transparent;border:0;border-radius:8px;text-align:left}.database-table-item:hover:not(:disabled),.database-table-item.active{color:var(--brand);background:var(--brand-soft)}.database-table-item:disabled{opacity:.52;cursor:not-allowed}.database-table-item>span{min-width:0;display:flex;flex-direction:column;gap:2px}.database-table-item strong{overflow:hidden;font-size:14px;text-overflow:ellipsis}.database-table-item small{color:#98a2b3;font-size:12px}.database-table-item b{min-width:28px;padding:3px 6px;color:#667085;background:#f2f4f7;border-radius:10px;font-size:12px;text-align:center}.database-records{display:flex;flex-direction:column}.database-pagination{display:flex;align-items:center;gap:8px}.database-pagination span{color:#667085;font-size:13px;white-space:nowrap}.database-records-wrap{min-height:0;flex:1}.database-placeholder{min-height:180px;display:grid;place-items:center;padding:24px;color:#98a2b3;font-size:15px;text-align:center}.database-placeholder.error{color:#b42318}.database-data-table{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.database-data-table th,.database-data-table td{max-width:300px;font-size:13px}.database-data-table td span{display:block;overflow:hidden;text-overflow:ellipsis}.database-null{color:#98a2b3;font-style:italic}.database-lower-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:18px}.query-card,.backups-card{overflow:hidden}.database-query-form{padding:16px;border-bottom:1px solid var(--border)}.database-query-form textarea{width:100%;min-height:125px;padding:14px;color:#d1e9ff;background:#101828;border:0;border-radius:9px;outline:0;resize:vertical;font:14px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace}.database-query-form textarea:focus{box-shadow:0 0 0 3px rgba(70,95,255,.18)}.database-query-form>div{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:11px}.database-query-status{color:#667085;font-size:13px}.database-query-results{max-height:360px}.database-integrity-action{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;border-bottom:1px solid var(--border)}.database-integrity-action>div{display:flex;flex-direction:column;gap:4px}.database-integrity-action strong{font-size:15px}.database-integrity-action span{color:#667085;font-size:13px}.database-backups{max-height:360px;overflow-y:auto}.database-backups article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px 16px;border-bottom:1px solid #f2f4f7}.database-backups article>div{min-width:0;display:flex;flex-direction:column;gap:4px}.database-backups strong{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.database-backups article>div>span{color:#98a2b3;font-size:12px}.database-backups .summary-icon{width:34px;height:34px}.database-backups .summary-icon svg{width:17px;height:17px}
@media(max-width:1100px){.database-browser{grid-template-columns:220px minmax(0,1fr)}.database-lower-grid{grid-template-columns:1fr}}
@media(max-width:720px){#database-page{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.database-browser{grid-template-columns:1fr}.database-tables{min-height:0}.database-table-list{max-height:230px}.database-records{min-height:430px}.database-records .operations-card-header{align-items:flex-start;flex-direction:column}.database-query-form>div{align-items:stretch;flex-direction:column}.database-query-form .button{width:100%}.database-integrity-action{align-items:flex-start;flex-direction:column}.database-integrity-action .button{width:100%}.database-backups article{grid-template-columns:auto minmax(0,1fr)}.database-backups article>a{grid-column:2;width:max-content}}

/* Webhooks and chat administration */
.nav-label-section{margin-top:22px}.clear-chat-button{height:36px;display:flex;align-items:center;gap:7px;padding:0 10px;color:#b42318;background:#fff;border:1px solid #fda29b;border-radius:8px;font-size:14px;font-weight:600}.clear-chat-button:hover{background:#fef3f2}.clear-chat-button svg{width:15px;height:15px}.chat-cleared-notice{margin:auto;padding:12px 16px;color:#667085;background:#f9fafb;border:1px solid var(--border);border-radius:9px;font-size:15px}.backup-download-icon{width:34px;height:34px;display:grid;place-items:center;padding:0}.backup-download-icon svg{width:16px;height:16px}.webhooks-live{display:flex;align-items:center;gap:7px;color:#027a48;font-size:14px;font-weight:600}.webhooks-live i{width:8px;height:8px;background:#12b76a;border-radius:50%;box-shadow:0 0 0 4px rgba(18,183,106,.1);animation:status-pulse 1.8s infinite}.webhook-workspace{display:grid;grid-template-columns:270px minmax(340px,.85fr) minmax(380px,1.15fr);gap:16px;min-height:600px}.webhook-workspace>.operations-card{min-width:0;overflow:hidden}.webhook-endpoints-card>header,.webhook-inspector>header{padding:18px;border-bottom:1px solid var(--border)}.webhook-endpoints-card h2,.webhook-inspector h2{margin:0 0 4px;font-size:19px}.webhook-endpoints-card p,.webhook-inspector header p{margin:0;color:#98a2b3;font-size:14px}.webhook-endpoint-list{max-height:540px;padding:8px;overflow-y:auto}.webhook-endpoint-row{padding-bottom:7px;border-bottom:1px solid #f2f4f7}.webhook-endpoint-item{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;color:#475467;background:transparent;border:0;border-radius:8px;text-align:left}.webhook-endpoint-item:hover,.webhook-endpoint-item.active,.webhook-endpoint-row.active>.webhook-endpoint-item{color:var(--brand);background:var(--brand-soft)}.webhook-endpoint-icon{width:32px;height:32px;display:grid;place-items:center;color:var(--brand);background:#eef2ff;border-radius:8px}.webhook-endpoint-icon svg{width:16px;height:16px}.webhook-endpoint-item>span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:3px}.webhook-endpoint-item strong,.webhook-endpoint-item small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.webhook-endpoint-item strong{font-size:14px}.webhook-endpoint-item small{color:#98a2b3;font-size:12px}.webhook-endpoint-item b{color:#667085;font-size:12px}.webhook-endpoint-actions{display:flex;gap:7px;padding:0 10px 6px 52px}.webhook-endpoint-actions button{padding:2px;color:#667085;background:transparent;border:0;font-size:12px;font-weight:600}.webhook-endpoint-actions button:last-child{color:#b42318}.webhook-event-list{max-height:540px;overflow-y:auto}.webhook-event-item{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:14px 16px;color:inherit;background:#fff;border:0;border-bottom:1px solid #f2f4f7;text-align:left}.webhook-event-item:hover{background:#f9fafb}.webhook-event-item>span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:4px}.webhook-event-item strong,.webhook-event-item small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.webhook-event-item strong{font-size:14px}.webhook-event-item small{color:#98a2b3;font-size:12px}.webhook-event-item time{color:#98a2b3;font-size:12px;white-space:nowrap}.webhook-method{min-width:48px;padding:5px 7px;color:#175cd3;background:#eff8ff;border-radius:6px;font:700 11px ui-monospace,SFMono-Regular,Menlo,monospace;text-align:center}.webhook-method.post{color:#027a48;background:#ecfdf3}.webhook-method.delete{color:#b42318;background:#fef3f2}.webhook-method.put,.webhook-method.patch{color:#b54708;background:#fffaeb}.webhook-inspector-body{max-height:540px;overflow:auto}.webhook-event-summary{display:flex;align-items:center;gap:11px;padding:16px;border-bottom:1px solid var(--border)}.webhook-event-summary>div{display:flex;flex-direction:column;gap:4px}.webhook-event-summary strong{font-size:14px}.webhook-event-summary span:not(.webhook-method){color:#98a2b3;font-size:12px}.webhook-inspector-section{padding:16px;border-bottom:1px solid #f2f4f7}.webhook-inspector-section h3{margin:0 0 10px;color:#344054;font-size:14px}.webhook-inspector-section pre{max-height:290px;margin:0;padding:13px;overflow:auto;color:#d1e9ff;background:#101828;border-radius:8px;font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;word-break:break-word}.webhook-inspector-section dl{margin:0}.webhook-inspector-section dl>div{display:grid;grid-template-columns:minmax(100px,.4fr) minmax(0,1fr);gap:10px;padding:7px 0;border-bottom:1px solid #f2f4f7}.webhook-inspector-section dt{overflow:hidden;color:#667085;font:12px ui-monospace,SFMono-Regular,Menlo,monospace;text-overflow:ellipsis}.webhook-inspector-section dd{margin:0;overflow-wrap:anywhere;color:#344054;font-size:12px}.webhook-security-note{display:flex;gap:10px;margin:18px 0 0;padding:13px;color:#475467;background:#f9fafb;border:1px solid var(--border);border-radius:9px;font-size:14px;line-height:1.5}.webhook-security-note svg{width:18px;height:18px;flex:0 0 auto;color:var(--brand)}.webhook-created-panel{margin:18px 0;padding:16px;background:#ecfdf3;border:1px solid #abefc6;border-radius:10px}.webhook-created-panel>strong{color:#05603a}.webhook-created-panel>p{margin:5px 0 12px;color:#475467;font-size:14px}.webhook-created-panel>div{display:flex;gap:8px}.webhook-created-panel code{min-width:0;display:block;flex:1;padding:11px;overflow:hidden;color:#344054;background:#fff;border:1px solid #d0d5dd;border-radius:8px;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.webhook-created-panel>span{display:block;min-height:18px;margin-top:7px;color:#027a48;font-size:13px}
@media(max-width:1250px){.webhook-workspace{grid-template-columns:240px minmax(0,1fr)}.webhook-inspector{grid-column:1/-1}.webhook-inspector-body{max-height:500px}}
@media(max-width:720px){#webhooks-page{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.webhook-workspace{grid-template-columns:1fr}.webhook-inspector{grid-column:auto}.webhook-endpoint-list,.webhook-event-list{max-height:330px}.webhook-event-item{grid-template-columns:auto minmax(0,1fr)}.webhook-event-item time{grid-column:2}.clear-chat-button{width:36px;padding:0;justify-content:center}.clear-chat-button{font-size:0}.webhook-created-panel>div{flex-direction:column}}

/* shadcn-inspired visual system */
:root{color-scheme:light;--background:#fafafa;--foreground:#18181b;--card:#fff;--card-foreground:#18181b;--popover:#fff;--popover-foreground:#18181b;--primary:#2563eb;--primary-foreground:#fff;--secondary:#f4f4f5;--secondary-foreground:#27272a;--muted:#f4f4f5;--muted-foreground:#71717a;--accent:#f4f4f5;--accent-foreground:#18181b;--destructive:#dc2626;--destructive-foreground:#fff;--input:#e4e4e7;--ring:#2563eb;--radius:10px;--brand:#2563eb;--brand-dark:#1d4ed8;--brand-soft:#eff6ff;--text:#18181b;--canvas:#fafafa;--border:#e4e4e7;--green:#16a34a}body{color:var(--foreground);background:var(--background);font-feature-settings:"rlig" 1,"calt" 1}button,input,textarea,select{font-family:inherit}.button{min-height:38px;padding:0 14px;border-radius:8px;font-size:15px;font-weight:500;box-shadow:0 1px 2px rgba(0,0,0,.04)}.button-primary{background:var(--primary);border-color:var(--primary)}.button-primary:hover{background:var(--brand-dark)}.button-secondary{color:var(--secondary-foreground);background:var(--card);border-color:var(--input)}.button-secondary:hover{background:var(--accent)}.button-danger{color:var(--destructive-foreground);background:var(--destructive);border-color:var(--destructive)}.button-danger:hover{background:#b91c1c}.icon-button,.modal-close{border-color:var(--input);border-radius:8px}.icon-button:hover,.modal-close:hover{color:var(--foreground);background:var(--accent)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,label:focus-within{outline:2px solid var(--ring);outline-offset:2px}.app-sidebar{width:248px;flex-basis:248px;background:#fff;border-color:var(--border)}.sidebar-logo{height:64px;padding:0 18px;border-color:var(--border)}.sidebar-logo-image{width:142px;height:38px;background-size:142px auto}.app-nav{padding:18px 12px}.nav-label{margin:0 10px 8px;color:#a1a1aa;font-size:11px;font-weight:600;letter-spacing:.08em}.nav-label-section{margin-top:20px}.app-nav-item{min-height:40px;gap:10px;padding:0 10px;margin-bottom:3px;color:#52525b;border-radius:7px;font-size:15px;font-weight:500}.app-nav-item svg{width:17px;height:17px}.app-nav-item:hover{color:#18181b;background:#f4f4f5}.app-nav-item.active{color:#18181b;background:#f4f4f5;box-shadow:inset 0 0 0 1px rgba(0,0,0,.025)}.sidebar-security{padding:14px 18px;border-color:var(--border)}.sidebar-security strong{font-size:13px}.sidebar-security span:not(.status-dot){font-size:12px}.topbar{height:64px;padding:0 22px;border-color:var(--border);background:rgba(255,255,255,.92);backdrop-filter:blur(10px)}.top-search{height:38px;border-color:var(--input);border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,.025)}.top-search input{font-size:15px}.top-search kbd{font-size:12px}.connection-state{min-height:34px;padding:0 10px;border-color:var(--border);font-size:13px}.account-button{min-height:38px;font-size:14px}.account-dropdown,.notification-panel{border-color:var(--border);border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.10)}.account-dropdown button{min-height:36px;font-size:14px}.page{padding:24px}.page-heading{margin-bottom:20px}.page-heading h1{color:var(--foreground);font-size:28px;font-weight:650;letter-spacing:-.025em}.page-heading p{margin-top:4px;color:var(--muted-foreground);font-size:15px}.breadcrumb{font-size:13px}.operations-card,.summary-card,.profile-card,.settings-card,.chat-card{background:var(--card);border-color:var(--border);border-radius:var(--radius);box-shadow:0 1px 2px rgba(0,0,0,.025)}.operations-card-header{min-height:62px;padding:14px 18px;border-color:var(--border)}.operations-card-header h2,.profile-card>h2,.settings-card h2{font-size:17px;font-weight:600;letter-spacing:-.01em}.operations-card-header p,.settings-card p{font-size:13px}.operations-summary,.audit-summary{gap:12px}.summary-card,.audit-summary article{padding:16px;border-radius:var(--radius)}.summary-icon{width:38px;height:38px;border-radius:8px}.summary-card span:not(.summary-icon),.audit-summary span{font-size:13px}.summary-card strong{font-size:28px}.audit-summary strong{font-size:26px}.summary-card small{font-size:12px}.operations-table th{padding:10px 16px;color:#71717a;background:#fafafa;font-size:11px;letter-spacing:.04em}.operations-table td{padding:12px 16px;color:#52525b;font-size:14px}.operations-table td:first-child{color:#27272a}.table-action{height:32px;padding:0 10px;color:#3f3f46;border-color:var(--input);border-radius:7px;font-size:13px;font-weight:500;box-shadow:0 1px 2px rgba(0,0,0,.025)}.table-action:hover{color:#18181b;background:#f4f4f5;border-color:#d4d4d8}.run-status,.machine-online,.crm-badge{padding:4px 8px;border-radius:999px;font-size:12px;font-weight:500}.form-grid textarea,.form-grid select,.field input,.user-filters select,.user-admin-controls select{border-color:var(--input);border-radius:8px;font-size:15px}.field label,.color-field legend{font-size:14px}.profile-modal,.connect-modal,.confirm-dialog{border:1px solid var(--border);border-radius:12px;box-shadow:0 24px 70px rgba(0,0,0,.20)}.modal-backdrop{background:rgba(9,9,11,.55);backdrop-filter:blur(2px)}.modal-header,.modal-footer{padding:18px 20px}.modal-header h2{font-size:20px;letter-spacing:-.02em}.modal-header p{font-size:14px}.modal-body{padding:0 20px}.form-section{padding:18px 0}.profile-hero{border-color:var(--border);border-radius:9px}.notification-toggle strong{font-size:14px}.notification-toggle span{font-size:13px}.notification-toggle>i{width:38px;height:22px}.notification-toggle>i::after{width:16px;height:16px}.notification-toggle input:checked+i::after{transform:translateX(16px)}.transcript-drawer,.machine-drawer,.user-drawer{border-left:1px solid var(--border);box-shadow:-12px 0 36px rgba(0,0,0,.12)}.transcript-drawer>header,.machine-drawer>header{padding:18px 20px}.transcript-drawer h2,.machine-drawer h2{font-size:20px}.transcript-drawer pre{font-size:16px;border-radius:8px}.database-query-form textarea,.webhook-inspector-section pre{border-radius:8px;background:#18181b}.webhook-workspace{gap:12px}.webhook-endpoint-item,.webhook-event-item{font-size:13px}.webhook-method{border-radius:5px}.auth-shell{background:#fafafa}.auth-card{border-color:var(--border);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.08)}.tabs{background:#f4f4f5;border-radius:8px}.tab{font-size:14px}.tab.active{box-shadow:0 1px 2px rgba(0,0,0,.08)}.error,.auth-brand p{font-size:14px}.composer,.people-search{border-color:var(--input);border-radius:8px}.message-body{border-radius:4px 9px 9px 9px;font-size:16px}.message.own .message-body{border-radius:9px 4px 9px 9px}.count{font-size:12px}.confirm-backdrop{z-index:130}.confirm-dialog{width:min(420px,calc(100vw - 32px));display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;padding:20px;background:#fff}.confirm-icon{width:38px;height:38px;display:grid;place-items:center;color:#dc2626;background:#fef2f2;border-radius:50%}.confirm-icon svg{width:18px;height:18px}.confirm-dialog h2{margin:1px 0 6px;font-size:18px;letter-spacing:-.015em}.confirm-dialog p{margin:0;color:var(--muted-foreground);font-size:14px;line-height:1.5}.confirm-dialog footer{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.toast-viewport{position:fixed;right:18px;bottom:18px;z-index:160;width:min(380px,calc(100vw - 36px));display:flex;flex-direction:column;gap:8px;pointer-events:none}.app-toast{display:flex;align-items:center;gap:10px;padding:13px 14px;color:#27272a;background:#fff;border:1px solid var(--border);border-radius:9px;box-shadow:0 10px 30px rgba(0,0,0,.12);opacity:0;transform:translateY(8px);transition:.18s ease}.app-toast.visible{opacity:1;transform:none}.app-toast>span{width:20px;height:20px;display:grid;place-items:center;color:#fff;background:#16a34a;border-radius:50%;font-size:12px;font-weight:700}.app-toast.error>span{background:#dc2626}.app-toast p{margin:0;font-size:14px;font-weight:500}.backup-download-icon{border-radius:7px}
@media(max-width:720px){.topbar{height:60px}.topbar-actions{gap:8px}.page{padding:14px}.page-heading h1{font-size:24px}.summary-card,.audit-summary article{padding:14px}.operations-card-header{padding:13px 14px}.modal-backdrop{padding:0}.profile-modal,.job-modal,.notification-settings-modal,.webhook-modal{border:0;border-radius:0}.toast-viewport{right:12px;bottom:max(12px,env(safe-area-inset-bottom));width:calc(100vw - 24px)}.confirm-backdrop{padding:16px}.confirm-dialog{border-radius:12px}.app-sidebar{width:248px}.chat-card{border-radius:10px}}

/* Larger, more readable interface scale */
body{font-size:17px}.app-nav-item{min-height:44px;font-size:17px}.app-nav-item svg{width:20px;height:20px}.nav-label{font-size:12px}.button{min-height:42px;font-size:16px}.button svg,.icon-button svg,.table-action svg{width:19px;height:19px}.page-heading h1{font-size:32px}.page-heading p{font-size:17px}.operations-card-header h2,.profile-card>h2,.settings-card h2{font-size:19px}.operations-card-header p,.settings-card p{font-size:15px}.operations-table th{font-size:13px}.operations-table td{font-size:16px}.table-action{height:36px;font-size:15px}.summary-card span:not(.summary-icon),.audit-summary span{font-size:15px}.summary-icon{width:42px;height:42px}.summary-icon svg{width:21px;height:21px}.field label,.color-field legend{font-size:16px}.form-grid textarea,.form-grid select,.field input,.user-filters select,.user-admin-controls select,.top-search input{font-size:16px}.account-button,.account-dropdown button{font-size:16px}.message-body{font-size:18px}.transcript-drawer pre{font-size:18px}.webhook-endpoint-item,.webhook-event-item{font-size:15px}.webhook-endpoint-item strong,.webhook-event-item strong{font-size:16px}.webhook-endpoint-item small,.webhook-event-item small,.webhook-event-item time{font-size:14px}.webhook-endpoint-actions button{font-size:14px}.webhook-endpoint-actions button:disabled{opacity:.45;cursor:not-allowed}.app-toast p{font-size:16px}

/* Webhook endpoints: compact card hierarchy inspired by request-inbox tools. */
.webhook-endpoint-list{padding:10px}.webhook-all-item{margin-bottom:10px;border:1px solid var(--border)}.webhook-endpoint-row{position:relative;margin-bottom:10px;padding:0;background:var(--card);border:1px solid var(--border);border-radius:10px;transition:border-color .16s ease,box-shadow .16s ease}.webhook-endpoint-row:hover{border-color:#cbd5e1;box-shadow:0 2px 7px rgba(15,23,42,.05)}.webhook-endpoint-row.active{border-color:#93c5fd;box-shadow:0 0 0 3px rgba(37,99,235,.09)}.webhook-endpoint-item{gap:11px;padding:12px;border-radius:9px}.webhook-endpoint-row>.webhook-endpoint-item{border-radius:9px 9px 0 0}.webhook-endpoint-icon{width:38px;height:38px;border-radius:9px}.webhook-endpoint-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.webhook-endpoint-copy{min-width:0;display:flex;flex-direction:column;gap:5px}.webhook-endpoint-copy>strong{overflow:hidden;color:#27272a;font-size:16px;text-overflow:ellipsis;white-space:nowrap}.webhook-endpoint-copy>small{overflow:hidden;color:var(--muted-foreground);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.webhook-endpoint-meta{display:flex;align-items:center;gap:5px;color:var(--muted-foreground);font-size:13px}.webhook-endpoint-meta i{width:7px;height:7px;flex:0 0 auto;background:#a1a1aa;border-radius:50%}.webhook-endpoint-meta i.online{background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.11)}.webhook-endpoint-meta code{overflow:hidden;color:#71717a;font:12px ui-monospace,SFMono-Regular,Menlo,monospace;text-overflow:ellipsis}.webhook-endpoint-count{min-width:48px;display:flex;flex-direction:column;align-items:flex-end;gap:2px}.webhook-endpoint-count strong{color:#27272a;font-size:18px;line-height:1}.webhook-endpoint-count small{color:var(--muted-foreground);font-size:10px;text-transform:uppercase;letter-spacing:.05em}.webhook-endpoint-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 9px 8px 61px;border-top:1px solid #f1f5f9}.webhook-endpoint-actions button{padding:0;font-size:13px;font-weight:600}.webhook-test-button{height:31px;display:flex;align-items:center;gap:6px;padding:0 10px!important;color:#475569;background:#fff;border:1px solid var(--border)!important;border-radius:7px;box-shadow:0 1px 2px rgba(0,0,0,.03)}.webhook-test-button:hover{color:var(--brand);background:var(--brand-soft);border-color:#bfdbfe!important}.webhook-test-button svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.webhook-more{position:relative}.webhook-more-button{width:31px;height:31px;display:grid;place-items:center;padding:0!important;color:#64748b!important;background:transparent;border:0;border-radius:7px}.webhook-more-button:hover,.webhook-more-button[aria-expanded=true]{color:#27272a!important;background:var(--secondary)}.webhook-more-button svg{width:17px;height:17px;fill:currentColor}.webhook-row-menu{position:absolute;right:0;top:35px;z-index:8;width:180px;padding:5px;background:var(--popover);border:1px solid var(--border);border-radius:9px;box-shadow:0 10px 28px rgba(15,23,42,.14)}.webhook-row-menu button{width:100%;height:36px;display:flex;align-items:center;gap:9px;padding:0 9px!important;color:#3f3f46;background:transparent;border:0;border-radius:6px;font-size:13px!important;text-align:left}.webhook-row-menu button:hover{background:var(--secondary)}.webhook-row-menu button.destructive{color:var(--destructive)}.webhook-row-menu button.destructive:hover{background:#fef2f2}.webhook-row-menu svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.webhook-row-menu svg rect{fill:currentColor;stroke:none}
@media(max-width:720px){.webhook-endpoint-actions{padding-left:59px}.webhook-row-menu{right:-1px}}
.webhook-row-menu{top:auto;bottom:36px;z-index:20}
.webhook-event-item.active{position:relative;background:var(--brand-soft)}.webhook-event-item.active::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--primary)}.webhook-event-summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;padding:16px}.webhook-event-summary>div{min-width:0}.webhook-event-summary>div strong,.webhook-event-summary>div span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.webhook-delivery-status{display:flex!important;align-items:center;gap:6px!important;padding:4px 8px;color:#15803d!important;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:999px;font-size:11px!important;font-weight:650;white-space:nowrap}.webhook-delivery-status i{width:6px;height:6px;background:#22c55e;border-radius:50%}.webhook-request-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;padding:12px 16px;background:#fafafa;border-bottom:1px solid var(--border)}.webhook-request-facts>div{min-width:0;padding-right:10px}.webhook-request-facts dt{margin-bottom:4px;color:var(--muted-foreground);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.webhook-request-facts dd{margin:0;overflow:hidden;color:#3f3f46;font-size:12px;font-weight:550;text-overflow:ellipsis;white-space:nowrap}.webhook-inspector-tabs{display:flex;align-items:center;gap:4px;padding:8px 10px 0;border-bottom:1px solid var(--border)}.webhook-inspector-tabs>button{height:35px;padding:0 9px;color:var(--muted-foreground);background:transparent;border:0;border-bottom:2px solid transparent;font-size:13px;font-weight:600}.webhook-inspector-tabs>button:hover{color:var(--foreground)}.webhook-inspector-tabs>button.active{color:var(--primary);border-bottom-color:var(--primary)}.webhook-inspector-tabs>button span{margin-left:3px;padding:1px 5px;background:var(--secondary);border-radius:999px;font-size:10px}.webhook-inspector-tabs .webhook-copy-detail{height:30px;display:flex;align-items:center;gap:5px;margin:0 0 7px auto;padding:0 8px;color:#52525b;background:#fff;border:1px solid var(--border);border-radius:7px;font-size:12px}.webhook-copy-detail svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.webhook-inspector-panel{padding:14px}.webhook-inspector-panel pre{max-height:320px;margin:0;padding:14px;overflow:auto;color:#dbeafe;background:oklch(.19 .02 255.51);border:1px solid oklch(.3 .02 255.51);border-radius:8px;font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;word-break:break-word}.webhook-inspector-panel dl{margin:0}.webhook-inspector-panel dl>div{display:grid;grid-template-columns:minmax(110px,.42fr) minmax(0,1fr);gap:12px;padding:9px 2px;border-bottom:1px solid #f1f5f9}.webhook-inspector-panel dt{overflow:hidden;color:#6366f1;font:12px ui-monospace,SFMono-Regular,Menlo,monospace;text-overflow:ellipsis}.webhook-inspector-panel dd{margin:0;overflow-wrap:anywhere;color:#3f3f46;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}
@media(max-width:720px){.webhook-request-facts{grid-template-columns:1fr 1fr}.webhook-request-facts>div:first-child{grid-column:1/-1;margin-bottom:10px}.webhook-event-summary{grid-template-columns:auto minmax(0,1fr)}.webhook-delivery-status{grid-column:2;justify-self:start}}
.deployment-alert-backdrop{z-index:175;background:rgba(9,9,11,.52);backdrop-filter:blur(4px)}.deployment-alert-dialog{position:relative;width:min(480px,calc(100vw - 32px));padding:28px;background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:0 28px 80px rgba(15,23,42,.28)}.deployment-alert-dialog>.modal-close{position:absolute;top:16px;right:16px}.deployment-alert-icon{position:relative;width:50px;height:50px;display:grid;place-items:center;margin-bottom:18px;color:#b45309;background:#fffbeb;border:1px solid #fde68a;border-radius:12px}.deployment-alert-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.deployment-alert-icon i{position:absolute;right:-3px;top:-3px;width:10px;height:10px;background:#f59e0b;border:2px solid #fff;border-radius:50%;animation:deployment-attention 1.5s ease-in-out infinite}.deployment-alert-copy>span{display:block;margin-bottom:6px;color:#b45309;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.deployment-alert-copy h2{margin:0 0 8px;color:var(--foreground);font-size:24px;letter-spacing:-.025em}.deployment-alert-copy p{margin:0;color:var(--muted-foreground);font-size:15px;line-height:1.55}.deployment-alert-revisions{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:22px 0;padding:14px;background:var(--secondary);border:1px solid var(--border);border-radius:10px}.deployment-alert-revisions>span{min-width:0;display:flex;flex-direction:column;gap:4px}.deployment-alert-revisions small{color:var(--muted-foreground);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.deployment-alert-revisions code{overflow:hidden;color:var(--foreground);font:600 13px ui-monospace,SFMono-Regular,Menlo,monospace;text-overflow:ellipsis}.deployment-alert-revisions>svg{width:18px;height:18px;fill:none;stroke:var(--muted-foreground);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.deployment-alert-dialog footer{display:flex;justify-content:flex-end;gap:8px}.deployment-alert-dialog footer svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}@media(max-width:520px){.deployment-alert-dialog{padding:24px 20px}.deployment-alert-dialog footer{flex-direction:column-reverse}.deployment-alert-dialog footer .button{width:100%;justify-content:center}}

/* Mobile-first usability pass */
@media(max-width:720px){
  html,body{height:100%;min-height:100%;overscroll-behavior:none}body{min-height:100dvh}.app-shell{height:100dvh}.app-main{height:100dvh;overflow:hidden}
  .topbar{height:58px;gap:9px;padding:0 10px}.topbar-actions{gap:7px}.mobile-only,.icon-button,.notification-button{width:44px;height:44px;min-width:44px}.top-search{height:44px;padding:0 10px}.top-search input{font-size:16px}.topbar .avatar-sm{width:38px;height:38px}.account-button{min-height:44px;padding:3px}
  .app-sidebar{width:min(86vw,320px);max-width:320px}.sidebar-logo{height:64px;padding:0 18px}.app-nav{min-height:0;padding:16px 12px;overflow-y:auto}.app-nav-item{min-height:48px;margin-bottom:4px;padding:0 12px;font-size:17px}.app-nav-item svg{width:20px;height:20px}.nav-label{margin:8px 10px 7px;font-size:11px}.nav-label-section{margin-top:18px}.sidebar-security{padding:15px 18px;padding-bottom:max(15px,env(safe-area-inset-bottom))}
  .page{padding:14px 12px max(18px,env(safe-area-inset-bottom));overflow-x:hidden;overscroll-behavior:contain}.page-heading{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:15px}.page-heading h1{font-size:clamp(27px,8vw,31px);line-height:1.12}.page-heading p{display:block;margin-top:5px;font-size:15px;line-height:1.45}.page-heading .breadcrumb{display:none}.operations-heading-actions{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px}.operations-heading-actions .button{min-height:44px}.operations-updated{font-size:13px}
  .operations-summary,.audit-summary,.user-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.summary-card,.audit-summary article{min-height:106px;padding:14px}.summary-card strong,.audit-summary strong{font-size:25px}.summary-card span:not(.summary-icon),.audit-summary span{font-size:13px}.summary-icon{width:38px;height:38px}
  .operations-card-header{min-height:auto;align-items:flex-start;gap:10px;padding:14px}.operations-card-header h2{font-size:18px}.operations-card-header p{font-size:14px;line-height:1.4}.operations-card-header>.table-action{height:40px;flex:0 0 auto}.operations-card,.summary-card,.profile-card,.settings-card,.chat-card,.home-section,.home-status-card{border-radius:10px}
  .operations-table-wrap{width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.operations-table{min-width:720px}.operations-table th,.operations-table td{padding:11px 13px}.operations-table td{font-size:15px}.table-action{min-height:40px;padding-inline:11px}.run-actions{gap:6px}
  .machine-item{align-items:flex-start;grid-template-columns:auto minmax(0,1fr);gap:10px;padding:14px}.machine-item-actions{grid-column:1/-1;width:100%;justify-content:space-between;padding-left:0}.deployment-update-button{min-height:44px}.machine-online{min-height:30px;display:flex;align-items:center}.machine-copy>span{white-space:normal;line-height:1.4}
  .webhook-workspace{display:flex;flex-direction:column;gap:12px;min-height:0}.webhook-workspace>.operations-card{overflow:hidden}.webhook-endpoint-list,.webhook-event-list{max-height:300px}.webhook-endpoint-item{min-height:64px}.webhook-endpoint-actions{padding-left:59px}.webhook-test-button,.webhook-more-button{min-height:40px}.webhook-more-button{width:40px}.webhook-row-menu{bottom:44px}.webhook-events-card{order:2}.webhook-inspector{order:3}.webhook-inspector-body{max-height:none}.webhook-inspector-panel pre{max-height:380px;font-size:12px}.webhook-inspector-tabs{overflow-x:auto}.webhook-inspector-tabs>button{min-width:max-content;min-height:44px}.webhook-inspector-tabs .webhook-copy-detail{min-width:max-content;margin-left:auto}
  .chat-card{height:calc(100dvh - 86px);border-radius:10px}.conversation-header{min-height:62px}.conversation-actions .live-label{display:none}.messages{padding:14px 10px}.message{max-width:94%;margin-bottom:15px}.message.own{max-width:90%}.message-body{font-size:17px}.composer-shell{padding:8px;padding-bottom:max(8px,env(safe-area-inset-bottom));background:var(--card)}.composer{min-height:48px}.composer-icon,.send-button{width:40px;height:40px;min-width:40px}.composer input{font-size:16px}
  .home-hero{padding:20px 18px}.home-hero h1{font-size:27px}.home-status-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.home-status-card{min-height:112px;padding:14px}.home-actions{grid-template-columns:1fr}.home-action-card{min-height:72px;padding:14px}.home-live-grid{gap:12px}.home-section>header{padding:15px}.home-activity-list,.home-chat-list{margin:0}
  .profile-card,.settings-card{padding:15px}.profile-hero{gap:14px;padding:15px}.profile-actions{display:grid;grid-template-columns:1fr 1fr}.profile-actions .button:first-child{grid-column:1/-1}.profile-actions .button{min-height:44px}.profile-bio{margin:16px 4px 0;font-size:16px}.info-grid{grid-template-columns:1fr;gap:18px}.info-grid .wide{grid-column:auto}.info-grid dd{white-space:normal;overflow-wrap:anywhere}.section-heading{margin-bottom:18px}.edit-link{min-width:64px;height:42px}
  .modal-backdrop{align-items:end;padding:0}.profile-modal,.connect-modal,.confirm-dialog,.deployment-alert-dialog{width:100%;max-width:none;max-height:92dvh;margin:0;border-radius:16px 16px 0 0;border-bottom:0}.modal-header,.modal-footer{padding:16px}.modal-header h2{font-size:21px}.modal-body{padding:0 16px}.modal-footer{padding-bottom:max(16px,env(safe-area-inset-bottom))}.modal-footer .button{min-height:44px}.confirm-dialog{grid-template-columns:auto minmax(0,1fr);padding:20px 16px max(18px,env(safe-area-inset-bottom))}.confirm-dialog footer{flex-direction:column-reverse}.confirm-dialog footer .button{width:100%}.deployment-alert-dialog{padding:22px 18px max(18px,env(safe-area-inset-bottom))}.deployment-alert-dialog footer{flex-direction:column-reverse}.deployment-alert-dialog footer .button{width:100%}
  .transcript-drawer,.machine-drawer,.user-drawer{width:100%;max-width:none}.transcript-drawer>header,.machine-drawer>header,.user-drawer>header{padding:15px}.transcript-drawer pre{font-size:15px}.machine-drawer-body,.user-drawer-body{padding-inline:14px;padding-bottom:max(18px,env(safe-area-inset-bottom))}
  input,select,textarea{font-size:16px!important}button,a,input,select,label[for]{touch-action:manipulation}.button,.table-action,.edit-link,.modal-close{min-height:44px}
}
@media(max-width:430px){
  .top-search{padding-inline:9px}.top-search svg{width:18px;height:18px}.operations-summary,.audit-summary,.user-summary,.home-status-grid{grid-template-columns:1fr 1fr}.summary-card,.audit-summary article{min-height:100px}.operations-heading-actions{align-items:stretch;flex-direction:column}.operations-heading-actions .button{width:100%}.webhooks-live{align-self:flex-start}.webhook-event-item{grid-template-columns:auto minmax(0,1fr);padding:13px}.webhook-event-item time{grid-column:2}.webhook-endpoint-count{min-width:40px}.webhook-endpoint-actions{padding-left:12px}.webhook-request-facts{padding:11px 13px}.webhook-inspector-panel{padding:10px}.webhook-inspector-panel dl>div{grid-template-columns:1fr;gap:4px}.profile-copy{min-width:calc(100% - 90px)}.profile-actions{grid-template-columns:1fr}.profile-actions .button:first-child{grid-column:auto}.deployment-alert-revisions{gap:8px;padding:12px}.deployment-alert-copy h2{font-size:22px}
}
@media(max-width:720px){body{font-size:16px}.page-heading h1{font-size:28px}.page-heading p{font-size:16px}.app-nav-item{font-size:16px}.message-body,.transcript-drawer pre{font-size:17px}}
/* Signed-in home */
.home-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px;padding:26px 28px;color:#fff;background:linear-gradient(135deg,#18181b 0%,#27272a 58%,#1d4ed8 145%);border-radius:14px;box-shadow:0 8px 24px rgba(24,24,27,.12)}.home-hero-copy{min-width:0;display:flex;align-items:center;gap:17px}.home-hero-copy p{margin:0 0 3px;color:#a1a1aa;font-size:14px;font-weight:600}.home-hero-copy h1{margin:0;font-size:30px;line-height:1.15;letter-spacing:-.025em}.home-hero-copy>div>span{display:block;margin-top:7px;color:#d4d4d8;font-size:16px}.home-avatar{width:58px;height:58px;flex:0 0 auto;border:2px solid rgba(255,255,255,.25);font-size:21px}.home-hero .button-secondary{color:#18181b;background:#fff;border-color:#fff}.home-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.home-status-card{min-width:0;display:flex;align-items:center;gap:14px;padding:18px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 1px 2px rgba(0,0,0,.025)}.home-status-card>div{min-width:0;display:flex;flex-direction:column;gap:2px}.home-status-card span:not(.summary-icon){color:var(--muted-foreground);font-size:14px}.home-status-card strong{overflow:hidden;color:var(--foreground);font-size:20px;text-overflow:ellipsis;white-space:nowrap}.home-status-card small{overflow:hidden;color:var(--muted-foreground);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.home-section{padding:20px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 1px 2px rgba(0,0,0,.025)}.home-section>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.home-section h2{margin:0 0 3px;font-size:20px;letter-spacing:-.015em}.home-section p{margin:0;color:var(--muted-foreground);font-size:15px}.home-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-action-card{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:16px;color:var(--foreground);background:#fff;border:1px solid var(--border);border-radius:9px;text-align:left;transition:.15s ease}.home-action-card:hover{background:var(--accent);border-color:#d4d4d8;transform:translateY(-1px)}.home-action-icon{width:42px;height:42px;display:grid;place-items:center;color:var(--primary);background:var(--brand-soft);border-radius:9px}.home-action-icon svg{width:21px;height:21px}.home-action-card>span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:3px}.home-action-card strong{font-size:16px}.home-action-card small{overflow:hidden;color:var(--muted-foreground);font-size:14px;text-overflow:ellipsis;white-space:nowrap}.home-action-arrow{width:20px;height:20px;color:#a1a1aa}.home-action-card.hidden{display:none}
@media(max-width:1100px){.home-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.home-hero{align-items:flex-start;flex-direction:column;padding:20px}.home-hero .button{width:100%}.home-status-grid,.home-action-grid{grid-template-columns:1fr}.home-status-card{padding:16px}.home-section{padding:15px}.home-hero-copy h1{font-size:26px}.home-action-card small{white-space:normal}.home-avatar{width:52px;height:52px}}

/* Live home activity */
.home-live-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:12px;margin-top:12px}.home-activity-section,.home-chat-section{min-width:0}.home-activity-list,.home-chat-list{margin:0 -20px}.home-activity-item,.home-chat-item{width:100%;min-width:0;display:grid;align-items:center;gap:12px;padding:14px 20px;color:var(--foreground);background:transparent;border:0;border-top:1px solid var(--border);text-align:left}.home-activity-item{grid-template-columns:auto minmax(0,1fr) auto}.home-chat-item{grid-template-columns:auto minmax(0,1fr) auto}.home-activity-item:hover,.home-chat-item:hover{background:var(--accent)}.home-activity-item>span:nth-child(2),.home-chat-item>span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:3px}.home-activity-item strong,.home-chat-item strong{font-size:16px;font-weight:600}.home-activity-item small,.home-chat-item small{overflow:hidden;color:var(--muted-foreground);font-size:14px;text-overflow:ellipsis;white-space:nowrap}.home-activity-item time,.home-chat-item time{color:var(--muted-foreground);font-size:13px}.home-feed-icon{width:40px;height:40px;display:grid;place-items:center;color:var(--primary);background:var(--brand-soft);border-radius:9px}.home-feed-icon svg{width:20px;height:20px}.home-feed-icon.warning{color:#b45309;background:#fffbeb}.home-feed-icon.critical{color:var(--destructive);background:#fef2f2}.home-feed-icon.success{color:#15803d;background:#f0fdf4}.home-feed-empty{padding:30px 20px;color:var(--muted-foreground);border-top:1px solid var(--border);font-size:15px;text-align:center}.home-profile-progress{width:100%;display:flex;flex-direction:column;gap:10px;margin-top:16px;padding:14px;color:var(--foreground);background:var(--muted);border:0;border-radius:9px;text-align:left}.home-profile-progress>span{display:flex;align-items:center;justify-content:space-between;gap:12px}.home-profile-progress strong{font-size:14px}.home-profile-progress small{color:var(--muted-foreground);font-size:13px}.home-profile-progress>i{height:7px;overflow:hidden;background:#e4e4e7;border-radius:999px}.home-profile-progress>i>b{height:100%;display:block;background:var(--primary);border-radius:inherit;transition:width .25s ease}.home-profile-progress.complete{display:none}
@media(max-width:1050px){.home-live-grid{grid-template-columns:1fr}}
@media(max-width:720px){.home-live-grid{margin-top:10px}.home-activity-list,.home-chat-list{margin:0 -15px}.home-activity-item,.home-chat-item{padding:13px 15px}.home-activity-item{grid-template-columns:auto minmax(0,1fr)}.home-activity-item>.home-action-arrow{display:none}.home-activity-item time{margin-top:2px}.home-chat-item time{display:none}.home-activity-item small{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.home-section>header{align-items:flex-start}}

/* Verified email change */
.email-detail{display:flex;align-items:center;gap:10px}.email-detail .edit-link{font-size:13px}.email-change-modal{width:min(100%,520px)}.email-change-body{display:flex;flex-direction:column;gap:17px;padding:20px}.email-current{display:flex;flex-direction:column;gap:4px;padding:13px 14px;background:var(--muted);border-radius:8px}.email-current span{color:var(--muted-foreground);font-size:13px}.email-current strong{font-size:15px}.email-change-footer{margin:3px -20px -20px;padding:16px 20px}.email-code-copy{display:flex;align-items:flex-start;gap:13px;padding:14px;color:var(--foreground);background:var(--brand-soft);border:1px solid #dbeafe;border-radius:9px}.email-code-copy .summary-icon{flex:0 0 auto}.email-code-copy strong{font-size:16px}.email-code-copy p{margin:4px 0 0;color:var(--muted-foreground);font-size:14px;line-height:1.45}.verification-code-input{font:600 24px/1 ui-monospace,SFMono-Regular,Menlo,monospace!important;letter-spacing:.3em;text-align:center}.email-change-body.hidden{display:none}
@media(max-width:720px){.email-change-modal{height:auto;max-height:calc(100dvh - 32px);margin:16px;border-radius:12px}.email-change-footer{flex-direction:column-reverse}.email-change-footer .button{width:100%}}

/* Basecoat Sera theme bridge — shadcn tokens for Modum's vanilla UI */
:root{--radius:.75rem;--background:oklch(.985 .003 247.86);--foreground:oklch(.18 .014 255.51);--card:oklch(1 0 0);--card-foreground:var(--foreground);--popover:oklch(1 0 0);--popover-foreground:var(--foreground);--primary:oklch(.546 .245 262.88);--primary-foreground:oklch(.985 0 0);--secondary:oklch(.967 .003 264.54);--secondary-foreground:oklch(.24 .015 255.51);--muted:oklch(.967 .003 264.54);--muted-foreground:oklch(.52 .02 255.51);--accent:oklch(.95 .025 255.51);--accent-foreground:oklch(.34 .16 262.88);--destructive:oklch(.577 .245 27.325);--destructive-foreground:oklch(.985 0 0);--border:oklch(.91 .008 255.51);--input:oklch(.89 .01 255.51);--ring:oklch(.546 .245 262.88);--brand:var(--primary);--brand-dark:oklch(.488 .243 264.376);--brand-soft:oklch(.955 .03 255.51);--text:var(--foreground);--canvas:var(--background);--green:oklch(.627 .194 149.214);--shadow-xs:0 1px 2px oklch(.18 .014 255.51/.04);--shadow-sm:0 1px 2px oklch(.18 .014 255.51/.06),0 1px 3px oklch(.18 .014 255.51/.04);--shadow-md:0 8px 24px oklch(.18 .014 255.51/.08),0 2px 6px oklch(.18 .014 255.51/.04);--shadow-lg:0 24px 64px oklch(.18 .014 255.51/.16);font-family:"Geist Sans",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body,.app-shell{color:var(--foreground);background:var(--background)}.app-sidebar,.topbar{background:color-mix(in oklch,var(--card) 96%,transparent);border-color:var(--border)}.topbar{box-shadow:var(--shadow-xs);backdrop-filter:blur(14px)}.sidebar-logo,.sidebar-security{border-color:var(--border)}.app-nav-item{color:var(--muted-foreground);border:1px solid transparent;border-radius:calc(var(--radius) - 3px);transition:background-color .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease}.app-nav-item:hover{color:var(--foreground);background:var(--secondary)}.app-nav-item.active{color:var(--primary);background:var(--brand-soft);border-color:color-mix(in oklch,var(--primary) 14%,transparent);box-shadow:var(--shadow-xs)}.nav-label{color:color-mix(in oklch,var(--muted-foreground) 78%,transparent)}.page-heading h1,.operations-card-header h2,.home-section h2{color:var(--foreground)}.page-heading p,.operations-card-header p,.home-section p{color:var(--muted-foreground)}
.operations-card,.summary-card,.profile-card,.settings-card,.chat-card,.home-section,.home-status-card,.audit-summary article{background:var(--card);border-color:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xs)}.home-hero{background:linear-gradient(135deg,oklch(.205 .015 255.51),oklch(.27 .04 262.88) 68%,oklch(.42 .19 262.88) 145%);border:1px solid color-mix(in oklch,var(--primary) 22%,transparent);border-radius:calc(var(--radius) + 4px);box-shadow:var(--shadow-md)}.button,.table-action,.edit-link,.clear-chat-button{border-radius:calc(var(--radius) - 3px);box-shadow:var(--shadow-xs);transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease}.button-primary,.send-button{color:var(--primary-foreground);background:var(--primary);border-color:var(--primary)}.button-primary:hover,.send-button:hover{background:var(--brand-dark);box-shadow:var(--shadow-sm)}.button-secondary,.table-action,.edit-link{color:var(--secondary-foreground);background:var(--card);border-color:var(--input)}.button-secondary:hover,.table-action:hover,.edit-link:hover{color:var(--foreground);background:var(--secondary);border-color:color-mix(in oklch,var(--foreground) 20%,var(--border))}
.top-search,.people-search,.composer,.field input,.form-grid textarea,.form-grid select,.user-filters select,.user-admin-controls select{color:var(--foreground);background:var(--card);border-color:var(--input);border-radius:calc(var(--radius) - 2px);box-shadow:var(--shadow-xs)}.top-search:focus-within,.people-search:focus-within,.composer:focus-within,.field input:focus,.form-grid textarea:focus,.form-grid select:focus{border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in oklch,var(--ring) 18%,transparent);outline:0}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,label:focus-within{outline:2px solid var(--ring);outline-offset:2px}.operations-table th{color:var(--muted-foreground);background:var(--background);border-color:var(--border)}.operations-table td{color:var(--muted-foreground);border-color:var(--border)}.operations-table tbody tr:hover td{background:color-mix(in oklch,var(--accent) 55%,var(--card))}
.account-dropdown,.notification-panel,.profile-modal,.connect-modal,.job-modal,.webhook-modal,.confirm-dialog{color:var(--popover-foreground);background:var(--popover);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg)}.account-dropdown button:hover,.notification-item:hover{background:var(--secondary)}.transcript-drawer,.machine-drawer,.user-drawer{background:var(--card);border-color:var(--border);box-shadow:var(--shadow-lg)}.app-toast{color:var(--foreground);background:var(--popover);border-color:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md)}.tabs{background:var(--secondary);border:1px solid var(--border);border-radius:calc(var(--radius) - 2px)}.tab{color:var(--muted-foreground)}.tab.active{color:var(--foreground);background:var(--card);box-shadow:var(--shadow-sm)}
.auth-shell{background:radial-gradient(circle at 50% -10%,color-mix(in oklch,var(--primary) 10%,white),var(--background) 48%,color-mix(in oklch,var(--muted) 80%,white))}.auth-card{background:var(--card);border-color:var(--border);border-radius:calc(var(--radius) + 2px);box-shadow:var(--shadow-lg)}.home-action-card,.home-activity-item,.home-chat-item,.webhook-event-item{color:var(--foreground);background:var(--card);border-color:var(--border)}.home-action-card:hover,.home-activity-item:hover,.home-chat-item:hover,.webhook-event-item:hover{background:var(--secondary)}.home-action-icon,.home-feed-icon,.summary-blue,.summary-purple{color:var(--primary);background:var(--brand-soft)}.home-profile-progress{background:var(--secondary);border:1px solid var(--border)}.home-profile-progress>i{background:var(--border)}.home-profile-progress>i>b{background:var(--primary)}.message-body{color:var(--foreground);background:var(--secondary)}.message.own .message-body{color:var(--primary-foreground);background:var(--primary)}.database-query-form textarea,.webhook-inspector-section pre,.transcript-drawer pre{background:oklch(.19 .02 255.51);border:1px solid oklch(.3 .02 255.51)}
@media(max-width:720px){.operations-card,.summary-card,.profile-card,.settings-card,.chat-card,.home-section,.home-status-card{border-radius:calc(var(--radius) - 2px)}.home-hero{border-radius:var(--radius)}}

/* PM2 process monitoring */
.pm2-panel{overflow:hidden;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xs)}.pm2-panel>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid var(--border)}.pm2-panel h3{margin:0 0 4px;font-size:18px}.pm2-panel header p{margin:0;color:var(--muted-foreground);font-size:14px}.pm2-process-list{display:flex;flex-direction:column}.pm2-process{min-width:0;display:grid;grid-template-columns:auto minmax(180px,1fr) 74px 100px auto auto;align-items:center;gap:13px;padding:14px 18px;border-bottom:1px solid var(--border)}.pm2-process:last-child{border-bottom:0}.pm2-status{width:11px;height:11px;display:grid;place-items:center}.pm2-status i{width:9px;height:9px;background:var(--muted-foreground);border-radius:999px}.pm2-status.online i{background:var(--green);box-shadow:0 0 0 4px color-mix(in oklch,var(--green) 14%,transparent)}.pm2-status.errored i,.pm2-status.stopped i{background:var(--destructive);box-shadow:0 0 0 4px color-mix(in oklch,var(--destructive) 12%,transparent)}.pm2-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.pm2-copy strong,.pm2-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pm2-copy strong{font-size:16px}.pm2-copy small{color:var(--muted-foreground);font-size:13px}.pm2-metrics{display:flex;flex-direction:column;gap:2px}.pm2-metrics b{font-size:15px;font-weight:600}.pm2-metrics small{color:var(--muted-foreground);font-size:12px}.pm2-badge{padding:4px 8px;color:var(--muted-foreground);background:var(--secondary);border-radius:999px;font-size:12px;font-weight:600;text-transform:capitalize}.pm2-badge.online{color:oklch(.43 .14 149);background:oklch(.97 .035 149)}.pm2-badge.errored,.pm2-badge.stopped{color:var(--destructive);background:oklch(.97 .025 27.325)}.pm2-actions{display:flex;gap:7px}
@media(max-width:820px){.pm2-process{grid-template-columns:auto minmax(0,1fr) auto}.pm2-metrics{display:none}.pm2-actions{grid-column:2/-1}.pm2-badge{align-self:start}}@media(max-width:520px){.pm2-panel>header{align-items:flex-start}.pm2-process{padding:14px}.pm2-actions{width:100%}.pm2-actions .table-action{flex:1}}

/* Live transcript controls */
.transcript-toolbar{display:flex;flex-direction:column;gap:10px;margin:16px 24px 0}.transcript-toolbar .transcript-search{width:100%;margin:0}.transcript-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.transcript-controls .table-action.active{color:var(--primary);background:var(--brand-soft);border-color:color-mix(in oklch,var(--primary) 35%,var(--border))}.transcript-controls .table-action[aria-pressed="true"]{box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--primary) 18%,transparent)}
@media(max-width:720px){.transcript-toolbar{margin:14px 16px 0}.transcript-controls{display:grid;grid-template-columns:repeat(3,1fr)}.transcript-controls .table-action{width:100%;padding-inline:6px}}

/* Keep the transcript above the machine details drawer. */
#transcript-backdrop{z-index:99}#transcript-drawer{z-index:100}

.pm2-action-select{min-width:104px;padding-right:28px;cursor:pointer}.pm2-action-select:disabled{cursor:wait}

/* Machine activity timeline */
.machine-activity-panel{margin:16px 0;overflow:hidden;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xs)}.machine-activity-panel>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid var(--border)}.machine-activity-panel h3{margin:0 0 4px;font-size:18px}.machine-activity-panel header p{margin:0;color:var(--muted-foreground);font-size:14px}.machine-activity-panel header>span{color:var(--muted-foreground);font-size:13px;white-space:nowrap}.machine-activity-list{display:flex;flex-direction:column}.machine-activity-item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:15px 18px;border-bottom:1px solid var(--border)}.machine-activity-item:last-child{border-bottom:0}.machine-activity-icon{width:34px;height:34px;display:grid;place-items:center;color:var(--primary);background:var(--brand-soft);border-radius:9px;font-size:13px;font-weight:750}.machine-activity-icon.job{color:oklch(.48 .18 292);background:oklch(.96 .025 292)}.machine-activity-icon.alert{color:var(--destructive);background:oklch(.97 .025 27.325)}.machine-activity-copy{min-width:0}.machine-activity-copy>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.machine-activity-copy strong{min-width:0;overflow:hidden;font-size:16px;text-overflow:ellipsis;white-space:nowrap}.machine-activity-copy p{margin:4px 0;color:var(--muted-foreground);font-size:14px}.machine-activity-copy small{color:var(--muted-foreground);font-size:13px}.machine-activity-copy details{margin-top:10px}.machine-activity-copy summary{width:max-content;color:var(--primary);font-size:13px;font-weight:600;cursor:pointer}.machine-activity-copy pre{max-height:220px;margin:8px 0 0;padding:12px;overflow:auto;color:oklch(.88 .02 255);background:oklch(.19 .02 255.51);border-radius:8px;font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;white-space:pre-wrap;word-break:break-word}
.machine-activity-toggle{height:34px;display:flex;align-items:center;gap:7px;padding:0 9px;color:var(--muted-foreground);background:var(--card);border:1px solid var(--border);border-radius:8px;font-size:13px;white-space:nowrap}.machine-activity-toggle:hover{color:var(--foreground);background:var(--secondary)}.machine-activity-toggle svg{width:16px;height:16px;transition:transform .18s ease}.machine-activity-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}.machine-activity-list.collapsed{display:none}.machine-activity-panel:has(.machine-activity-list.collapsed)>header{border-bottom:0}
@media(max-width:520px){.machine-activity-panel>header{align-items:flex-start}.machine-activity-item{padding:14px}.machine-activity-copy>div{align-items:flex-start;flex-direction:column;gap:7px}.machine-activity-copy strong{white-space:normal}}

/* Alert rules */
.alert-rules-card{margin-bottom:20px;overflow:hidden}.alert-rules-form{padding:18px 20px}.alert-rule-toggle{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:17px}.alert-rule-toggle.compact{padding:17px 0;border-top:1px solid var(--border)}.alert-rule-toggle span{display:flex;flex-direction:column;gap:4px}.alert-rule-toggle strong{font-size:16px}.alert-rule-toggle small{color:var(--muted-foreground);font-size:13px}.alert-rule-toggle input{width:42px;height:24px;accent-color:var(--primary)}.alert-rule-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:17px 0;border-top:1px solid var(--border)}.alert-rule-grid>label{display:flex;flex-direction:column;gap:8px}.alert-rule-grid>label>span{color:var(--muted-foreground);font-size:14px;font-weight:600}.alert-rule-grid>label>div{height:42px;display:flex;align-items:center;gap:8px;padding:0 10px;background:var(--card);border:1px solid var(--input);border-radius:calc(var(--radius) - 2px)}.alert-rule-grid input{width:60px;min-width:0;color:var(--foreground);background:transparent;border:0;outline:0;font-size:16px;font-weight:600}.alert-rule-grid b{color:var(--muted-foreground);font-weight:400}.alert-rule-grid small{margin-left:auto;color:var(--muted-foreground);font-size:12px}.alert-rules-form footer{display:flex;align-items:center;justify-content:flex-end;gap:14px}.alert-rules-form footer span{color:var(--muted-foreground);font-size:14px}.alert-rules-form footer span:first-child{margin-right:auto}
@media(max-width:900px){.alert-rule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.alert-rules-form{padding:16px}.alert-rule-grid{grid-template-columns:1fr}.alert-rule-toggle{align-items:flex-start}.alert-rules-form footer{align-items:stretch;flex-direction:column}.alert-rules-form footer span:first-child{margin-right:0}.alert-rules-form footer .button{width:100%}}

/* Agent version health */
.agent-health-panel{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px;margin-bottom:16px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xs)}.agent-health-main{min-width:0;display:flex;align-items:center;gap:12px}.agent-health-icon{width:40px;height:40px;display:grid;place-items:center;flex:0 0 auto;color:var(--primary);background:var(--brand-soft);border-radius:10px}.agent-health-icon svg{width:21px;height:21px}.agent-health-main>div{min-width:0;display:flex;flex-direction:column;gap:3px}.agent-health-main>div>span,.agent-health-main small{color:var(--muted-foreground);font-size:13px}.agent-health-main strong{font-size:17px}.agent-health-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.agent-version-badge{padding:5px 9px;color:var(--muted-foreground);background:var(--secondary);border-radius:999px;font-size:12px;font-weight:650;white-space:nowrap}.agent-version-badge.current{color:oklch(.43 .14 149);background:oklch(.97 .035 149)}.agent-version-badge.outdated{color:oklch(.5 .16 55);background:oklch(.97 .035 75)}
.machine-quick-action{display:inline-flex;align-items:center;gap:7px}.machine-quick-action svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:600px){.agent-health-panel{align-items:flex-start;flex-direction:column}.agent-health-actions{width:100%;justify-content:space-between}.agent-health-actions .table-action{height:38px}}

/* Editable machine identity */
.machine-identity-panel{margin-bottom:16px;overflow:hidden;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xs)}.machine-identity-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid var(--border)}.machine-identity-panel h3{margin:0 0 4px;font-size:18px}.machine-identity-panel header p{margin:0;color:var(--muted-foreground);font-size:14px;line-height:1.45}.machine-identity-panel header code{max-width:42%;padding:5px 8px;overflow:hidden;color:var(--muted-foreground);background:var(--secondary);border:1px solid var(--border);border-radius:7px;font:12px/1.2 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;text-overflow:ellipsis;white-space:nowrap}.machine-identity-panel form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;padding:18px}.machine-identity-panel form>label{min-width:0;display:flex;flex-direction:column;gap:7px}.machine-identity-panel form>label>span{color:var(--muted-foreground);font-size:14px;font-weight:600}.machine-identity-panel input,.machine-identity-panel select,.machine-identity-panel textarea{width:100%;color:var(--foreground);background:var(--card);border:1px solid var(--input);border-radius:calc(var(--radius) - 2px);box-shadow:var(--shadow-xs);font:inherit;font-size:16px;outline:0}.machine-identity-panel input,.machine-identity-panel select{height:43px;padding:0 12px}.machine-identity-panel textarea{min-height:76px;padding:10px 12px;line-height:1.5;resize:vertical}.machine-identity-panel input:focus,.machine-identity-panel select:focus,.machine-identity-panel textarea:focus{border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in oklch,var(--ring) 18%,transparent)}.machine-identity-notes,.machine-identity-panel form>footer{grid-column:1/-1}.machine-identity-panel form>footer{display:flex;align-items:center;justify-content:flex-end;gap:14px;padding-top:2px}.machine-identity-panel form>footer span{color:var(--muted-foreground);font-size:14px}.machine-identity-panel form>footer span:not(:empty){color:oklch(.43 .14 149)}.machine-identity-remove{margin-right:auto}
@media(max-width:600px){.machine-identity-panel>header{flex-direction:column}.machine-identity-panel header code{max-width:100%}.machine-identity-panel form{grid-template-columns:1fr;padding:16px}.machine-identity-notes,.machine-identity-panel form>footer{grid-column:auto}.machine-identity-panel form>footer{align-items:stretch;flex-direction:column}.machine-identity-remove{margin-right:0}.machine-identity-panel form>footer .button{width:100%}}

/* Machine connection diagnostics */
.machine-diagnostics-panel{margin-bottom:16px;overflow:hidden;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xs)}.machine-diagnostics-panel>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px;border-bottom:1px solid var(--border)}.machine-diagnostics-panel h3{margin:0 0 4px;font-size:18px}.machine-diagnostics-panel header p{margin:0;color:var(--muted-foreground);font-size:14px}.machine-diagnostics-panel dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.machine-diagnostics-panel dl>div{min-width:0;padding:14px 18px;border-bottom:1px solid var(--border)}.machine-diagnostics-panel dl>div:nth-child(odd){border-right:1px solid var(--border)}.machine-diagnostics-panel dl>div:nth-last-child(-n+2){border-bottom:0}.machine-diagnostics-panel dt{margin-bottom:5px;color:var(--muted-foreground);font-size:13px;font-weight:600}.machine-diagnostics-panel dd{margin:0;overflow:hidden;color:var(--foreground);font-size:15px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.machine-diagnostics-panel dd.diagnostic-online{color:oklch(.43 .14 149)}.machine-diagnostics-panel dd.diagnostic-offline{color:var(--destructive)}
@media(max-width:600px){.machine-diagnostics-panel>header{align-items:flex-start;flex-direction:column}.machine-diagnostics-panel>header .table-action{width:100%}.machine-diagnostics-panel dl{grid-template-columns:1fr}.machine-diagnostics-panel dl>div:nth-child(odd){border-right:0}.machine-diagnostics-panel dl>div:nth-last-child(2){border-bottom:1px solid var(--border)}}

/* Per-machine alert monitoring */
.machine-identity-panel form>label.machine-monitoring-toggle{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;flex-direction:row;gap:18px;padding:14px;background:var(--secondary);border:1px solid var(--border);border-radius:calc(var(--radius) - 2px)}.machine-monitoring-toggle>span{display:flex;flex-direction:column;gap:4px}.machine-monitoring-toggle>span strong{color:var(--foreground);font-size:15px}.machine-monitoring-toggle>span small{color:var(--muted-foreground);font-size:13px;font-weight:400;line-height:1.4}.machine-identity-panel .machine-monitoring-toggle input{width:42px;height:24px;flex:0 0 auto;padding:0;accent-color:var(--primary);box-shadow:none;cursor:pointer}
.machine-identity-panel form>label.machine-monitoring-duration{grid-column:1/-1}.machine-monitoring-duration small{color:var(--muted-foreground);font-size:13px;font-weight:400}.machine-monitoring-duration.hidden{display:none!important}
@media(max-width:600px){.machine-identity-panel form>label.machine-monitoring-toggle,.machine-identity-panel form>label.machine-monitoring-duration{grid-column:auto}}

/* Machine heartbeat availability */
.machine-availability-panel{margin-bottom:16px;padding:17px 18px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xs)}.machine-availability-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.machine-availability-panel h3{margin:0 0 4px;font-size:18px}.machine-availability-panel header p{margin:0;color:var(--muted-foreground);font-size:14px}.machine-availability-panel>div:not(.availability-track):not(.availability-actions){display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.machine-availability-panel article{display:flex;flex-direction:column;gap:5px}.machine-availability-panel article span{color:var(--muted-foreground);font-size:13px}.machine-availability-panel article strong{font-size:20px}.availability-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.availability-actions .table-action{display:inline-flex;align-items:center;text-decoration:none;white-space:nowrap}.availability-track{height:7px;margin-top:15px;overflow:hidden;background:var(--secondary);border-radius:999px}.availability-track i{width:0;height:100%;display:block;background:var(--primary);border-radius:inherit;transition:width .3s ease}.availability-stable{color:oklch(.43 .14 149);background:oklch(.97 .035 149)}.availability-good{color:var(--primary);background:var(--brand-soft)}.availability-intermittent{color:oklch(.5 .16 55);background:oklch(.97 .035 75)}.availability-unstable{color:var(--destructive);background:oklch(.97 .025 27.325)}
@media(max-width:520px){.machine-availability-panel>header{flex-direction:column}.availability-actions{width:100%;justify-content:space-between}.machine-availability-panel>div:not(.availability-track):not(.availability-actions){grid-template-columns:1fr 1fr}.machine-availability-panel article:last-child{grid-column:1/-1}}

/* Metric chart time ranges */
.metric-range-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;margin-bottom:12px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xs)}.metric-range-toolbar>div:first-child{min-width:0;display:flex;flex-direction:column;gap:3px}.metric-range-toolbar strong{font-size:15px}.metric-range-toolbar span{overflow:hidden;color:var(--muted-foreground);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.metric-range-toolbar>div:last-child{display:flex;gap:6px}.metric-range-toolbar .table-action.active{color:var(--primary);background:var(--brand-soft);border-color:color-mix(in oklch,var(--primary) 30%,var(--border))}
@media(max-width:520px){.metric-range-toolbar{align-items:flex-start;flex-direction:column}.metric-range-toolbar>div:last-child{width:100%}.metric-range-toolbar .table-action{flex:1}}

/* Inspectable metric charts */
.metric-chart-canvas{position:relative}.metric-chart-canvas svg{touch-action:pan-y;cursor:crosshair}.metric-chart-tooltip{position:absolute;z-index:2;min-width:128px;padding:8px 10px;color:var(--popover-foreground);background:var(--popover);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-md);pointer-events:none;transform:translate(-50%,-100%)}.metric-chart-tooltip strong,.metric-chart-tooltip span{display:block;white-space:nowrap}.metric-chart-tooltip strong{font-size:13px}.metric-chart-tooltip span{margin-top:3px;color:var(--muted-foreground);font-size:12px}
.chart-threshold{stroke-width:1.5;stroke-dasharray:7 6;vector-effect:non-scaling-stroke}.chart-threshold.warning{stroke:oklch(.68 .16 70)}.chart-threshold.critical{stroke:var(--destructive)}
.machine-diagnostics-panel dd.diagnostic-battery-low{color:var(--destructive)}

/* Live network throughput */
.machine-current-grid{grid-template-columns:repeat(4,1fr)}.machine-network-current strong{display:flex;align-items:flex-end;flex-direction:column;gap:3px}.machine-network-current b{font-size:13px;font-weight:650;white-space:nowrap}
@media(max-width:720px){.machine-current-grid{grid-template-columns:1fr 1fr}}@media(max-width:420px){.machine-current-grid{grid-template-columns:1fr}}

/* Network throughput history */
.network-chart .network-received{stroke:var(--primary)}.network-chart .network-sent{stroke:oklch(.65 .18 155)}.network-legend{width:8px;height:8px;display:inline-block;margin:0 5px 0 8px;border-radius:999px}.network-legend:first-child{margin-left:0}.network-legend.received{background:var(--primary)}.network-legend.sent{background:oklch(.65 .18 155)}
@media(max-width:520px){.network-chart header>strong{max-width:54%;text-align:right}}

/* Top operating-system processes */
.system-process-panel{margin-bottom:16px;overflow:hidden;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xs)}.system-process-panel>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px;border-bottom:1px solid var(--border)}.system-process-panel h3{margin:0 0 4px;font-size:18px}.system-process-panel header p{margin:0;color:var(--muted-foreground);font-size:14px}.system-process-head,.system-process-row{display:grid;grid-template-columns:minmax(0,1fr) 72px 72px;align-items:center;gap:12px;padding:10px 18px}.system-process-head{color:var(--muted-foreground);background:var(--secondary);font-size:12px;font-weight:650;text-transform:uppercase}.system-process-head span:not(:first-child){text-align:right}.system-process-row{border-top:1px solid var(--border)}.system-process-head+.system-process-row{border-top:0}.system-process-row>span{min-width:0;display:flex;flex-direction:column;gap:3px}.system-process-row strong{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.system-process-row small{color:var(--muted-foreground);font-size:12px}.system-process-row>b{text-align:right;font-size:14px;font-weight:600}
@media(max-width:520px){.system-process-panel>header{align-items:flex-start}.system-process-head,.system-process-row{grid-template-columns:minmax(0,1fr) 58px 64px;padding-inline:14px;gap:8px}}

/* Mobile app navigation */
.mobile-bottom-nav{display:none}
@media(max-width:720px){
  :root{--mobile-nav-height:calc(64px + env(safe-area-inset-bottom))}
  .mobile-bottom-nav{position:fixed;z-index:70;right:0;bottom:0;left:0;height:var(--mobile-nav-height);display:flex;align-items:flex-start;padding:5px 5px env(safe-area-inset-bottom);background:rgba(255,255,255,.96);border-top:1px solid var(--border);box-shadow:0 -8px 24px rgba(15,23,42,.06);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
  .mobile-bottom-item{min-width:0;min-height:54px;flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;padding:4px 2px;color:var(--muted-foreground);background:transparent;border:0;border-radius:9px;font-size:11px;font-weight:650;line-height:1}
  .mobile-bottom-item svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .mobile-nav-icon{position:relative;width:28px;height:24px;flex:0 0 28px;display:grid;place-items:center}.mobile-nav-badge{position:absolute;top:-3px;right:-4px;min-width:18px;height:18px;display:grid;place-items:center;padding:0 4px;color:#fff;border:2px solid #fff;border-radius:999px;font-size:10px;font-weight:800;line-height:1}.mobile-nav-badge.alert{background:var(--destructive)}.mobile-nav-badge.online{background:var(--green)}
  .mobile-bottom-item.active{color:var(--primary)}.mobile-bottom-item.active svg{stroke-width:2.2}.mobile-bottom-item:active{background:var(--secondary)}
  .page{padding-bottom:calc(18px + var(--mobile-nav-height));scroll-padding-bottom:calc(20px + var(--mobile-nav-height))}
  .chat-card{height:calc(100dvh - 58px - var(--mobile-nav-height))}
  .composer-shell{padding-bottom:max(8px,env(safe-area-inset-bottom))}
  .app-sidebar{bottom:var(--mobile-nav-height);height:auto;max-height:calc(100dvh - var(--mobile-nav-height));box-shadow:16px 0 42px rgba(15,23,42,.16)}
  .mobile-backdrop{bottom:var(--mobile-nav-height)}
  .topbar .connection-state{display:none}.topbar #current-user,.topbar .account-button>svg{display:none}.topbar .account-button{padding:3px}.topbar-actions{margin-left:auto}
  .notification-panel,.account-dropdown{position:fixed;z-index:90;top:auto;right:8px;bottom:calc(var(--mobile-nav-height) + 8px);left:8px;width:auto;max-width:none;max-height:min(70dvh,560px);overflow:auto;border-radius:16px;box-shadow:0 18px 50px rgba(15,23,42,.22)}
  .notification-panel{transform-origin:bottom right}.account-dropdown{padding:8px}.account-dropdown button{min-height:48px;font-size:16px}.notification-panel header{position:sticky;z-index:1;top:0;background:var(--card)}
  #machines-section,#jobs-section{scroll-margin-top:12px}
  .toast-viewport{bottom:calc(var(--mobile-nav-height) + 12px)}
  .transcript-drawer,.machine-drawer,.user-drawer{padding-bottom:var(--mobile-nav-height)}
}
@media(max-width:390px){
  .mobile-bottom-item{font-size:10px}.mobile-bottom-item svg{width:22px;height:22px}.topbar{padding-inline:8px}.top-search{min-width:0}.notification-button{width:42px;min-width:42px}.topbar .account-button{min-width:42px;justify-content:center}
}

/* Mobile job and run cards */
@media(max-width:720px){
  #jobs-section .operations-table-wrap,#runs-section .operations-table-wrap{padding:10px;overflow:visible;background:var(--secondary)}
  #jobs-section .operations-table,#runs-section .operations-table{width:100%;min-width:0;display:block;background:transparent}
  #jobs-section thead,#runs-section thead{display:none}
  #jobs-section tbody,#runs-section tbody{display:grid;gap:10px}
  #jobs-section tr,#runs-section tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;padding:15px;background:var(--card);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-xs)}
  #jobs-section td,#runs-section td{min-width:0;display:flex;align-items:flex-start;flex-direction:column;gap:4px;padding:0!important;border:0;font-size:14px;white-space:normal}
  #jobs-section td::before,#runs-section td::before{color:var(--muted-foreground);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
  #jobs-section td:first-child,#runs-section td:first-child{grid-column:1/-1;padding-bottom:11px!important;border-bottom:1px solid var(--border);font-size:16px}
  #jobs-section td:last-child,#runs-section td:last-child{grid-column:1/-1;padding-top:2px!important}
  #jobs-section td:nth-child(2)::before{content:"Schedule"}#jobs-section td:nth-child(3)::before{content:"Last run"}#jobs-section td:nth-child(4)::before{content:"Next run"}#jobs-section td:nth-child(5)::before{content:"Status"}
  #runs-section td:nth-child(2)::before{content:"Trigger"}#runs-section td:nth-child(3)::before{content:"Started"}#runs-section td:nth-child(4)::before{content:"Duration"}#runs-section td:nth-child(5)::before{content:"Status"}
  #jobs-section td:last-child .run-actions,#runs-section td:last-child .run-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  #jobs-section td:last-child .run-actions:has(.table-action:only-child),#runs-section td:last-child .run-actions:has(.table-action:only-child){grid-template-columns:1fr}
  #jobs-section td:last-child .table-action,#runs-section td:last-child .table-action{width:100%;min-height:44px;justify-content:center}
  #jobs-section td.table-empty,#runs-section td.table-empty{grid-column:1/-1;display:block;padding:24px!important;border:0;text-align:center}
  #jobs-section td.table-empty::before,#runs-section td.table-empty::before{content:none}
  #jobs-section .run-job-name,#runs-section .run-job-name{font-size:17px}.run-machine{font-size:13px}
}

/* Mobile CRM and audit cards */
@media(max-width:720px){
  #users-list-section .operations-table-wrap,#audit-events-section .operations-table-wrap{padding:10px;overflow:visible;background:var(--secondary)}
  #users-list-section .operations-table,#audit-events-section .operations-table{width:100%;min-width:0;display:block;background:transparent}
  #users-list-section thead,#audit-events-section thead{display:none}
  #users-list-section tbody,#audit-events-section tbody{display:grid;gap:10px}
  #users-list-section tr,#audit-events-section tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;padding:15px;background:var(--card);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-xs)}
  #users-list-section td,#audit-events-section td{min-width:0;display:flex;align-items:flex-start;flex-direction:column;gap:4px;padding:0!important;border:0;overflow-wrap:anywhere;white-space:normal}
  #users-list-section td::before,#audit-events-section td::before{color:var(--muted-foreground);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
  #users-list-section td:first-child{grid-column:1/-1;padding-bottom:11px!important;border-bottom:1px solid var(--border)}
  #users-list-section td:nth-child(2)::before{content:"Role"}#users-list-section td:nth-child(3)::before{content:"Status"}#users-list-section td:nth-child(4)::before{content:"Last login"}#users-list-section td:nth-child(5)::before{content:"Sessions"}
  #users-list-section td:last-child{grid-column:1/-1}.users-table [data-view-user]{width:100%;min-height:44px;justify-content:center}
  #audit-events-section td:nth-child(1)::before{content:"Time"}#audit-events-section td:nth-child(2)::before{content:"Actor"}#audit-events-section td:nth-child(3)::before{content:"Action"}#audit-events-section td:nth-child(4)::before{content:"Resource"}#audit-events-section td:nth-child(5)::before{content:"IP address"}
  #audit-events-section td:nth-child(3),#audit-events-section td:nth-child(4){grid-column:1/-1}
  #users-list-section td.table-empty,#audit-events-section td.table-empty{grid-column:1/-1;display:block;padding:24px!important;text-align:center}
  #users-list-section td.table-empty::before,#audit-events-section td.table-empty::before{content:none}
  .users-toolbar{align-items:stretch;flex-direction:column}.user-filters{width:100%;display:grid;grid-template-columns:1fr 1fr}.user-filters .audit-search{grid-column:1/-1;width:100%}.user-filters select{width:100%;min-height:44px}
  #audit-events-section .operations-card-header{align-items:stretch;flex-direction:column}#audit-events-section .audit-search{width:100%;min-height:44px}
}

@media(max-width:720px){.mobile-bottom-item:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.mobile-bottom-item svg{flex:0 0 22px}}

/* Compact mobile icon controls */
@media(max-width:720px){
  .topbar #sidebar-toggle,.topbar .notification-button{width:44px;height:44px;min-width:44px;color:var(--muted-foreground);background:transparent;border:0;border-radius:10px;box-shadow:none}
  .topbar #sidebar-toggle:hover,.topbar #sidebar-toggle:active,.topbar .notification-button:hover,.topbar .notification-button:active,.topbar .notification-button[aria-expanded="true"]{color:var(--foreground);background:var(--secondary)}
  .topbar #sidebar-toggle svg,.topbar .notification-button svg{width:21px;height:21px;stroke-width:1.75}
  .topbar .account-button{width:44px;height:44px;min-width:44px;display:grid;place-items:center;padding:3px;background:transparent;border:0;box-shadow:none}.topbar .account-button:hover,.topbar .account-button:active{background:var(--secondary)}
  .topbar .account-button .avatar{width:36px;height:36px;font-size:14px}
  .conversation-header{padding:10px 12px}.conversation-actions{gap:2px}
  .conversation-actions .icon-button,.conversation-actions .clear-chat-button{width:44px;height:44px;min-width:44px;display:grid;place-items:center;padding:0;background:transparent;border:0;border-radius:10px;box-shadow:none}
  .conversation-actions .icon-button:hover,.conversation-actions .icon-button:active{color:var(--foreground);background:var(--secondary)}
  .conversation-actions .clear-chat-button:hover,.conversation-actions .clear-chat-button:active{color:var(--destructive);background:color-mix(in oklch,var(--destructive) 9%,transparent)}
  .conversation-actions .icon-button svg{width:20px;height:20px}.conversation-actions .clear-chat-button svg{width:19px;height:19px;stroke-width:1.8}
  .composer-icon,.send-button{width:44px;height:44px;min-width:44px}.composer-icon svg,.send-button svg{width:20px;height:20px}.send-button{border-radius:10px}
}

/* Conversation details sheet */
.conversation-sheet-backdrop{position:fixed;inset:0;z-index:95;display:flex;align-items:flex-end;justify-content:center;padding:16px;background:rgba(16,24,40,.42);opacity:0;transition:opacity .18s ease}.conversation-sheet-backdrop.open{opacity:1}.conversation-sheet{width:min(440px,100%);max-height:min(620px,calc(100dvh - 32px));display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:0 24px 64px rgba(16,24,40,.2);transform:translateY(22px);transition:transform .18s ease}.conversation-sheet-backdrop.open .conversation-sheet{transform:translateY(0)}.conversation-sheet-handle{display:none}.conversation-sheet>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px;border-bottom:1px solid var(--border)}.conversation-sheet>header span,.conversation-sheet-label{color:var(--muted-foreground);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.conversation-sheet>header h2{margin:4px 0;font-size:23px}.conversation-sheet>header p{margin:0;color:var(--muted-foreground);font-size:15px}.conversation-sheet-body{min-height:0;padding:18px 22px;overflow-y:auto}.conversation-sheet-label{margin-bottom:10px}.conversation-sheet-members{display:grid;gap:4px}.conversation-sheet-member{min-height:58px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;padding:7px 4px}.conversation-sheet-member>span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:3px}.conversation-sheet-member strong,.conversation-sheet-member small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-sheet-member strong{font-size:17px}.conversation-sheet-member small{color:var(--muted-foreground);font-size:14px}.conversation-sheet-member .status-dot{width:9px;height:9px}.conversation-sheet-empty{margin:16px 0;color:var(--muted-foreground);font-size:16px}.conversation-sheet>footer{display:flex;padding:16px 22px 22px;border-top:1px solid var(--border)}.conversation-sheet>footer .button{width:100%;justify-content:center}.conversation-sheet>footer svg{width:18px;height:18px}
@media(max-width:720px){.conversation-sheet-backdrop{padding:0}.conversation-sheet{width:100%;max-height:min(78dvh,650px);padding-bottom:env(safe-area-inset-bottom);border-width:1px 0 0;border-radius:20px 20px 0 0}.conversation-sheet-handle{width:42px;height:5px;display:block;flex:0 0 auto;margin:9px auto 0;background:var(--border);border-radius:999px}.conversation-sheet>header{padding:14px 18px 16px}.conversation-sheet-body{padding:16px 18px}.conversation-sheet>footer{padding:14px 18px 18px}.conversation-sheet-member{min-height:62px}.conversation-sheet-member strong{font-size:18px}}

/* Full-height mobile conversation */
@media(max-width:720px){
  #chat-page{min-height:0;padding:0;overflow:hidden;background:var(--card)}
  #chat-page>.page-heading{display:none}
  #chat-page .chat-card{width:100%;height:calc(100dvh - 58px - var(--mobile-nav-height));min-height:0;margin:0;border-right:0;border-left:0;border-radius:0;box-shadow:none}
  #chat-page .conversation{height:100%;min-height:0}
  #chat-page .conversation-header{min-height:68px;flex:0 0 68px}
  #chat-page .messages{min-height:0;padding:14px 12px 10px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  #chat-page .composer-shell{position:relative;z-index:2;flex:0 0 auto;padding:8px 10px 10px;background:var(--card);box-shadow:0 -6px 18px rgba(15,23,42,.035)}
  #chat-page .composer{min-height:52px;padding:4px 5px 4px 8px;border-radius:12px}
  #chat-page .char-count{display:none}
}

/* Expandable mobile search */
@media(max-width:720px){
  .topbar{position:relative}
  .topbar .top-search{width:44px;height:44px;flex:0 0 44px;justify-content:center;padding:0;color:var(--muted-foreground);background:transparent;border-color:transparent;box-shadow:none;transition:width .18s ease,background-color .18s ease,border-color .18s ease}
  .topbar .top-search:hover,.topbar .top-search:active{color:var(--foreground);background:var(--secondary)}
  .topbar .top-search svg{width:21px;height:21px;flex:0 0 auto}
  .topbar .top-search input{width:0;min-width:0;flex:0;padding:0;opacity:0;pointer-events:none}
  .topbar .top-search kbd{display:none}
  .topbar .top-search.mobile-search-open,.topbar .top-search:focus-within{position:absolute;z-index:85;right:10px;left:58px;width:auto;justify-content:flex-start;padding:0 13px;color:var(--foreground);background:var(--card);border-color:var(--input);box-shadow:var(--shadow-md)}
  .topbar .top-search.mobile-search-open input,.topbar .top-search:focus-within input{width:auto;min-width:0;flex:1;opacity:1;pointer-events:auto}
}

/* Quick presence status */
.status-menu-wrap{position:relative}.status-menu-button{gap:8px;min-width:112px;justify-content:center;background:var(--card);cursor:pointer}.status-menu-button>svg{width:14px;height:14px;margin-left:2px;color:var(--muted-foreground)}.status-menu-button:disabled{cursor:wait;opacity:.65}.user-status-indicator,.status-dropdown i{width:9px;height:9px;display:block;flex:0 0 auto;border-radius:50%;background:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.11)}.user-status-indicator[data-status="available"],.status-dropdown i[data-status="available"]{background:#0ea5e9;box-shadow:0 0 0 3px rgba(14,165,233,.11)}.user-status-indicator[data-status="focused"],.status-dropdown i[data-status="focused"]{background:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.11)}.user-status-indicator[data-status="meeting"],.status-dropdown i[data-status="meeting"]{background:#f97316;box-shadow:0 0 0 3px rgba(249,115,22,.11)}.user-status-indicator[data-status="away"],.status-dropdown i[data-status="away"]{background:#eab308;box-shadow:0 0 0 3px rgba(234,179,8,.12)}.user-status-indicator[data-status="dnd"],.status-dropdown i[data-status="dnd"]{background:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,.11)}.status-dropdown{position:absolute;top:calc(100% + 8px);right:0;z-index:92;width:260px;padding:6px;background:var(--popover);border:1px solid var(--border);border-radius:11px;box-shadow:var(--shadow-lg)}.status-dropdown button{width:100%;min-height:49px;display:grid;grid-template-columns:16px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:6px 9px;color:var(--foreground);background:transparent;border:0;border-radius:8px;text-align:left}.status-dropdown button:hover{background:var(--secondary)}.status-dropdown button>span{min-width:0;display:flex;flex-direction:column;gap:2px}.status-dropdown strong{font-size:14px;font-weight:600}.status-dropdown small{overflow:hidden;color:var(--muted-foreground);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.status-dropdown b{visibility:hidden;color:var(--primary);font-size:15px}.status-dropdown button.selected{background:var(--brand-soft)}.status-dropdown button.selected b{visibility:visible}@media(max-width:720px){.topbar .status-menu-button{min-width:44px;width:44px;height:44px;display:flex;padding:0;border:0;background:transparent}.topbar .status-menu-button #user-status-label,.topbar .status-menu-button>svg{display:none}.topbar .status-menu-button .user-status-indicator{width:13px;height:13px;box-shadow:0 0 0 5px color-mix(in srgb,currentColor 10%,transparent)}.status-dropdown{position:fixed;top:auto;right:8px;bottom:calc(var(--mobile-nav-height) + 8px);left:8px;width:auto;padding:8px;border-radius:16px}.status-dropdown button{min-height:58px}.status-dropdown strong{font-size:16px}.status-dropdown small{font-size:13px}}

/* Navigation count badges */
.app-nav-item{position:relative}
.nav-receipt-badge{min-width:20px;height:20px;display:grid;place-items:center;margin-left:auto;padding:0 5px;color:#fff;background:var(--destructive);border:2px solid var(--card);border-radius:999px;font-size:10px;font-weight:700;line-height:1}

/* Floating desktop sidebar */
.desktop-sidebar-toggle{display:none}
@media(min-width:981px){
  .app-shell{gap:0;background:linear-gradient(135deg,#f8fafc 0%,#f4f7fb 100%)}
  .app-sidebar{position:relative;width:268px;height:calc(100vh - 24px);flex:0 0 268px;align-self:center;margin:12px 0 12px 12px;overflow:visible;background:rgba(255,255,255,.96);border:1px solid color-mix(in srgb,var(--border) 88%,#cbd5e1);border-radius:18px;box-shadow:0 12px 35px rgba(15,23,42,.075);transition:width .2s ease,flex-basis .2s ease}
  .sidebar-logo{position:relative;height:76px;padding:0 19px;border-bottom:0}
  .sidebar-logo-image{width:150px;height:42px;background-size:150px auto;transition:width .2s ease}
  .desktop-sidebar-toggle{position:absolute;z-index:3;top:24px;right:-14px;width:29px;height:29px;display:grid;place-items:center;padding:0;color:#64748b;background:#fff;border:1px solid var(--border);border-radius:50%;box-shadow:0 3px 10px rgba(15,23,42,.12)}
  .desktop-sidebar-toggle:hover{color:var(--primary);border-color:#bfdbfe;background:#eff6ff}
  .desktop-sidebar-toggle svg{width:15px;height:15px;transition:transform .2s ease}
  .app-nav{min-height:0;flex:1;padding:5px 13px 16px;overflow-x:hidden;overflow-y:auto}
  .nav-label{display:flex;align-items:center;gap:9px;margin:14px 10px 8px;color:#94a3b8;font-size:10px;letter-spacing:.13em;white-space:nowrap}
  .nav-label::after{content:"";height:1px;flex:1;background:#eef2f6}
  .nav-label-section{margin-top:24px}
  .app-nav-item{position:relative;min-height:46px;gap:12px;padding:0 13px;margin-bottom:5px;color:#475569;border:1px solid transparent;border-radius:11px;font-size:16px;font-weight:550;white-space:nowrap;transition:color .15s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease}
  .app-nav-item svg{width:21px;height:21px;flex:0 0 auto;stroke-width:1.75}
  .app-nav-item:hover{color:#1e40af;background:#f4f7ff;border-color:#e0e7ff;transform:translateX(2px)}
  .app-nav-item.active{color:#fff;background:linear-gradient(135deg,var(--primary),#4f46e5);border-color:transparent;box-shadow:0 7px 16px rgba(37,99,235,.22)}
  .app-nav-item.active:hover{color:#fff;background:linear-gradient(135deg,#1d4ed8,#4338ca)}
  .sidebar-security{margin:0 13px 13px;padding:13px 14px;background:#f0fdf4;border:1px solid #dcfce7;border-radius:12px}
  .sidebar-security .status-dot{width:9px;height:9px;box-shadow:0 0 0 4px rgba(22,163,74,.11)}
  .sidebar-security strong{color:#166534;font-size:13px}.sidebar-security span:not(.status-dot){color:#65a30d;font-size:11px}
  .app-main{height:100vh}
  .app-shell.sidebar-compact .app-sidebar{width:80px;flex-basis:80px}
  .app-shell.sidebar-compact .sidebar-logo{justify-content:center;padding:0}
  .app-shell.sidebar-compact .sidebar-logo-image{width:42px;height:42px;background-image:url("/modum-favicon.png?v=1");background-size:42px 42px}
  .app-shell.sidebar-compact .desktop-sidebar-toggle svg{transform:rotate(180deg)}
  .app-shell.sidebar-compact .app-nav{padding-inline:10px}
  .app-shell.sidebar-compact .nav-label{height:1px;margin:18px 10px 13px;font-size:0;background:#eef2f6}
  .app-shell.sidebar-compact .nav-label::after{display:none}
  .app-shell.sidebar-compact .nav-label:first-child{margin-top:9px}
  .app-shell.sidebar-compact .app-nav-item{justify-content:center;gap:0;padding:0;font-size:0}
  .app-shell.sidebar-compact .app-nav-item:hover{transform:none}
  .app-shell.sidebar-compact .app-nav-item svg{width:22px;height:22px}
  .app-shell.sidebar-compact .nav-receipt-badge{position:absolute;top:3px;right:3px;min-width:18px;height:18px;padding:0 4px;font-size:9px}
  .app-shell.sidebar-compact .sidebar-security{justify-content:center;margin:0 10px 12px;padding:14px 0}
  .app-shell.sidebar-compact .sidebar-security>div{display:none}
}
 
/* Continuous desktop sidebar + navbar junction */
@media(min-width:981px){
  .app-shell{
    --desktop-header-height:74px;
    gap:0;
    padding:12px;
  }
  .app-sidebar{
    height:calc(100vh - 24px);
    margin:0;
    background:var(--card);
    border-right:0;
    border-radius:18px 0 18px 18px;
    box-shadow:0 12px 35px rgba(15,23,42,.07);
  }
  .app-main{
    position:relative;
    height:calc(100vh - 24px);
    overflow:visible;
  }
  .topbar{
    position:relative;
    z-index:2;
    height:var(--desktop-header-height);
    background:var(--card);
    border:1px solid var(--border);
    border-left:0;
    border-radius:0 18px 18px 0;
    box-shadow:8px 0 28px rgba(15,23,42,.045);
  }
  .topbar::after{
    content:"";
    position:absolute;
    z-index:-1;
    left:0;
    bottom:-24px;
    width:24px;
    height:24px;
    background:radial-gradient(circle at 100% 100%,transparent 0 22px,var(--border) 22.5px 23.5px,var(--card) 24px);
    pointer-events:none;
  }
  .desktop-sidebar-toggle{
    top:calc(var(--desktop-header-height) - 15px);
    right:-15px;
    z-index:5;
    color:var(--muted-foreground);
    background:var(--card);
    border-color:var(--border);
  }
  .sidebar-logo{
    border-top-left-radius:18px;
  }
  .sidebar-security{
    margin-bottom:13px;
  }
  .page{
    height:calc(100% - var(--desktop-header-height));
  }
}

/* Accessible labels for compact desktop navigation */
.sidebar-tooltip{
  position:fixed;
  z-index:220;
  max-width:220px;
  padding:8px 11px;
  color:var(--popover-foreground);
  background:var(--popover);
  border:1px solid var(--border);
  border-radius:9px;
  box-shadow:0 10px 28px rgba(15,23,42,.16);
  font-size:13px;
  font-weight:600;
  line-height:1.2;
  white-space:nowrap;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translate(-4px,-50%);
  transition:opacity .12s ease,transform .12s ease,visibility .12s ease;
}
.sidebar-tooltip.visible{
  opacity:1;
  visibility:visible;
  transform:translate(0,-50%);
}
@media(max-width:980px){
  .sidebar-tooltip{display:none}
}

/* Dashboard command palette */
.command-palette{
  position:fixed;
  z-index:500;
  inset:0;
  display:grid;
  place-items:start center;
  padding:clamp(72px,12vh,132px) 18px 24px;
  background:rgba(15,23,42,.34);
  backdrop-filter:blur(5px);
}
.command-palette.hidden{display:none}
.command-palette-panel{
  width:min(620px,100%);
  max-height:min(680px,calc(100dvh - 110px));
  display:flex;
  flex-direction:column;
  overflow:hidden;
  background:var(--card);
  border:1px solid var(--border);
  border-radius:18px;
  box-shadow:0 28px 80px rgba(15,23,42,.24);
  animation:commandPaletteIn .16s ease-out;
}
.command-palette-panel>header{
  min-height:66px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:0 15px 0 19px;
  border-bottom:1px solid var(--border);
}
.command-palette-panel>header>svg{width:22px;height:22px;flex:0 0 auto;color:var(--muted-foreground);fill:none;stroke:currentColor;stroke-width:2}
.command-palette-panel>header input{min-width:0;flex:1;height:64px;padding:0;background:transparent;border:0;outline:0;color:var(--foreground);font:inherit;font-size:17px}
.command-palette-panel>header input::placeholder{color:var(--muted-foreground)}
.command-palette-panel>header button{min-width:42px;height:30px;padding:0 8px;color:var(--muted-foreground);background:var(--muted);border:1px solid var(--border);border-radius:7px;font-size:12px;font-weight:650}
.command-palette-body{min-height:0;padding:12px;overflow-y:auto}
.command-palette-body>p{margin:2px 9px 8px;color:var(--muted-foreground);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.command-palette-list{display:grid;gap:3px}
.command-palette-list button{position:relative;display:grid;grid-template-columns:1fr auto;grid-template-areas:"title key" "copy key";align-items:center;gap:2px 14px;width:100%;min-height:58px;padding:9px 12px;text-align:left;color:var(--foreground);background:transparent;border:1px solid transparent;border-radius:11px}
.command-palette-list button:hover,.command-palette-list button.selected{background:var(--accent);border-color:var(--border)}
.command-palette-list button span{grid-area:title;font-size:15px;font-weight:650}
.command-palette-list button small{grid-area:copy;color:var(--muted-foreground);font-size:12px}
.command-palette-list button kbd{grid-area:key;display:none;color:var(--muted-foreground);font-size:13px}
.command-palette-list button.selected kbd{display:inline}
.command-palette-empty{padding:38px 16px;text-align:center;color:var(--muted-foreground)}
.command-palette-panel>footer{display:flex;justify-content:flex-end;gap:18px;padding:10px 16px;color:var(--muted-foreground);background:var(--muted);border-top:1px solid var(--border);font-size:11px}
.command-palette-panel>footer span{display:flex;align-items:center;gap:4px}
.command-palette-panel>footer kbd{min-width:20px;padding:2px 5px;text-align:center;background:var(--card);border:1px solid var(--border);border-radius:5px}
@keyframes commandPaletteIn{from{opacity:0;transform:translateY(-8px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:640px){
  .command-palette{place-items:end center;padding:0}
  .command-palette-panel{width:100%;max-height:82dvh;border-radius:20px 20px 0 0;animation:commandPaletteMobileIn .2s ease-out}
  .command-palette-panel>footer{display:none}
  .command-palette-list button{min-height:64px}
}
@keyframes commandPaletteMobileIn{from{transform:translateY(24px);opacity:.5}to{transform:none;opacity:1}}

/* Unified interface motion */
:root{
  --motion-fast:150ms;
  --motion-base:220ms;
  --motion-slow:300ms;
  --motion-ease:cubic-bezier(.22,1,.36,1);
}
.machine-drawer:not(.hidden),
.transcript-drawer:not(.hidden){
  animation:modumDrawerIn var(--motion-slow) var(--motion-ease) both;
}
.transcript-backdrop:not(.hidden),
.modal-backdrop:not(.hidden),
.conversation-sheet-backdrop:not(.hidden){
  animation:modumBackdropIn var(--motion-base) ease-out both;
}
.modal-backdrop:not(.hidden)>.profile-modal,
.modal-backdrop:not(.hidden)>.connect-modal{
  animation:modumModalIn var(--motion-slow) var(--motion-ease) both;
}
.conversation-sheet-backdrop:not(.hidden)>.conversation-sheet{
  animation:modumSheetIn var(--motion-slow) var(--motion-ease) both;
}
.account-dropdown:not(.hidden),
.status-dropdown:not(.hidden),
.notification-panel:not(.hidden){
  transform-origin:top right;
  animation:modumMenuIn var(--motion-base) var(--motion-ease) both;
}
.page:not(.hidden){
  animation:modumPageIn var(--motion-base) var(--motion-ease) both;
}
.app-toast.visible{
  animation:modumToastIn var(--motion-base) var(--motion-ease) both;
}
.button,
.icon-button,
.notification-button,
.account-button,
.status-menu-button,
.app-nav-item,
.home-action-card{
  transition:transform var(--motion-fast) ease,background-color var(--motion-fast) ease,border-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease,color var(--motion-fast) ease;
}
.button:active,
.icon-button:active,
.notification-button:active,
.account-button:active,
.status-menu-button:active,
.home-action-card:active{
  transform:scale(.97);
}
.home-status-card,
.home-action-card{
  transition:transform var(--motion-base) var(--motion-ease),box-shadow var(--motion-base) ease,border-color var(--motion-base) ease;
}
@media(hover:hover){
  .home-status-card:hover,
  .home-action-card:hover{
    transform:translateY(-2px);
    box-shadow:0 12px 28px rgba(15,23,42,.09);
  }
}
@keyframes modumDrawerIn{
  from{opacity:.65;transform:translateX(36px)}
  to{opacity:1;transform:translateX(0)}
}
@keyframes modumBackdropIn{
  from{opacity:0}
  to{opacity:1}
}
@keyframes modumModalIn{
  from{opacity:0;transform:translateY(12px) scale(.985)}
  to{opacity:1;transform:none}
}
@keyframes modumSheetIn{
  from{opacity:.7;transform:translateY(32px)}
  to{opacity:1;transform:none}
}
@keyframes modumMenuIn{
  from{opacity:0;transform:translateY(-5px) scale(.98)}
  to{opacity:1;transform:none}
}
@keyframes modumPageIn{
  from{opacity:0;transform:translateY(5px)}
  to{opacity:1;transform:none}
}
@keyframes modumToastIn{
  from{opacity:0;transform:translateY(10px) scale(.98)}
  to{opacity:1;transform:none}
}
@media(max-width:980px){
  .machine-drawer:not(.hidden),
  .transcript-drawer:not(.hidden){
    animation-name:modumSheetIn;
  }
  .account-dropdown:not(.hidden),
  .status-dropdown:not(.hidden),
  .notification-panel:not(.hidden){
    transform-origin:bottom center;
    animation-name:modumSheetIn;
  }
}
@media(prefers-reduced-motion:reduce){
  *,
  *::before,
  *::after{
    scroll-behavior:auto!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
}

/* Motion tuning: calmer timing, compact logs, animated navigation */
:root{
  --motion-fast:180ms;
  --motion-base:280ms;
  --motion-slow:380ms;
}
.transcript-drawer pre{
  font-size:15.5px;
  line-height:1.55;
}
.app-sidebar,
.sidebar-logo-image{
  transition-duration:var(--motion-slow);
  transition-timing-function:var(--motion-ease);
}
.app-nav-item{
  overflow:hidden;
  transition:transform var(--motion-base) var(--motion-ease),background-color var(--motion-base) ease,border-color var(--motion-base) ease,box-shadow var(--motion-base) ease,color var(--motion-base) ease;
}
.app-nav-item svg{
  position:relative;
  z-index:1;
  transition:transform var(--motion-base) var(--motion-ease),stroke-width var(--motion-base) ease;
}
.app-nav-item::after{
  content:"";
  position:absolute;
  inset:-30% auto -30% -42%;
  width:34%;
  opacity:0;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent);
  transform:skewX(-18deg) translateX(0);
}
.app-nav-item:not(.active):hover svg{
  transform:translateX(2px) scale(1.06);
}
.app-nav-item.active svg{
  animation:modumNavIconIn var(--motion-slow) var(--motion-ease) both;
}
.app-nav-item.active::after{
  animation:modumNavSweep 620ms var(--motion-ease) both;
}
@keyframes modumNavIconIn{
  0%{transform:scale(.88);opacity:.6}
  65%{transform:scale(1.08)}
  100%{transform:scale(1);opacity:1}
}
@keyframes modumNavSweep{
  0%{opacity:0;transform:skewX(-18deg) translateX(0)}
  25%{opacity:1}
  100%{opacity:0;transform:skewX(-18deg) translateX(460%)}
}
@media(max-width:640px){
  .transcript-drawer pre{
    font-size:15px;
    line-height:1.5;
  }
}

/* Semantic and ANSI transcript colors */
.transcript-drawer pre{
  color:#cbd5e1;
}
.transcript-line{
  display:block;
  min-height:1.55em;
  border-left:2px solid transparent;
  padding-left:8px;
}
.transcript-error{color:#fca5a5;border-left-color:#ef4444;background:rgba(239,68,68,.07)}
.transcript-warning{color:#fde68a;border-left-color:#f59e0b;background:rgba(245,158,11,.06)}
.transcript-success{color:#86efac;border-left-color:#22c55e}
.transcript-command{color:#93c5fd;border-left-color:#3b82f6}
.transcript-timestamp{color:#94a3b8}
.ansi-black{color:#64748b}.ansi-red{color:#f87171}.ansi-green{color:#4ade80}.ansi-yellow{color:#facc15}
.ansi-blue{color:#60a5fa}.ansi-magenta{color:#c084fc}.ansi-cyan{color:#22d3ee}.ansi-white{color:#e2e8f0}
.ansi-bright-black{color:#94a3b8}.ansi-bright-red{color:#fca5a5}.ansi-bright-green{color:#86efac}.ansi-bright-yellow{color:#fde047}
.ansi-bright-blue{color:#93c5fd}.ansi-bright-magenta{color:#d8b4fe}.ansi-bright-cyan{color:#67e8f9}.ansi-bright-white{color:#f8fafc}
.ansi-bold{font-weight:700}

/* Refined navigation, drawer exits, collapsible activity, and webhook motion */
.app-nav-item svg{
  transition:transform 440ms cubic-bezier(.16,1,.3,1),stroke-width 320ms ease;
}
.app-nav-item:not(.active):hover svg{
  transform:translateX(3px) scale(1.04);
}
.app-nav-item.active svg{
  animation:modumNavIconSmooth 540ms cubic-bezier(.16,1,.3,1) both;
}
@keyframes modumNavIconSmooth{
  0%{transform:translateX(-2px) scale(.94);opacity:.72}
  58%{transform:translateX(1px) scale(1.035);opacity:1}
  100%{transform:translateX(0) scale(1);opacity:1}
}

.icon-button,
.modal-close,
.table-action,
.notification-button,
.desktop-sidebar-toggle,
.webhook-more-button{
  transition:transform 300ms cubic-bezier(.16,1,.3,1),color 220ms ease,background-color 220ms ease,border-color 220ms ease,box-shadow 300ms ease;
}
.icon-button svg,
.modal-close svg,
.table-action svg,
.notification-button svg,
.desktop-sidebar-toggle svg,
.webhook-more-button svg{
  transition:transform 360ms cubic-bezier(.16,1,.3,1);
}
@media(hover:hover){
  .icon-button:hover,
  .modal-close:hover,
  .table-action:hover,
  .notification-button:hover,
  .desktop-sidebar-toggle:hover,
  .webhook-more-button:hover{
    transform:translateY(-1px) scale(1.035);
    box-shadow:0 6px 16px rgba(15,23,42,.1);
  }
  .icon-button:hover svg,
  .modal-close:hover svg,
  .table-action:hover svg,
  .notification-button:hover svg,
  .desktop-sidebar-toggle:hover svg,
  .webhook-more-button:hover svg{
    transform:scale(1.08);
  }
}
.icon-button:active,
.modal-close:active,
.table-action:active,
.notification-button:active,
.desktop-sidebar-toggle:active,
.webhook-more-button:active{
  transform:translateY(0) scale(.96);
  transition-duration:100ms;
}

.machine-drawer.is-closing,
.transcript-drawer.is-closing,
.user-drawer.is-closing{
  animation:modumDrawerOut 420ms cubic-bezier(.4,0,.6,1) both;
  pointer-events:none;
}
.transcript-backdrop.is-closing,
.modal-backdrop.is-closing{
  animation:modumBackdropOut 420ms ease both;
  pointer-events:none;
}
@keyframes modumDrawerOut{
  from{opacity:1;transform:translateX(0)}
  to{opacity:.35;transform:translateX(42px)}
}
@keyframes modumBackdropOut{
  from{opacity:1}
  to{opacity:0}
}
@media(max-width:980px){
  .machine-drawer.is-closing,
  .transcript-drawer.is-closing,
  .user-drawer.is-closing{
    animation-name:modumSheetOut;
  }
}
@keyframes modumSheetOut{
  from{opacity:1;transform:translateY(0)}
  to{opacity:.4;transform:translateY(38px)}
}

.home-activity-section>header,
.user-activity>header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}
.activity-collapse-toggle{
  min-width:38px;
  height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 9px;
  color:var(--muted-foreground);
  background:var(--card);
  border:1px solid var(--border);
  border-radius:8px;
  transition:color 220ms ease,background-color 220ms ease,border-color 220ms ease,transform 300ms var(--motion-ease);
}
.activity-collapse-toggle:hover{color:var(--foreground);background:var(--secondary);transform:translateY(-1px)}
.activity-collapse-toggle svg{width:16px;height:16px;transition:transform 380ms var(--motion-ease)}
.activity-collapse-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
.collapsible-activity-list,
.machine-activity-list{
  display:flex!important;
  flex-direction:column;
  max-height:1200px;
  overflow:hidden;
  opacity:1;
  transform:translateY(0);
  transition:max-height 460ms cubic-bezier(.16,1,.3,1),opacity 260ms ease,transform 380ms cubic-bezier(.16,1,.3,1);
}
.collapsible-activity-list.collapsed,
.machine-activity-list.collapsed{
  max-height:0!important;
  opacity:0;
  transform:translateY(-8px);
  pointer-events:none;
}
.home-activity-section:has(.collapsible-activity-list.collapsed)>header,
.user-activity:has(.collapsible-activity-list.collapsed)>header,
.machine-activity-panel:has(.machine-activity-list.collapsed)>header{
  border-bottom-color:transparent;
}

/* Webhook motion */
#webhooks-page:not(.hidden) .webhook-summary article{
  animation:modumWebhookRise 420ms var(--motion-ease) both;
}
#webhooks-page:not(.hidden) .webhook-summary article:nth-child(2){animation-delay:55ms}
#webhooks-page:not(.hidden) .webhook-summary article:nth-child(3){animation-delay:110ms}
#webhooks-page:not(.hidden) .webhook-summary article:nth-child(4){animation-delay:165ms}
#webhooks-page:not(.hidden) .webhook-workspace>.operations-card{
  animation:modumWebhookRise 480ms var(--motion-ease) both;
}
#webhooks-page:not(.hidden) .webhook-workspace>.operations-card:nth-child(2){animation-delay:80ms}
#webhooks-page:not(.hidden) .webhook-workspace>.operations-card:nth-child(3){animation-delay:160ms}
.webhook-endpoint-row,
.webhook-all-item,
.webhook-event-item{
  animation:modumWebhookItemIn 360ms var(--motion-ease) both;
}
.webhook-endpoint-row:nth-child(2),
.webhook-event-item:nth-child(2){animation-delay:35ms}
.webhook-endpoint-row:nth-child(3),
.webhook-event-item:nth-child(3){animation-delay:70ms}
.webhook-endpoint-row:nth-child(4),
.webhook-event-item:nth-child(4){animation-delay:105ms}
.webhook-endpoint-row:nth-child(n+5),
.webhook-event-item:nth-child(n+5){animation-delay:140ms}
.webhook-endpoint-item,
.webhook-event-item{
  transition:transform 300ms var(--motion-ease),background-color 220ms ease,border-color 220ms ease,box-shadow 300ms ease;
}
@media(hover:hover){
  .webhook-endpoint-item:hover,
  .webhook-event-item:hover{
    transform:translateX(3px);
  }
  .webhook-endpoint-item:hover .webhook-endpoint-icon{
    transform:rotate(6deg) scale(1.06);
  }
}
.webhook-endpoint-icon{transition:transform 380ms var(--motion-ease)}
.webhooks-live i{
  animation:modumWebhookPulse 2.1s ease-in-out infinite;
}
.webhook-inspector-body>*{
  animation:modumWebhookInspectorIn 400ms var(--motion-ease) both;
}
@keyframes modumWebhookRise{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:none}
}
@keyframes modumWebhookItemIn{
  from{opacity:0;transform:translateX(-8px)}
  to{opacity:1;transform:none}
}
@keyframes modumWebhookInspectorIn{
  from{opacity:0;transform:translateY(6px)}
  to{opacity:1;transform:none}
}
@keyframes modumWebhookPulse{
  0%,100%{opacity:1;box-shadow:0 0 0 0 color-mix(in oklch,var(--success) 28%,transparent)}
  50%{opacity:.72;box-shadow:0 0 0 6px transparent}
}

/* Incident Center */
.incident-heading h1{display:flex;align-items:center;gap:10px}
.incident-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}
.incident-summary button{min-height:112px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:18px;text-align:left;color:var(--foreground);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xs);transition:transform var(--motion-base) var(--motion-ease),border-color var(--motion-base) ease,box-shadow var(--motion-base) ease}
.incident-summary button:hover{transform:translateY(-2px);border-color:color-mix(in oklch,var(--primary) 22%,var(--border));box-shadow:var(--shadow-md)}
.incident-summary span{color:var(--muted-foreground);font-size:14px;font-weight:600}
.incident-summary strong{margin:5px 0 2px;font-size:30px;line-height:1}
.incident-summary small{color:var(--muted-foreground);font-size:12px}
.incident-summary button:nth-child(2) strong{color:var(--destructive)}
.incident-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) repeat(4,minmax(135px,auto));gap:10px;margin-bottom:14px}
.incident-toolbar select,.incident-search{height:44px;color:var(--foreground);background:var(--card);border:1px solid var(--border);border-radius:9px;font:inherit;font-size:14px}
.incident-toolbar select{min-width:0;padding:0 32px 0 12px}
.incident-search{display:flex;align-items:center;gap:9px;padding:0 12px}
.incident-search svg{width:18px;height:18px;flex:0 0 auto;color:var(--muted-foreground);fill:none;stroke:currentColor;stroke-width:2}
.incident-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--foreground);font:inherit;font-size:15px}
.incident-workspace{min-height:520px;display:grid;grid-template-columns:minmax(420px,1.15fr) minmax(340px,.85fr);gap:14px}
.incident-queue-panel,.incident-detail{min-width:0;overflow:hidden;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xs)}
.incident-queue-panel{display:flex;flex-direction:column}
.incident-queue-panel>header{display:flex;align-items:center;justify-content:space-between;padding:17px 18px;border-bottom:1px solid var(--border)}
.incident-queue-panel h2{margin:0 0 3px;font-size:18px}
.incident-queue-panel header p{margin:0;color:var(--muted-foreground);font-size:13px}
.incidents-list{min-height:0;max-height:calc(100dvh - 365px);overflow:auto}
.incident-row{position:relative;width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:15px 17px;text-align:left;color:var(--foreground);background:transparent;border:0;border-bottom:1px solid var(--border);transition:background-color 220ms ease,transform 300ms var(--motion-ease),box-shadow 260ms ease}
.incident-row:last-child{border-bottom:0}
.incident-row:hover{z-index:1;background:var(--secondary);transform:translateX(2px)}
.incident-row.active{background:var(--brand-soft);box-shadow:inset 3px 0 0 var(--primary)}
.incident-source-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;color:var(--primary);background:var(--brand-soft);border-radius:10px}
.incident-source-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.incident-source-icon.machine{color:#2563eb;background:#eff6ff}.incident-source-icon.job{color:#7c3aed;background:#f5f3ff}.incident-source-icon.deployment{color:#0891b2;background:#ecfeff}.incident-source-icon.webhook{color:#db2777;background:#fdf2f8}.incident-source-icon.system{color:#d97706;background:#fffbeb}
.incident-row-copy{min-width:0;display:flex;flex-direction:column;gap:5px}
.incident-row-heading{display:flex;align-items:center;gap:9px}
.incident-row-heading strong{min-width:0;overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}
.incident-severity{padding:3px 7px;border-radius:999px;font-size:10px;font-style:normal;font-weight:750;letter-spacing:.06em;text-transform:uppercase}
.incident-severity.critical{color:#b91c1c;background:#fef2f2}.incident-severity.warning{color:#b45309;background:#fffbeb}.incident-severity.info{color:#1d4ed8;background:#eff6ff}
.incident-row-message{overflow:hidden;color:var(--muted-foreground);font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.incident-row-meta{display:flex;align-items:center;gap:8px;color:var(--muted-foreground);font-size:11px}
.incident-row-meta time{margin-left:auto}
.incident-state{display:inline-flex;align-items:center;width:max-content;padding:3px 7px;border-radius:999px;font-size:10px;font-weight:700}
.incident-state.open{color:#b91c1c;background:#fef2f2}.incident-state.acknowledged{color:#1d4ed8;background:#eff6ff}.incident-state.muted{color:#6d28d9;background:#f5f3ff}.incident-state.resolved{color:#15803d;background:#f0fdf4}
.incident-row-arrow{width:18px;height:18px;color:var(--muted-foreground);fill:none;stroke:currentColor;stroke-width:2;transition:transform 300ms var(--motion-ease)}
.incident-row:hover .incident-row-arrow{transform:translateX(3px)}
.incident-detail{display:flex;flex-direction:column;align-self:start;position:sticky;top:0;max-height:calc(100dvh - 242px)}
.incident-detail-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:13px;padding:19px;border-bottom:1px solid var(--border)}
.incident-detail-header>div>span{color:var(--muted-foreground);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.incident-detail-header h2{margin:3px 0 0;font-size:19px;line-height:1.3}
.incident-detail-body{min-height:0;padding:19px;overflow:auto}
.incident-detail-message{margin:0 0 18px;color:var(--foreground);font-size:15px;line-height:1.6}
.incident-facts{display:grid;gap:0;margin:0}
.incident-facts>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;padding:11px 0;border-top:1px solid var(--border)}
.incident-facts dt{color:var(--muted-foreground);font-size:12px;font-weight:600}
.incident-facts dd{min-width:0;margin:0;font-size:13px;word-break:break-word}
.incident-facts code{padding:2px 5px;background:var(--muted);border-radius:5px;font-size:12px}
.incident-owner-field{display:grid;gap:7px;margin-top:17px}
.incident-owner-field>span{color:var(--muted-foreground);font-size:12px;font-weight:650}
.incident-owner-field select{height:42px;padding:0 11px;color:var(--foreground);background:var(--card);border:1px solid var(--border);border-radius:8px;font:inherit;font-size:14px}
.incident-detail-actions{display:flex;align-items:center;gap:8px;padding:14px 16px;border-top:1px solid var(--border)}
.incident-detail-actions .button{min-height:40px;padding-inline:12px;font-size:13px}
.incident-action-spacer{flex:1}
.incident-detail-empty,.incident-empty{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px;text-align:center;color:var(--muted-foreground)}
.incident-detail-empty svg{width:34px;height:34px;margin-bottom:4px;color:var(--primary);fill:none;stroke:currentColor;stroke-width:1.6}
.incident-detail-empty strong,.incident-empty strong{color:var(--foreground);font-size:16px}
.incident-detail-empty span,.incident-empty span{max-width:300px;font-size:13px;line-height:1.5}
#incidents-page:not(.hidden) .incident-summary button{animation:modumWebhookRise 420ms var(--motion-ease) both}
#incidents-page:not(.hidden) .incident-summary button:nth-child(2){animation-delay:45ms}
#incidents-page:not(.hidden) .incident-summary button:nth-child(3){animation-delay:90ms}
#incidents-page:not(.hidden) .incident-summary button:nth-child(4){animation-delay:135ms}
.incident-row{animation:modumWebhookItemIn 340ms var(--motion-ease) both}
.incident-detail>*{animation:modumWebhookInspectorIn 360ms var(--motion-ease) both}

@media(max-width:1180px){
  .incident-toolbar{grid-template-columns:repeat(4,1fr)}
  .incident-search{grid-column:1/-1}
  .incident-workspace{grid-template-columns:minmax(360px,1fr) minmax(310px,.8fr)}
}
@media(max-width:860px){
  .incident-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .incident-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}
  .incident-workspace{display:flex;flex-direction:column;min-height:0}
  .incidents-list{max-height:none}
  .incident-detail{position:relative;max-height:none;width:100%}
}
@media(max-width:600px){
  .incident-summary{gap:9px}
  .incident-summary button{min-height:94px;padding:14px}
  .incident-summary strong{font-size:25px}
  .incident-toolbar{grid-template-columns:1fr}
  .incident-search{grid-column:auto}
  .incident-row{grid-template-columns:auto minmax(0,1fr);padding:14px 12px}
  .incident-row-arrow{display:none}
  .incident-row-meta{flex-wrap:wrap}
  .incident-row-meta time{width:100%;margin:0}
  .incident-detail-actions{flex-wrap:wrap}
  .incident-action-spacer{display:none}
  .incident-detail-actions .button{flex:1}
}

/* Animated server health charts */
.health-card{
  display:flex;
  flex-direction:column;
  min-height:0;
}
.health-chart-grid{
  flex:1;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:center;
  gap:18px;
  padding:30px 24px 26px;
}
.health-chart-card{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:15px;
  padding:20px 12px;
  text-align:center;
  background:color-mix(in oklch,var(--card) 96%,var(--primary) 4%);
  border:1px solid var(--border);
  border-radius:14px;
  animation:healthChartEnter 520ms var(--motion-ease) both;
  transition:transform 320ms var(--motion-ease),border-color 260ms ease,box-shadow 320ms ease;
}
.health-chart-card:nth-child(2){animation-delay:80ms}
.health-chart-card:nth-child(3){animation-delay:160ms}
.health-chart-card:hover{
  transform:translateY(-3px);
  border-color:color-mix(in oklch,var(--primary) 22%,var(--border));
  box-shadow:0 14px 30px rgba(15,23,42,.08);
}
.health-ring{
  position:relative;
  width:min(150px,100%);
  aspect-ratio:1;
  display:grid;
  place-items:center;
}
.health-ring svg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  overflow:visible;
  transform:rotate(-90deg);
}
.health-ring circle{
  fill:none;
  stroke-width:9;
}
.health-ring-track{
  stroke:color-mix(in oklch,var(--muted) 86%,var(--border));
}
.health-ring-value{
  stroke:#2563eb;
  stroke-linecap:round;
  stroke-dasharray:100;
  stroke-dashoffset:100;
  filter:drop-shadow(0 2px 3px rgba(37,99,235,.2));
  transition:stroke-dashoffset 1000ms cubic-bezier(.16,1,.3,1);
}
.health-chart-card.memory .health-ring-value{
  stroke:#06a6d7;
  filter:drop-shadow(0 2px 3px rgba(6,166,215,.2));
}
.health-chart-card.disk .health-ring-value{
  stroke:#8b5cf6;
  filter:drop-shadow(0 2px 3px rgba(139,92,246,.2));
}
.health-ring::after{
  content:"";
  position:absolute;
  width:58%;
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle,rgba(37,99,235,.07),transparent 68%);
  animation:healthGlow 2.8s ease-in-out infinite;
}
.health-chart-card.memory .health-ring::after{background:radial-gradient(circle,rgba(6,166,215,.08),transparent 68%);animation-delay:.4s}
.health-chart-card.disk .health-ring::after{background:radial-gradient(circle,rgba(139,92,246,.08),transparent 68%);animation-delay:.8s}
.health-ring strong{
  position:relative;
  z-index:1;
  color:var(--foreground);
  font-size:27px;
  font-weight:720;
  letter-spacing:-.04em;
}
.health-chart-card>div:last-child{min-width:0;display:flex;flex-direction:column;gap:4px}
.health-chart-card span{font-size:16px;font-weight:650}
.health-chart-card small{min-height:18px;overflow:hidden;color:var(--muted-foreground);font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.health-meta{
  margin-top:auto;
  background:color-mix(in oklch,var(--muted) 45%,transparent);
}
.health-meta>div{
  min-height:74px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
@keyframes healthChartEnter{
  from{opacity:0;transform:translateY(12px) scale(.97)}
  to{opacity:1;transform:none}
}
@keyframes healthGlow{
  0%,100%{opacity:.45;transform:scale(.94)}
  50%{opacity:1;transform:scale(1.08)}
}
@media(max-width:1180px){
  .health-chart-grid{gap:12px;padding:24px 18px}
  .health-chart-card{padding:16px 8px}
  .health-ring{width:min(125px,100%)}
}
@media(max-width:720px){
  .health-chart-grid{grid-template-columns:1fr;padding:16px}
  .health-chart-card{display:grid;grid-template-columns:92px minmax(0,1fr);text-align:left;padding:12px 16px}
  .health-ring{width:84px}
  .health-ring strong{font-size:21px}
  .health-chart-card small{white-space:normal}
}
@media(prefers-reduced-motion:reduce){
  .health-chart-card,.health-ring::after{animation:none!important}
  .health-ring-value{transition:none!important}
}

/* Remote dashboard reload */
.reload-clients-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.reload-clients-button:hover svg{transform:rotate(24deg)}.reload-clients-button svg{transition:transform .42s cubic-bezier(.22,1,.36,1)}
.client-reload-backdrop{z-index:190;background:rgba(9,9,11,.56);backdrop-filter:blur(5px)}
.client-reload-dialog{width:min(460px,calc(100vw - 32px));padding:28px;background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:0 30px 90px rgba(15,23,42,.32);animation:client-reload-enter .38s cubic-bezier(.22,1,.36,1)}
.client-reload-icon{position:relative;width:52px;height:52px;display:grid;place-items:center;margin-bottom:18px;color:var(--brand);background:var(--brand-soft);border:1px solid color-mix(in srgb,var(--brand) 22%,transparent);border-radius:14px}
.client-reload-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;animation:client-reload-turn 2.2s cubic-bezier(.22,1,.36,1) infinite}
.client-reload-icon i{position:absolute;right:-3px;top:-3px;width:11px;height:11px;background:var(--brand);border:2px solid var(--card);border-radius:50%;box-shadow:0 0 0 5px color-mix(in srgb,var(--brand) 14%,transparent)}
.client-reload-copy>span{display:block;margin-bottom:6px;color:var(--brand);font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.09em}
.client-reload-copy h2{margin:0 0 8px;color:var(--foreground);font-size:25px;letter-spacing:-.025em}.client-reload-copy h2 strong{font-variant-numeric:tabular-nums}
.client-reload-copy p{margin:0;color:var(--muted-foreground);font-size:16px;line-height:1.55}
.client-reload-progress{height:6px;margin:24px 0 22px;overflow:hidden;background:var(--secondary);border-radius:999px}
.client-reload-progress i{width:100%;height:100%;display:block;background:linear-gradient(90deg,var(--brand),var(--brand-dark));border-radius:inherit;transform-origin:left center;transition:transform .2s linear}
.client-reload-dialog footer{display:flex;justify-content:flex-end;gap:9px}.client-reload-dialog footer svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
@keyframes client-reload-enter{from{opacity:0;transform:translateY(12px) scale(.975)}to{opacity:1;transform:none}}
@keyframes client-reload-turn{0%,20%{transform:rotate(0)}70%,100%{transform:rotate(360deg)}}
@media(max-width:720px){.operations-heading-actions{flex-wrap:wrap}.operations-heading-actions .operations-updated{width:100%}.reload-clients-button span{display:none}.reload-clients-button{width:46px;padding:0;justify-content:center}.client-reload-dialog{padding:24px 20px}.client-reload-dialog footer{flex-direction:column-reverse}.client-reload-dialog footer .button{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.client-reload-dialog,.client-reload-icon svg{animation:none}.reload-clients-button svg,.client-reload-progress i{transition:none}}

/* Remote File Manager */
.files-page{padding-bottom:32px}.files-safety-banner{display:flex;align-items:center;gap:13px;padding:14px 16px;margin-bottom:16px;color:#344054;background:color-mix(in srgb,var(--brand-soft) 64%,var(--card));border:1px solid color-mix(in srgb,var(--brand) 20%,var(--border));border-radius:12px}.files-safety-banner>span{width:40px;height:40px;display:grid;place-items:center;flex:0 0 auto;color:var(--brand);background:var(--card);border:1px solid color-mix(in srgb,var(--brand) 18%,var(--border));border-radius:10px}.files-safety-banner svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.files-safety-banner strong{font-size:16px}.files-safety-banner p{margin:3px 0 0;color:var(--muted-foreground);font-size:14px;line-height:1.45}
.files-toolbar{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(280px,1fr) minmax(260px,1.5fr);align-items:end;gap:14px;padding:16px;margin-bottom:18px}.files-toolbar label{display:flex;flex-direction:column;gap:7px}.files-toolbar label>span{color:var(--muted-foreground);font-size:13px;font-weight:650}.files-toolbar select{width:100%;height:44px;padding:0 38px 0 12px;color:var(--foreground);background:var(--card);border:1px solid var(--border);border-radius:9px;font-size:15px;outline:none}.files-toolbar select:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 14%,transparent)}
.files-breadcrumbs{min-width:0;height:44px;display:flex;align-items:center;overflow:auto;padding:0 8px;background:var(--secondary);border:1px solid var(--border);border-radius:9px;scrollbar-width:none}.files-breadcrumbs::-webkit-scrollbar{display:none}.files-breadcrumbs button{min-width:max-content;display:flex;align-items:center;gap:5px;padding:7px 5px;color:var(--muted-foreground);background:transparent;border:0;border-radius:6px;font-size:14px}.files-breadcrumbs button:last-child{color:var(--foreground);font-weight:650}.files-breadcrumbs button:hover{color:var(--brand);background:var(--card)}.files-breadcrumbs svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}
.files-workspace{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(340px,.75fr);gap:18px;align-items:start}.files-browser-card{min-width:0;overflow:hidden}.files-table-wrap{max-height:calc(100dvh - 345px);min-height:360px;overflow:auto}.files-table thead{position:sticky;top:0;z-index:2}.files-table th{background:var(--card)}.files-table td:first-child{min-width:270px}.files-table td:nth-child(2){width:90px}.files-table td:nth-child(3){width:150px}.files-table td:nth-child(4){width:72px}.files-table td:last-child{width:52px}.file-row>td:first-child>button,.file-row.parent td>button{width:100%;display:flex;align-items:center;gap:11px;padding:0;color:inherit;text-align:left;background:transparent;border:0}.file-row.parent td{padding-block:10px}.file-row button>span:last-child{min-width:0;display:flex;flex-direction:column}.file-row button strong{overflow:hidden;color:var(--foreground);font-size:15px;text-overflow:ellipsis;white-space:nowrap}.file-row button small{margin-top:2px;color:var(--muted-foreground);font-size:12px;text-transform:capitalize}.file-row:hover{background:color-mix(in srgb,var(--brand-soft) 40%,var(--card))}.file-type-icon{width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;color:#667085;background:var(--secondary);border:1px solid var(--border);border-radius:9px}.file-type-icon.directory,.file-type-icon.folder{color:#b54708;background:#fffaeb;border-color:#fedf89}.file-type-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.file-row code{padding:3px 6px;color:var(--muted-foreground);background:var(--secondary);border-radius:5px;font-size:12px}.file-row-action{width:34px;height:34px;background:transparent}.file-row-action svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2}.files-loading-dot{width:9px;height:9px;display:inline-block;margin-right:8px;background:var(--brand);border-radius:50%;animation:files-loading 1s ease-in-out infinite}
.file-preview-card{position:sticky;top:0;min-width:0;overflow:hidden}.file-preview-header{min-height:92px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:17px 18px;border-bottom:1px solid var(--border)}.file-preview-header>div{min-width:0}.file-preview-header>div>span{color:var(--brand);font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.09em}.file-preview-header h2{margin:5px 0 4px;overflow:hidden;color:var(--foreground);font-size:19px;text-overflow:ellipsis;white-space:nowrap}.file-preview-header p{margin:0;color:var(--muted-foreground);font-size:13px;line-height:1.4}.file-preview-empty{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;color:var(--muted-foreground);text-align:center}.file-preview-empty svg{width:45px;height:45px;margin-bottom:13px;fill:none;stroke:#98a2b3;stroke-width:1.4}.file-preview-empty strong{color:var(--foreground);font-size:17px}.file-preview-empty span{max-width:230px;margin-top:5px;font-size:13px;line-height:1.5}.file-preview-card pre{height:calc(100dvh - 445px);min-height:330px;margin:0;overflow:auto;padding:18px;color:#d0d5dd;background:#101828;font:500 14px/1.65 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.file-preview-actions{min-height:66px;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:11px 14px;border-top:1px solid var(--border)}.file-preview-actions>span{margin-right:auto;color:var(--green);font-size:12px;font-weight:650}.file-preview-actions svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.file-preview-actions .active{color:#027a48;background:#ecfdf3;border-color:#abefc6}
@keyframes files-loading{0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}
@media(max-width:1100px){.files-toolbar{grid-template-columns:1fr 1fr}.files-breadcrumbs{grid-column:1/-1}.files-workspace{grid-template-columns:minmax(0,1fr) minmax(300px,.7fr)}}
@media(max-width:820px){.files-workspace{grid-template-columns:1fr}.files-table-wrap{max-height:52dvh;min-height:300px}.file-preview-card{position:relative}.file-preview-card pre{height:42dvh;min-height:280px}.files-toolbar{grid-template-columns:1fr}.files-breadcrumbs{grid-column:auto}.files-table th:nth-child(2),.files-table td:nth-child(2),.files-table th:nth-child(3),.files-table td:nth-child(3),.files-table th:nth-child(4),.files-table td:nth-child(4){display:none}.files-table td:first-child{min-width:0}.files-safety-banner{align-items:flex-start}.files-heading .operations-heading-actions{width:auto}}
@media(max-width:520px){.files-page{padding-inline:12px}.files-toolbar{padding:12px}.files-safety-banner p{font-size:13px}.file-preview-actions{flex-wrap:wrap}.file-preview-actions>span{width:100%;margin:0}.file-preview-actions .button{flex:1;justify-content:center}.files-table td{padding-inline:12px}}
@media(prefers-reduced-motion:reduce){.files-loading-dot{animation:none}}

/* Mobile header dropdown menus */
.mobile-dropdown-heading{display:none}
.notification-panel-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.notification-panel-actions button+button{border-left:1px solid var(--border)}
@media(max-width:720px){
  .topbar{position:relative;z-index:85;overflow:visible}
  .topbar-actions,.status-menu-wrap,.notification-wrap,.account-wrap{position:relative;overflow:visible}
  .topbar .status-menu-button,.topbar .notification-button,.topbar .account-button{min-width:44px;width:44px;height:44px;display:grid;place-items:center;padding:0;border:1px solid transparent;border-radius:12px;background:transparent}
  .topbar .status-menu-button[aria-expanded="true"],.topbar .notification-button[aria-expanded="true"]{color:var(--brand);background:var(--brand-soft);border-color:color-mix(in srgb,var(--brand) 22%,var(--border))}
  .status-dropdown,.notification-panel{position:fixed;z-index:96;top:64px;right:8px;bottom:auto;left:8px;width:auto;max-width:none;max-height:calc(100dvh - 64px - var(--mobile-nav-height) - 16px);overflow:auto;background:var(--popover);border:1px solid var(--border);border-radius:15px;box-shadow:0 20px 56px rgba(15,23,42,.24);transform-origin:top right;animation:mobile-header-menu-in .28s cubic-bezier(.22,1,.36,1)}
  .status-dropdown{padding:8px}
  .mobile-dropdown-heading{display:flex;align-items:center;justify-content:space-between;padding:10px 10px 12px;margin-bottom:4px;border-bottom:1px solid var(--border)}
  .mobile-dropdown-heading>span{display:flex;flex-direction:column;gap:2px}.mobile-dropdown-heading strong{color:var(--foreground);font-size:17px}.mobile-dropdown-heading small{color:var(--muted-foreground);font-size:13px}
  .status-dropdown button{min-height:56px;padding:7px 10px}.status-dropdown strong{font-size:16px}.status-dropdown small{font-size:13px}
  .notification-panel>header{position:sticky;z-index:2;top:0;background:var(--popover)}
  .notification-list{max-height:calc(100dvh - 64px - var(--mobile-nav-height) - 178px)}
  .notification-item{min-height:70px;padding:14px}.notification-copy strong{font-size:15px}.notification-copy>span{font-size:13px}
  .notification-panel-actions{position:sticky;bottom:0;background:var(--popover)}
  .notification-panel-actions button{min-height:44px}
}
@keyframes mobile-header-menu-in{from{opacity:0;transform:translateY(-7px) scale(.985)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.status-dropdown,.notification-panel{animation:none}}

/* Automation Playbooks */
.playbook-policy-banner{display:flex;align-items:center;gap:13px;padding:14px 16px;margin-bottom:22px;color:#344054;background:color-mix(in srgb,var(--brand-soft) 58%,var(--card));border:1px solid color-mix(in srgb,var(--brand) 20%,var(--border));border-radius:12px}.playbook-policy-banner>span{width:40px;height:40px;display:grid;place-items:center;flex:0 0 auto;color:var(--brand);background:var(--card);border:1px solid color-mix(in srgb,var(--brand) 18%,var(--border));border-radius:10px}.playbook-policy-banner svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9}.playbook-policy-banner strong{font-size:16px}.playbook-policy-banner p{margin:3px 0 0;color:var(--muted-foreground);font-size:14px}.playbook-section{margin-bottom:24px}.playbook-section>header{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}.playbook-section>header h2{margin:0 0 4px;font-size:21px}.playbook-section>header p{margin:0;color:var(--muted-foreground);font-size:14px}
.playbook-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.playbook-template{min-width:0;padding:18px;background:var(--card);border:1px solid var(--border);border-top:3px solid var(--brand);border-radius:13px;box-shadow:var(--shadow-xs)}.playbook-template.purple{border-top-color:#7f56d9}.playbook-template.orange{border-top-color:#f79009}.playbook-template>header{display:flex;align-items:center;gap:12px}.playbook-template-icon{width:43px;height:43px;display:grid;place-items:center;flex:0 0 auto;color:var(--brand);background:var(--brand-soft);border-radius:10px}.playbook-template.purple .playbook-template-icon{color:#6941c6;background:#f4ebff}.playbook-template.orange .playbook-template-icon{color:#b54708;background:#fffaeb}.playbook-template-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}.playbook-template header>div>span{color:var(--muted-foreground);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.playbook-template h3{margin:3px 0 0;font-size:18px}.playbook-template>p{min-height:63px;margin:15px 0;color:var(--muted-foreground);font-size:14px;line-height:1.5}.playbook-template ol{display:flex;flex-direction:column;gap:8px;padding:12px;margin:0;background:var(--secondary);border-radius:10px;list-style:none}.playbook-template li{display:grid;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:9px}.playbook-template li>span{width:24px;height:24px;display:grid;place-items:center;color:var(--muted-foreground);background:var(--card);border:1px solid var(--border);border-radius:50%;font-size:11px;font-weight:700}.playbook-template li.gate>span{color:#b54708;background:#fffaeb;border-color:#fedf89}.playbook-template li>div{display:flex;flex-direction:column}.playbook-template li strong{font-size:13px}.playbook-template li small{color:var(--muted-foreground);font-size:11px}.playbook-template>footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:15px}.playbook-template>footer>span{color:var(--muted-foreground);font-size:12px}.playbook-template footer svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}
.playbook-runs-list{display:flex;flex-direction:column;gap:14px}.playbook-run{overflow:hidden;background:var(--card);border:1px solid var(--border);border-radius:13px;box-shadow:var(--shadow-xs)}.playbook-run.awaiting_approval{border-color:#fedf89;box-shadow:0 0 0 3px rgba(247,144,9,.08)}.playbook-run.failed{border-color:#fecdca}.playbook-run>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:16px 18px}.playbook-run h3{margin:7px 0 3px;font-size:18px}.playbook-run header p{margin:0;color:var(--muted-foreground);font-size:13px}.playbook-run-status{display:inline-flex;align-items:center;gap:6px;color:var(--muted-foreground);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.playbook-run-status i{width:8px;height:8px;background:#98a2b3;border-radius:50%}.playbook-run-status.running{color:#175cd3}.playbook-run-status.running i{background:#2e90fa;animation:status-pulse 1.5s infinite}.playbook-run-status.awaiting_approval{color:#b54708}.playbook-run-status.awaiting_approval i{background:#f79009;animation:status-pulse 1.5s infinite}.playbook-run-status.success{color:#027a48}.playbook-run-status.success i{background:#12b76a}.playbook-run-status.failed,.playbook-run-status.cancelled{color:#b42318}.playbook-run-status.failed i,.playbook-run-status.cancelled i{background:#f04438}.playbook-progress{display:flex;align-items:center;gap:10px;padding:0 18px 15px}.playbook-progress>span{height:7px;flex:1;overflow:hidden;background:var(--secondary);border-radius:999px}.playbook-progress i{height:100%;display:block;background:var(--brand);border-radius:inherit;transition:width .45s ease}.playbook-progress b{min-width:42px;color:var(--muted-foreground);font-size:12px;text-align:right}.playbook-run-steps{margin:0;padding:0 18px 16px;list-style:none}.playbook-run-steps li{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:start;gap:10px;padding:9px 0}.playbook-run-steps li:not(:last-child)::after{content:"";position:absolute;top:34px;bottom:-7px;left:14px;width:1px;background:var(--border)}.playbook-step-state{width:29px;height:29px;display:grid;place-items:center;color:#98a2b3;background:var(--secondary);border:1px solid var(--border);border-radius:50%}.playbook-step-state svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.playbook-run-steps li.success .playbook-step-state{color:#027a48;background:#ecfdf3;border-color:#abefc6}.playbook-run-steps li.failed .playbook-step-state{color:#b42318;background:#fef3f2;border-color:#fecdca}.playbook-run-steps li.running .playbook-step-state,.playbook-run-steps li.starting .playbook-step-state{color:#175cd3;background:#eff8ff;border-color:#b2ddff}.playbook-run-steps li.awaiting_approval .playbook-step-state{color:#b54708;background:#fffaeb;border-color:#fedf89}.playbook-run-steps li>div{min-width:0;display:flex;flex-direction:column;gap:3px}.playbook-run-steps strong{font-size:14px}.playbook-run-steps small{color:var(--muted-foreground);font-size:12px}.playbook-run-steps p{margin:3px 0 0;color:#b42318;font-size:12px}.playbook-approval{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 16px;margin:0 18px 12px;color:#92400e;background:#fffaeb;border:1px solid #fedf89;border-radius:10px}.playbook-approval>span{width:38px;height:38px;display:grid;place-items:center;background:#fff;border-radius:9px}.playbook-approval svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}.playbook-approval strong{font-size:14px}.playbook-approval p{margin:2px 0 0;font-size:12px}.playbook-failure{padding:11px 18px;color:#b42318;background:#fef3f2;border-top:1px solid #fecdca;font-size:13px}.playbook-loading{grid-column:1/-1;padding:34px;color:var(--muted-foreground);background:var(--card);border:1px dashed var(--border);border-radius:12px;text-align:center}
.playbook-launch-modal{width:min(620px,calc(100vw - 24px))}.playbook-launch-modal .modal-header>div>p{margin-top:5px}.playbook-machine-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.playbook-machine-actions span{color:var(--muted-foreground);font-size:13px}.playbook-machine-list{max-height:410px;display:flex;flex-direction:column;gap:8px;overflow:auto}.playbook-machine-list label{display:grid;grid-template-columns:20px 24px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;border:1px solid var(--border);border-radius:10px;cursor:pointer}.playbook-machine-list label:hover{background:var(--secondary)}.playbook-machine-list input{position:absolute;opacity:0;pointer-events:none}.playbook-machine-check{width:20px;height:20px;display:grid;place-items:center;border:1px solid #d0d5dd;border-radius:6px}.playbook-machine-list input:checked+.playbook-machine-check{background:var(--brand);border-color:var(--brand)}.playbook-machine-list input:checked+.playbook-machine-check i{width:8px;height:4px;border:solid #fff;border-width:0 0 2px 2px;transform:rotate(-45deg) translateY(-1px)}.playbook-machine-list label>span:nth-of-type(2){min-width:0;display:flex;flex-direction:column}.playbook-machine-list strong{font-size:14px}.playbook-machine-list small{overflow:hidden;color:var(--muted-foreground);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.playbook-machine-list label>b{color:#027a48;font-size:11px;text-transform:uppercase}.playbook-launch-modal .modal-footer svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}
@media(max-width:1080px){.playbook-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.playbook-template:last-child{grid-column:1/-1}}
@media(max-width:720px){.playbook-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.playbook-template-grid{grid-template-columns:1fr}.playbook-template:last-child{grid-column:auto}.playbook-template>p{min-height:0}.playbook-run>header{padding:14px}.playbook-progress{padding-inline:14px}.playbook-run-steps{padding-inline:14px}.playbook-approval{grid-template-columns:38px minmax(0,1fr);margin-inline:14px}.playbook-approval .button{grid-column:1/-1;width:100%;justify-content:center}.playbook-machine-list label{grid-template-columns:20px 24px minmax(0,1fr)}.playbook-machine-list label>b{display:none}.playbook-policy-banner{align-items:flex-start}}
@media(max-width:460px){.playbook-summary{grid-template-columns:1fr}.playbook-run-steps li{grid-template-columns:30px minmax(0,1fr)}.playbook-run-steps li>.table-action{grid-column:2;justify-self:start}.playbook-template>footer{align-items:flex-start;flex-direction:column}.playbook-template>footer .button{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.playbook-progress i,.playbook-run-status i{transition:none;animation:none}}