/* TeleDesk user UI readability / onboarding optimization - 2026.08.24.13 */
:root{
  --muted:#aab2c5;
  --user-soft:#c8cedb;
  --user-line:#30374b;
  --user-panel:#10141e;
  --user-panel-2:#0c1018;
}
body{font-size:15px;line-height:1.58;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button,input,select,textarea{font-size:14px}
input::placeholder,textarea::placeholder{color:#747e94;opacity:1}
.eyebrow{font-size:11px;color:#8b94aa;letter-spacing:.15em}
.btn,.portal-primary,.store-action,.store-history-button{font-size:13.5px;line-height:1.25}
.tab{font-size:14px}.top-actions{font-size:13.5px}
.sidebar h1,.content h2{font-size:22px}.content-head{gap:16px}
.content-head h2,.store-heading h1,.manual-heading h1,.send-log-heading h1,.portal-heading h1{letter-spacing:-.02em}
.content-head p:not(.eyebrow),.store-heading p,.manual-heading>p,.send-log-heading p:last-child{color:#b2bacb!important;font-size:13.5px!important;line-height:1.65}
.sidebar-field,.composer label,.modal label,.portal-form label{font-size:14px!important;color:#c7cdd9!important}
.search-wrap input,.composer input,.composer select,.composer textarea,.modal input{font-size:14px}
.status-summary span{font-size:12px}.account-card .name,.group-name span{font-size:12.5px!important;color:#a3acc0!important}
.group-name strong{font-size:14.5px}.group-switch{font-size:12.5px!important;color:#aab2c4!important}
.group-loading,.group-empty,.recipient-empty,.empty-schedule{font-size:13.5px!important;color:#9fa8bb!important}
.modal-copy,.empty-state p{color:#aeb6c8!important;font-size:13.5px}
.usage-status span,.usage-status small{font-size:12px}.usage-status strong{font-size:14px}

/* Small, contextual user guides */
.user-quick-guide{display:flex;align-items:flex-start;gap:12px;margin:0 0 20px;padding:14px 16px;border:1px solid #343b50;border-left:3px solid #7c5cff;border-radius:11px;background:linear-gradient(135deg,#121624,#0d1119)}
.user-quick-guide .guide-index{display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;border-radius:8px;background:#241c43;color:#cbbfff;font-size:12px;font-weight:900}
.user-quick-guide>div{min-width:0}.user-quick-guide strong{display:block;color:#f0f2f7;font-size:13.5px}.user-quick-guide p{margin:4px 0 0;color:#aab3c7;font-size:12.5px;line-height:1.6}.user-quick-guide a{color:#b6a7ff;text-decoration:none;font-weight:800}
.user-flow-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0 0 20px}
.user-flow-strip span{display:flex;align-items:center;gap:8px;min-height:44px;border:1px solid #2b3246;border-radius:10px;background:#0e121b;color:#aeb7c9;padding:9px 11px;font-size:12.5px}.user-flow-strip b{display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px;border-radius:7px;background:#1e1935;color:#bcaeff;font-size:11px}

/* Send-mode selector is the first action after choosing an account */
.send-mode-card{margin:14px 0 18px;padding:16px;border:1px solid #3b4260;border-radius:13px;background:linear-gradient(145deg,#141827,#0e1119);box-shadow:0 10px 28px rgba(0,0,0,.18)}
.send-mode-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}
.send-mode-card-head strong{display:block;color:#f4f5f8;font-size:15px}.send-mode-card-head span{display:block;margin-top:4px;color:#9fa9bd;font-size:12.5px;line-height:1.55}.send-mode-step{flex:0 0 auto;border:1px solid #574a8d;border-radius:999px;background:#1c1731;color:#bfaeff;padding:5px 9px;font-size:10px;font-weight:900;letter-spacing:.06em}
.send-mode-card .group-send-mode{display:grid;grid-template-columns:1fr 1fr;gap:9px;width:100%;margin:0;padding:0;border:0;background:transparent}
.send-mode-card .group-send-mode button{min-height:54px;min-width:0;border:1px solid #353d53;border-radius:10px;background:#0b0f17;color:#b2bacb;padding:10px 14px;font-size:13.5px;text-align:left}
.send-mode-card .group-send-mode button:before{display:block;margin-bottom:2px;color:#7f899f;font-size:10px;font-weight:700;letter-spacing:.08em}
.send-mode-card .group-send-mode button[data-group-send-mode="bot"]:before{content:"BOT API"}
.send-mode-card .group-send-mode button[data-group-send-mode="account"]:before{content:"MTProto"}
.send-mode-card .group-send-mode button.is-active{border-color:#785fff;background:linear-gradient(135deg,#251d46,#17142b);color:#fff;box-shadow:0 0 0 2px rgba(124,92,255,.14)}
.send-mode-card .group-send-hint{margin:11px 0 0;padding:10px 11px;border-radius:8px;background:#0a0d14;color:#b3bbcc;font-size:12.5px;line-height:1.6}
.account-send-mode .bot-link-panel{display:none}
.account-send-mode .bot-identity{display:none}
.bot-mode-only-note{margin:0 0 12px;color:#9fa8ba;font-size:12.5px;line-height:1.6}
.account-send-mode .bot-mode-only-note{display:none}
.group-section-head h3,.bot-head h3{font-size:17px!important}.group-section-head:before,.bot-head:before{display:none}
.group-section{border-color:#2d3448!important}.bot-distribution{border-color:#2d3448!important}

/* Portal pages */
.portal-bar{min-height:66px;height:auto}.portal-nav{font-size:13.5px;gap:16px}.portal-nav a{color:#d0d5df}.portal-nav a:hover{color:#fff}
.auth-panel,.settings-panel,.store-section{border-color:#2b3245!important;background:#0f131c!important}
.auth-panel h1,.portal-heading h1{font-size:24px}
.store-main,.send-log-main,.manual-main{line-height:1.6}
.store-section-head h2,.manual-section h2{font-size:18px!important}.product-card strong{font-size:15.5px!important}.product-card>span,.store-empty{font-size:13.5px!important}
.store-table th,.store-table td{font-size:13px!important;line-height:1.5}.store-table th{color:#a3abc0!important}
.send-log-filter label{font-size:13px!important;color:#c1c8d5!important}.send-log-filter input,.send-log-filter select{font-size:13.5px!important}.send-log-summary span{font-size:12.5px!important}
.send-log-table th,.send-log-table td{font-size:12.5px;line-height:1.5}.send-log-message strong{font-size:13px}.send-log-message small,.send-log-account small,.send-log-result small{color:#929caf!important;font-size:11.5px!important}
.manual-section{color:#c6ccd8}.manual-section p,.manual-section li,.manual-section dd{font-size:13.5px!important;line-height:1.75}.manual-section h3{font-size:15px}.manual-note{color:#b9c2d3!important}
.portal-help-strip{display:flex;align-items:flex-start;gap:10px;margin:0 0 18px;padding:12px 14px;border:1px solid #343b50;border-radius:9px;background:#0e131d;color:#aeb7c8;font-size:12.5px;line-height:1.6}.portal-help-strip strong{color:#eeeef4;white-space:nowrap}.portal-help-strip a{color:#b8a8ff;text-decoration:none;font-weight:800}
.auth-help{margin:14px 0 0;text-align:center;color:#9ea7ba;font-size:12.5px;line-height:1.65}

@media(max-width:900px){
  body{font-size:14.5px}.user-flow-strip{grid-template-columns:1fr}.portal-nav{gap:10px;flex-wrap:wrap;justify-content:flex-end}.send-mode-card .group-send-mode{grid-template-columns:1fr}.content-head{align-items:flex-start}.content-head .head-tools{flex-wrap:wrap}
}
@media(max-width:560px){
  .sidebar h1,.content h2{font-size:20px}.user-quick-guide{padding:12px}.send-mode-card{padding:13px}.send-mode-card-head{flex-direction:column;gap:8px}.portal-help-strip{flex-direction:column}.portal-nav{font-size:12.5px}.store-table th,.store-table td{font-size:12px!important}
}