/* AK AI v33: presentation layer over the existing application. */
html body .ak-shell{overflow:hidden}
html body .ak-work-dialog [hidden]{display:none!important}
html body .ak-sidebar{gap:8px!important;padding-bottom:88px!important}
html body .ak-sidebar .brand-row{padding:6px 12px 14px}
html body .ak-sidebar .brand-mark{background:center/contain no-repeat url('/assets/ak-ai-icon-v32.png')!important;color:transparent!important;border-radius:10px;width:34px;height:34px;flex-shrink:0}
html body .ak-sidebar .brand-row strong{font-size:23px}
html body .ak-sidebar .chat-list button{min-height:48px;font-size:17px!important;border-radius:14px!important;padding:10px 14px}
html body .ak-sidebar .chat-list>p{display:block!important;color:#f4f4f4;font-size:16px;font-weight:600;margin:18px 14px 12px}
html body .ak-sidebar .chat-search{min-height:44px;flex-shrink:0}
html body .ak-work-nav{display:grid;gap:0;margin:0;flex-shrink:0}
html body .ak-work-nav button{display:flex;align-items:center;gap:14px;padding:9px 14px;min-height:48px;border-radius:14px;font-size:17px;line-height:1.3;text-align:left;background:transparent;color:#f4f4f4;white-space:normal}
html body .ak-work-nav button:hover{background:#202020}
.ak-work-nav svg{width:23px;height:23px;flex-shrink:0;stroke-width:1.6}
.ak33-settings{position:absolute;right:22px;bottom:calc(16px + env(safe-area-inset-bottom));width:46px;height:46px;border:1px solid #303030;border-radius:50%;background:#171717;color:#eee;display:grid;place-items:center}
.ak33-settings svg{width:23px;height:23px}
html body .ak-work-dialog{background:#000;border-color:#303030;border-radius:28px;padding:24px;color:#f4f4f4}
html body .ak-work-dialog h2{font-size:22px;font-weight:600;margin:0 110px 26px 0;min-height:44px;display:flex;align-items:center}
html body .ak-work-dialog>button:first-of-type{position:absolute;right:16px;top:16px;min-height:44px;border-radius:24px;background:#1b1b1b}
html body .ak-work-dialog .ak-work-row{padding:18px 6px;border-color:#242424}
html body .ak-work-dialog button,html body .ak-work-dialog a{min-height:44px;border-radius:22px}
.ak33-empty{padding:50px 8px;text-align:center;line-height:1.6;color:#a6a6a6}
.ak33-empty strong{display:block;color:#eee;font-size:20px;margin-bottom:14px}
.ak33-search{display:block;width:100%;padding:13px 18px;background:#151515;color:#eee;border:1px solid #333;border-radius:28px;margin:14px 0;font:inherit}
.ak33-count{color:#aaa;font-size:14px}
html body .ak-v61-composer{border-radius:30px!important;border-color:#303030!important;background:#171717!important}
@media(max-width:840px){
 html body .ak-sidebar{width:77vw!important;max-width:360px;box-shadow:none;overflow-y:auto!important}
 html body .ak-sidebar .chat-list{flex:1 0 180px;overflow:visible}
 html body .ak-sidebar .new-chat,html body .ak33-settings{position:fixed;z-index:2;box-shadow:0 0 0 12px #000}
 html body .ak-sidebar .new-chat{width:145px}
 html body .ak-main{transition:transform .25s,border-radius .25s}
 html body .ak-shell:has(.ak-sidebar.is-open) .ak-main{transform:translateX(min(77vw,360px));border-radius:36px 0 0 36px;overflow:hidden;pointer-events:none}
 html body .ak-shell:has(.ak-sidebar.is-open) .sidebar-scrim{left:min(77vw,360px);background:#0008}
 html body .ak-work-dialog{inset:0;width:100%;height:100dvh;max-height:100dvh;max-width:100%;border:0;border-radius:0;padding:calc(20px + env(safe-area-inset-top)) 18px calc(24px + env(safe-area-inset-bottom));margin:0}
 html body .ak-work-dialog>button:first-of-type{top:calc(16px + env(safe-area-inset-top))}
}
@media(prefers-reduced-motion:reduce){html body .ak-main,html body .ak-sidebar{transition:none!important}}

@media(max-width:840px){html body .ak-sidebar{scrollbar-width:none}html body .ak-sidebar::-webkit-scrollbar{width:0}}