body.bots-dark-mode{background:#091221;color:#eef3ff}
body.bots-dark-mode .main{background:#091221}
body.bots-dark-mode .topbar{background:#121e31;border-bottom:1px solid #2b3850;color:#f8faff}
body.bots-dark-mode .topbar .eyebrow{color:#ad84ec}
body.bots-dark-mode .content{background:#091221;padding-top:24px}
body.bots-dark-mode .primary-btn{background:#a877e8;color:#090f1d;box-shadow:none}
body.bots-dark-mode .primary-btn:hover{background:#ba8cf2}
body.bots-dark-mode .secondary-btn{background:#17243a;color:#cbd7ea;border:1px solid #33425b}
body.bots-dark-mode .pill.green{background:#173e2d;color:#75e6a7}
body.bots-dark-mode .pill.amber{background:#3a301e;color:#ffc96a}
.bots-head,.bot-settings-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}
.bots-head h2,.bot-settings-head h2{margin:4px 0 6px;font-size:30px}.bots-head p{margin:0;color:#91a0b7}
.bots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}.bot-card{background:#132036;border:1px solid #2b3b55;border-radius:18px;padding:22px;box-shadow:0 18px 55px rgba(0,0,0,.18)}
.bot-card-head{display:flex;justify-content:space-between;align-items:center}.bot-icon{width:48px;height:48px;border-radius:14px;background:#263452;display:grid;place-items:center;font-size:24px}.bot-card h3{font-size:20px;margin:18px 0 6px;color:#fff}.bot-card p{color:#91a0b7;margin:0 0 14px}.bot-tags{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0}.bot-tags span{background:#1b2a43;color:#adbad0;border:1px solid #30415c;border-radius:999px;padding:6px 10px;font-size:12px}.bot-actions{display:flex;gap:9px;margin-top:20px}
.bot-settings-shell{max-width:1540px;margin:0 auto}.bot-settings-head{min-height:72px}.bot-settings-head>div:nth-child(2){flex:1}.bot-settings-head h2{color:#fff}.bot-settings-actions{display:flex;align-items:center;gap:10px}.bot-settings-actions .pill{margin-right:4px}.bot-chat-btn{padding:11px 16px!important}
.bot-tabs{display:flex;gap:5px;overflow:auto;background:#17243a;border:1px solid #2c3b54;padding:6px;border-radius:14px;margin-bottom:18px}.bot-tabs button{width:auto;border:0;background:transparent;color:#9aabc3;padding:11px 17px;border-radius:10px;font-weight:650;white-space:nowrap;cursor:pointer}.bot-tabs button:hover{color:#fff;background:#1f2e47}.bot-tabs button.active{background:#a877e8;color:#0b1020;box-shadow:0 5px 18px rgba(168,119,232,.25)}
.bot-panel,.bot-channel-card{background:#132036;border:1px solid #33435d;border-radius:18px;padding:26px;box-shadow:0 15px 45px rgba(0,0,0,.13)}.bot-panel h3,.bot-channel-card h3{margin-top:0;color:#fff}.bot-panel .muted,.bot-channel-card .muted{color:#91a0b7}
.bot-prompt,.bot-small-text,.bots-dark-mode .bot-panel input,.bots-dark-mode .bot-panel select,.bots-dark-mode .bot-panel textarea,.bot-channel-form input,.bot-channel-form select{width:100%;box-sizing:border-box;border:1px solid #41516a;border-radius:12px;padding:13px 14px;font:inherit;line-height:1.45;background:#07101f;color:#f4f7ff;outline:none}
.bot-prompt:focus,.bot-small-text:focus,.bots-dark-mode .bot-panel input:focus,.bots-dark-mode .bot-panel select:focus,.bots-dark-mode .bot-panel textarea:focus,.bot-channel-form input:focus,.bot-channel-form select:focus{border-color:#a877e8;box-shadow:0 0 0 3px rgba(168,119,232,.14)}
.bot-prompt{min-height:390px;margin-top:16px;resize:vertical}.bot-small-text{min-height:90px;resize:vertical}.bots-dark-mode .bot-panel label{color:#cad4e5}.bot-savebar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:18px;padding-top:18px;border-top:1px solid #2d3d56}
.bot-list-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 0;border-bottom:1px solid #2a3a54}.bot-list-row:last-child{border-bottom:0}.bot-list-row strong,.bot-list-row span{display:block}.bot-list-row span{font-size:13px;color:#91a0b7;margin-top:4px}.bot-check{display:flex!important;align-items:center;gap:10px;flex-direction:row!important}.bot-check input{width:auto!important}
.bot-channel-layout{display:grid;gap:18px}.bot-channel-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.bot-channel-card-head p{margin:6px 0 0;color:#91a0b7}.bot-channel-count{padding:6px 10px;border-radius:999px;background:#1e2d46;color:#aebcd2;font-size:12px}
.bot-channel-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.channel-settings-btn{width:auto!important;padding:9px 12px!important}
.channel-connection{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:18px;border:1px solid #34455f;border-radius:14px;background:#101b2e;margin-top:10px}.channel-main{display:flex;align-items:center;gap:14px;min-width:0}.channel-logo{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:21px;font-weight:800;background:#1c3043;color:#fff}.channel-logo.whatsapp{background:#173d32;color:#62e69f}.channel-logo.telegram{background:#17354b;color:#78c8ff}.channel-logo.instagram{background:#40233e;color:#ff91da}.channel-info{min-width:0}.channel-info strong,.channel-info span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-info strong{color:#fff;font-size:15px}.channel-info span{color:#8fa0b8;font-size:13px;margin-top:5px}.channel-actions{display:flex;align-items:center;gap:10px}.channel-online,.channel-pending{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:750}.channel-online{background:#173e2d;color:#75e6a7}.channel-online:before{content:'';width:7px;height:7px;border-radius:50%;background:#54dd91;box-shadow:0 0 0 4px rgba(84,221,145,.12)}.channel-pending{background:#3a301e;color:#ffc96a}.channel-link{width:auto!important;padding:9px 12px!important}.channel-linked{color:#9db0c9;font-size:12px}
.channel-empty{display:grid;place-items:center;min-height:150px;text-align:center;border:1px dashed #3b4c66;border-radius:14px;color:#91a0b7}.channel-empty b{color:#dce5f4;margin-bottom:5px}.channel-empty span{display:block}
.bot-channel-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.bot-channel-form label{display:flex;flex-direction:column;gap:8px;color:#d4ddec;font-size:13px;font-weight:650}.bot-channel-form label.full{grid-column:1/-1}.bot-channel-form .channel-form-help{grid-column:1/-1;margin:0;color:#8294ae;font-size:12px}.bot-channel-form button{grid-column:1/-1;justify-self:start;width:auto;padding:12px 18px}
.channel-pending-list{margin-top:22px;padding-top:18px;border-top:1px solid #2d3d56}.channel-pending-list h4{margin:0 0 10px;color:#dce5f4}.channel-pending-list .channel-connection{padding:13px 15px;background:#0e192a}
.bots-dark-mode .empty-state{color:#8fa0b8}.bots-dark-mode .eyebrow{color:#ae82ec}
@media(max-width:900px){.bot-settings-head{align-items:flex-start;flex-wrap:wrap}.bot-settings-actions{width:100%;justify-content:flex-end}.bot-channel-card-head{flex-wrap:wrap}.bot-channel-head-actions{width:100%;justify-content:flex-start}.channel-connection{grid-template-columns:1fr}.channel-actions{justify-content:flex-start}.bot-channel-form{grid-template-columns:1fr}.bot-channel-form label.full{grid-column:auto}}
@media(max-width:720px){body.bots-dark-mode .content{padding:16px}.bots-head,.bot-settings-head{align-items:flex-start;flex-wrap:wrap}.bots-grid{grid-template-columns:1fr}.bot-actions,.bot-settings-actions{flex-direction:column;align-items:stretch}.bot-savebar{align-items:stretch;flex-direction:column}.bot-tabs{border-radius:12px}.bot-panel,.bot-channel-card{padding:18px}.channel-main{align-items:flex-start}.channel-actions{flex-wrap:wrap}}

.reminder-panel>.row{align-items:flex-start}.reminder-panel>.row h3{font-size:20px;margin-bottom:8px}.reminder-editor{margin:20px 0 8px;padding:20px;border:1px solid #614b87;border-radius:14px;background:#18243a;display:grid;gap:16px}.reminder-editor h4{margin:0;color:#fff;font-size:16px}.reminder-editor label{display:grid;gap:8px;font-weight:650}.reminder-editor fieldset{border:1px solid #33445f;border-radius:12px;padding:16px;margin:0}.reminder-editor legend{padding:0 7px;color:#eef3ff;font-weight:650}.reminder-delay{display:flex;align-items:center;gap:10px}.reminder-delay input{max-width:120px}.reminder-delay select{max-width:190px}.reminder-help{margin:0;color:#8fa3c0;font-size:13px}.reminder-form-actions{display:flex;gap:10px}.reminder-form-actions button{width:auto}.reminder-custom[hidden]{display:none}.reminder-list{margin-top:14px}.reminder-row small{display:block;color:#7186a5;margin-top:5px}.reminder-row-actions{display:flex;align-items:center;gap:8px}.reminder-toggle{border:1px solid #4a3c2a;background:#3a301e;color:#ffc96a;border-radius:999px;padding:8px 11px;cursor:pointer}.reminder-toggle.on{border-color:#25563f;background:#173e2d;color:#75e6a7}.reminder-delete{width:auto!important;padding:8px 11px!important}
@media(max-width:720px){.reminder-delay{align-items:stretch;flex-direction:column}.reminder-delay input,.reminder-delay select{max-width:none}.reminder-row{align-items:flex-start;flex-direction:column}.reminder-row-actions{width:100%;justify-content:space-between}.reminder-form-actions{flex-direction:column}.reminder-form-actions button{width:100%}}


/* DAISU AI feature workspaces */
.feature-panel{display:grid;gap:22px}
.feature-title{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.feature-title h3{margin:0 0 7px;font-size:24px}
.feature-form{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:end;padding:18px;border:1px solid #334461;border-radius:18px;background:#142239}
.feature-form label{display:grid;gap:8px;font-weight:700;color:#dce8fa}
.feature-form .full{grid-column:1/-1}
.feature-form input,.feature-form select,.feature-form textarea,.knowledge-card input,.knowledge-card select,.knowledge-card textarea{width:100%;box-sizing:border-box;border:1px solid #405271;border-radius:12px;background:#081326;color:#fff;padding:13px 14px;font:inherit}
.feature-list{display:grid;gap:10px}
.feature-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto auto;gap:13px;align-items:center;padding:15px 16px;border:1px solid #334461;border-radius:15px;background:#132137}
.feature-row>div:nth-child(2){min-width:0;display:grid;gap:4px}
.feature-row strong{font-size:16px;color:#fff}
.feature-row span{color:#9eb2d1;white-space:normal;overflow-wrap:anywhere}
.feature-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#273b60;color:#b58aff;font-size:18px}
.icon-danger{border:0;background:#3a1c2a;color:#ff8594;border-radius:10px;width:36px;height:36px;font-size:22px;cursor:pointer}
.knowledge-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.knowledge-card{display:grid;gap:12px;padding:18px;border:1px solid #334461;border-radius:18px;background:#142239}
.knowledge-card h4{margin:0;font-size:18px}
.knowledge-file{grid-column:1/-1}
.telegram-connect{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:16px;align-items:center;padding:20px;border:1px solid #6751a0;border-radius:18px;background:linear-gradient(135deg,#1a2945,#27204b)}
.telegram-mark{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#2aabee;color:#fff;font-size:23px}
.telegram-connect>div:nth-child(2){display:grid;gap:6px;min-width:0}
.telegram-connect a{color:#b78cff;overflow-wrap:anywhere}
.telegram-connect span{color:#aebed6;font-size:13px}
@media(max-width:800px){
 .knowledge-grid,.feature-form{grid-template-columns:1fr}
 .knowledge-file,.feature-form .full{grid-column:auto}
 .feature-row{grid-template-columns:38px minmax(0,1fr) auto}
 .feature-row .icon-danger{grid-column:3}
 .telegram-connect{grid-template-columns:46px 1fr}
 .telegram-connect button{grid-column:1/-1}
}
