/* Shared control sizes: 32px icon, 36px compact, 40px form action. */
:root{--control-ink:#655078;--control-hover:#9275af12;--control-border:#9275af26;--control-radius:10px;--control-height:36px}
[data-theme=dark]{--control-ink:#dac6ec;--control-hover:#c7a6e81c;--control-border:#b59bc936}
button{line-height:1.25}
button>.lucide,a.button>.lucide{display:block;flex-shrink:0}
.icon-button{padding:0;flex:0 0 auto;align-items:center;justify-content:center;line-height:1;border-radius:9px}
.icon-button>.lucide{width:16px;height:16px;display:block}
.home-page .button,.admin-page .button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border-radius:var(--control-radius);font-size:12px;font-weight:500;line-height:1.3;white-space:nowrap;vertical-align:middle;transition:background .18s,box-shadow .18s,transform .18s}
.home-page .button>.lucide,.admin-page .button>.lucide{width:16px;height:16px}
.home-page .button.primary,.admin-page .button.primary{background:linear-gradient(135deg,#9474b1,#7c6098);color:#fff;box-shadow:0 3px 9px #76568f20;border:1px solid #7d619416}
.home-page .button.secondary,.admin-page .button.secondary{background:#fff8;color:var(--control-ink);border:1px solid var(--control-border);box-shadow:0 1px 2px #4c365b04}
.home-page .button:hover,.admin-page .button:hover{transform:translateY(-1px)}
.home-page .button:active,.admin-page .button:active{transform:translateY(0) scale(.98)}
.home-page .button:disabled,.admin-page .button:disabled{transform:none;cursor:wait}
.home-page .button.secondary:hover,.admin-page .button.secondary:hover{background:var(--control-hover)}
[data-theme=dark] .home-page .button.secondary{background:#382d46;color:#ddc8ee}
.home-page .menubar .icon-button{width:28px;height:28px}
.home-page .window-actions{display:flex;align-items:center;gap:4px}
.home-page .window-actions .icon-button{width:30px;height:30px}
.home-page .window-actions .icon-button>.lucide{width:15px;height:15px}
.home-page .search-bar{align-items:center;padding-left:15px;padding-right:10px}
.home-page .search-bar input{height:100%;line-height:1.5}
.home-page .engine-trigger{height:32px;padding:0 2px;align-items:center}
.home-page .search-submit{width:32px;height:32px;flex:0 0 32px;padding:0;display:grid;place-items:center;border-radius:9px}
.home-page .search-submit>.lucide{width:16px;height:16px}
.home-page .search-shortcut{height:25px;padding:0 5px;align-items:center;justify-content:center}
.home-page .search-shortcut kbd{line-height:1}
.home-page .section-heading{height:32px;gap:12px}
.home-page .section-tools{align-items:center;gap:12px}
.home-page .section-tools .subtle-button{height:32px;padding:0 4px;font-size:11px;align-items:center;white-space:nowrap;gap:5px}
.home-page .view-toggle{display:flex;align-items:center;height:32px;padding:3px;gap:2px;border:1px solid #9a82ae12;background:#9a82ae0a;border-radius:9px}
.home-page .view-toggle button{display:grid;place-items:center;width:27px;height:24px;padding:0;border-radius:6px}
.home-page .view-toggle button>.lucide{width:14px;height:14px}
.home-page .view-toggle button.active{box-shadow:0 1px 4px #59406e0c}
.home-page .widgets-grid{gap:14px}
.home-page .ai-widget{padding:17px 20px 16px;min-height:0}
.home-page .ai-widget h2{font-size:22px;line-height:1.4;margin:13px 0;padding-right:23px;letter-spacing:0}
.home-page .ai-widget h2>span{font-size:28px;top:0;right:0}
.home-page .ai-widget-top{font-size:11px;min-height:17px}
.home-page .ai-start-button{height:34px;padding:0 12px;gap:14px;border-radius:9px;font-size:11px;align-items:center;line-height:1}
.home-page .ai-start-button>.lucide{width:14px;height:14px}
.home-page .ai-prompt-chips{margin-top:12px;gap:6px}
.home-page .ai-prompt-chips button{min-height:26px;padding:0 8px;line-height:1;font-size:10px;border-radius:7px;display:flex;align-items:center;justify-content:center}
.home-page .focus-widget{min-height:74px;padding:12px 16px;gap:12px}
.home-page .focus-dial{width:43px;height:43px}
.home-page .focus-dial>.lucide{left:12px;top:12px;width:19px;height:19px}
.home-page .focus-actions{gap:5px;align-items:center}
.home-page .focus-start,.home-page .focus-actions>.icon-button{width:32px;height:32px;min-width:32px;padding:0;display:grid;place-items:center}
.home-page .focus-actions>.icon-button>.lucide{width:14px;height:14px}
.home-page .workspace-shortcut{height:36px;min-height:36px;padding:0 10px;align-items:center;font-size:11px;border-radius:9px}
.home-page .recent-heading .icon-button{width:26px;height:26px}
.home-page .appearance-dialog .theme-options button,.home-page .motion-options button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:40px;line-height:1.3}
.home-page .dialog-heading>.icon-button{width:32px;height:32px}
.home-page .ai-dialog-header>.icon-button{width:32px;height:32px}
.home-page .ai-dialog-header>.icon-button>.lucide{width:16px;height:16px}
.new-chat-button{min-height:40px;align-items:center;gap:8px}
.home-page .chat-send{width:36px;height:36px;min-width:36px;padding:0;border-radius:10px}
.home-page .chat-composer-tools{min-height:36px;align-items:center}
.home-page .chat-attach-button{height:32px;padding:0 8px;align-items:center;font-size:11px}
.home-page .message-actions{align-items:center;gap:5px;flex-wrap:wrap}
.home-page .message-actions button{height:30px;display:inline-flex;align-items:center;gap:5px;padding:0 8px;border-radius:7px;line-height:1;font-size:11px}
.home-page .message-actions button>.lucide{width:13px;height:13px}
.home-page .copy-code{height:28px;padding:0 8px;line-height:1}
.admin-page .row-actions{gap:4px;align-items:center;flex-wrap:nowrap}
.admin-page .row-actions .icon-button{width:30px;height:30px;border-radius:8px}
.admin-page .row-actions .icon-button>.lucide{width:15px;height:15px}
.admin-page .dialog-actions{align-items:center;gap:10px;flex-wrap:wrap}
.admin-page .dialog-actions .button{min-height:40px;padding:0 16px;font-size:12px}
.admin-page .admin-heading .button{min-height:38px;padding:0 14px;font-size:12px;gap:8px}
.admin-page .ai-model-control{align-items:stretch;gap:8px}
.admin-page .ai-model-control .button{min-height:42px;padding:0 12px}
.admin-page .form-field input:not([type=checkbox]):not([type=color]):not([type=file]),.admin-page .form-field select{height:42px;min-height:42px;padding:0 12px;font-size:12px}
.admin-page .form-field textarea{line-height:1.8;font-size:12px}
.admin-page .login-card .button{height:44px;justify-content:center;gap:12px}
.admin-page .password-field .icon-button{width:30px;height:30px}
.admin-page .dialog-heading>.icon-button{width:32px;height:32px}
.admin-page .backup-card .button{min-height:36px;padding:0 12px;font-size:11px}
.admin-page .button .spinner{width:15px;height:15px;flex-shrink:0}
@media(min-width:1051px) and (max-height:820px){
  .home-page .widgets-grid{gap:12px}.home-page .ai-widget{padding:14px 18px}.home-page .ai-widget h2{font-size:21px;margin:10px 0}.home-page .ai-prompt-chips{display:none}.home-page .focus-widget{min-height:68px;padding:10px 14px}.home-page .focus-dial{width:41px;height:41px}.home-page .focus-dial>.lucide{left:11px;top:11px}
}
@media(max-width:760px){
  .home-page .section-tools{gap:7px}.home-page .section-tools .subtle-button{font-size:10px;padding:0}.home-page .view-toggle button{width:24px}.home-page .workspace-shortcut{font-size:10px;gap:6px;padding:0 8px}.home-page .search-divider{margin:0 12px}.home-page .search-submit{width:32px;height:32px}.home-page .ai-widget{padding:20px 22px}.home-page .ai-widget h2{font-size:25px;margin:16px 0}.home-page .ai-prompt-chips button{min-height:30px;font-size:11px}.home-page .ai-start-button{height:36px;font-size:12px}.home-page .focus-widget{min-height:78px}.admin-page .dialog-actions .button{flex:1}.admin-page .ai-model-control .button{font-size:11px;padding:0 10px;gap:6px}
}
@media(max-width:380px){.home-page .section-title h2{font-size:11px}.home-page .section-title>.lucide{display:none}.home-page .section-tools{gap:5px}.home-page .workspace-shortcut{padding:0 5px;font-size:9px}}
@media(max-width:650px){
  .admin-page .admin-sidebar{padding-top:12px}
  .admin-page .admin-sidebar .brand{display:flex;min-height:30px;margin-bottom:11px}
  .admin-page .admin-sidebar-bottom{top:12px;align-items:center;gap:6px}
  .admin-page .admin-sidebar-bottom .sidebar-action{display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border-radius:8px}
  .admin-page .admin-sidebar-bottom .sidebar-action>.lucide{width:16px;height:16px}
  .admin-page #admin-nav{padding-bottom:10px;min-height:41px}
  .admin-page .admin-sidebar .nav-item{height:32px;min-height:32px;padding:0 10px;align-items:center}
  .admin-page .ai-admin-banner{gap:11px;padding:16px 14px}
  .admin-page .ai-admin-banner strong{font-size:15px}
  .admin-page .ai-admin-banner .status-pill{font-size:9px}
}