/* Hooshi 1.0.0 BETA - clear mobile UX and business presets. */

/* Dismissible contextual help */
.context-guide-link{position:relative;padding-inline-end:46px;transition:opacity .18s ease,transform .18s ease,max-height .18s ease,margin .18s ease,padding .18s ease}
.context-guide-link[hidden]{display:none!important}.context-guide-link.is-dismissing{opacity:0;transform:translateY(-5px);pointer-events:none}
.context-guide-close{position:absolute;inset-inline-end:9px;inset-block-start:50%;display:grid;width:30px;height:30px;place-items:center;transform:translateY(-50%);border:0;border-radius:9px;background:transparent;color:var(--suite-muted,#98a2b5);cursor:pointer}
.context-guide-close:hover,.context-guide-close:focus-visible{background:rgba(139,92,246,.12);color:var(--suite-ink,#fff);outline:none}

/* Desktop sidebar always follows the page scroll. */
@media(min-width:1025px){
  body{overflow-x:clip!important}.app-shell{align-items:start!important;overflow:visible!important}
  .app-sidebar{position:sticky!important;top:0!important;align-self:start!important;height:100dvh!important;max-height:100dvh!important;overflow-y:auto!important;overscroll-behavior:contain}
  .page-chat .app-sidebar{position:fixed!important}
}

/* Cleaner chat controls: visible without looking like nested cards. */
.chat-workbar{align-items:center;gap:10px}
.chat-select-control{position:relative;display:flex;align-items:center;gap:7px;min-width:0;padding:3px 2px 5px;border:0;border-bottom:1px solid color-mix(in srgb,var(--suite-line) 86%,transparent);background:transparent;color:var(--suite-ink);cursor:pointer}
.chat-select-label{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;color:var(--suite-muted)}
.chat-select-label small{font-size:9px;font-weight:750;white-space:nowrap}
.chat-select-control select,.chat-workbar .model-quick select{width:auto!important;min-width:112px;max-width:210px;height:32px!important;padding:2px 22px 2px 3px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--suite-ink)!important;font-size:10px!important;font-weight:750;cursor:pointer}
.chat-select-control select:focus{outline:0;box-shadow:0 2px 0 var(--suite-accent)!important}
.chat-select-control option{background:var(--suite-surface);color:var(--suite-ink)}
.chat-select-control.model-quick{display:flex!important}.model-quick-state{top:calc(100% + 2px);right:auto;inset-inline-end:0}
.chat-prompt-guide{width:min(720px,100%);margin-top:18px;text-align:right;border-top:1px solid var(--suite-line);border-bottom:1px solid var(--suite-line)}
.chat-prompt-guide summary{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 4px;color:var(--suite-muted);font-size:11px;font-weight:800;cursor:pointer;list-style:none}
.chat-prompt-guide summary::-webkit-details-marker{display:none}.chat-prompt-guide[open] summary{color:var(--suite-accent)}
.chat-prompt-guide-body{padding:2px 12px 14px;text-align:right}.chat-prompt-guide-body p,.chat-prompt-guide-body small{color:var(--suite-muted);font-size:10px;line-height:1.9}
.chat-prompt-guide-body blockquote{margin:9px 0;padding:11px 13px;border-inline-start:3px solid var(--suite-accent);border-radius:10px;background:var(--suite-surface-soft);color:var(--suite-ink);font-size:11px;line-height:1.9}
.chat-shell.v6 .msg.bot>.bubble{width:min(790px,calc(100vw - 110px))}.chat-shell.v6 .msg-body{max-width:76ch}.chat-shell.v6 .msg-body p{margin-block:0 13px}.hooshi-focused-advice{display:grid;gap:10px}

/* Functional business templates and dashboard focus. */
.template-hero{align-items:stretch}.template-active-summary{display:flex;min-width:min(330px,100%);flex-direction:column;justify-content:center;gap:5px;padding:18px;border:1px solid var(--suite-line);border-radius:18px;background:var(--suite-surface-soft)}
.template-active-summary small,.template-active-summary span{color:var(--suite-muted)}.template-active-summary b{font-size:20px}.template-active-summary span{font-size:10px;line-height:1.85}
.template-grid-functional .template-card{display:flex;min-height:520px;flex-direction:column}.template-outcome{display:grid;gap:5px;margin:12px 0;padding:11px;border-radius:13px;background:var(--suite-surface-soft)}.template-outcome b{font-size:10px}.template-outcome span{color:var(--suite-muted);font-size:10px;line-height:1.8}
.template-priority-preview{display:grid;gap:7px;margin:10px 0}.template-priority-preview>div{display:flex;align-items:center;gap:7px;color:var(--suite-muted)}.template-priority-preview small{font-size:9px}
.template-details{margin:4px 0 14px;border-top:1px solid var(--suite-line);border-bottom:1px solid var(--suite-line)}.template-details summary{padding:10px 0;color:var(--suite-accent);font-size:10px;font-weight:800;cursor:pointer}.template-details ol{display:grid;gap:9px;margin:0;padding:0 18px 10px 0}.template-details li b,.template-details li span{display:block}.template-details li b{font-size:10px}.template-details li span{margin-top:3px;color:var(--suite-muted);font-size:9px;line-height:1.75}.template-example{padding:10px;border-radius:11px;background:rgba(139,92,246,.07);color:var(--suite-muted);font-size:9px;line-height:1.85}.template-card .template-apply{margin-top:auto}
.business-focus-panel,.dashboard-business-focus{margin-block:14px}.business-focus-panel>header,.dashboard-business-focus .panel-heading-clean{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.business-focus-panel header p,.dashboard-business-focus p{margin:.35rem 0 0;color:var(--suite-muted);font-size:10px;line-height:1.8}
.business-focus-grid,.dashboard-business-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:15px}.business-focus-grid>a,.dashboard-business-actions>a{display:flex;align-items:flex-start;gap:10px;padding:13px;border:1px solid var(--suite-line);border-radius:14px;background:var(--suite-surface-soft);color:var(--suite-ink)}.business-focus-grid>a:hover,.dashboard-business-actions>a:hover{border-color:color-mix(in srgb,var(--suite-accent) 35%,var(--suite-line));transform:translateY(-1px)}.business-focus-grid>a>span,.dashboard-business-actions>a>span{flex:0 0 auto;color:var(--suite-accent)}.business-focus-grid>a>div,.dashboard-business-actions>a>div{min-width:0;flex:1}.business-focus-grid b,.business-focus-grid small,.dashboard-business-actions b,.dashboard-business-actions small{display:block}.business-focus-grid b,.dashboard-business-actions b{font-size:11px}.business-focus-grid small,.dashboard-business-actions small{margin-top:4px;color:var(--suite-muted);font-size:9px;line-height:1.75}.business-example{display:flex;align-items:flex-start;gap:9px;margin-top:10px;padding:10px 12px;border-radius:12px;background:rgba(139,92,246,.065)}.business-example p{margin:0;color:var(--suite-muted);font-size:9px;line-height:1.8}

/* App Store guidance additions. */
.app-guide-highlight{display:grid;gap:6px;padding:13px;border:1px solid color-mix(in srgb,var(--suite-accent) 20%,var(--suite-line));border-radius:14px;background:var(--suite-accent-soft)}
.app-guide-highlight b{font-size:11px}.app-guide-highlight p{margin:0;color:var(--suite-muted);font-size:10px;line-height:1.85}.app-guide-checks{display:grid;gap:8px}.app-guide-checks>div{display:flex;align-items:flex-start;gap:8px;padding:10px 11px;border-radius:12px;background:var(--suite-surface-soft)}.app-guide-checks svg{flex:0 0 auto;color:var(--suite-green)}.app-guide-checks span{color:var(--suite-muted);font-size:10px;line-height:1.8}.app-guide-security{display:flex;align-items:flex-start;gap:9px;padding:12px;border-radius:12px;background:rgba(245,158,11,.075)}.app-guide-security svg{flex:0 0 auto;color:#f59e0b}.app-guide-security p{margin:0;color:var(--suite-muted);font-size:10px;line-height:1.85}

/* Drawer and mobile hardening. */
.sidebar-backdrop[hidden],.history-backdrop[hidden]{display:none!important}
@media(max-width:1024px){body.sidebar-open,body.history-drawer-open{overflow:hidden!important;touch-action:none}.app-sidebar{z-index:240!important}.sidebar-backdrop{z-index:220!important}.page-chat .app-sidebar{z-index:250!important}.chat-history-drawer{z-index:250!important}.history-backdrop{z-index:230!important}}
@media(max-width:820px){
  .app-sidebar{background:var(--suite-surface,#111522)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:-22px 0 58px rgba(0,0,0,.42)!important}
  .sidebar-backdrop{background:rgba(4,6,12,.62)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  .app-sidebar .side-nav{min-height:0;flex:1;overflow-y:auto;padding-bottom:12px}.app-sidebar .side-foot{flex:0 0 auto}
  .context-guide-link{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;padding:11px 42px 11px 11px}.context-guide-link a{grid-column:2;justify-self:start}.context-guide-close{inset-block-start:10px;transform:none}
  .chat-workbar{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px!important;padding:7px 11px!important;overflow:visible!important;background:color-mix(in srgb,var(--suite-surface,#111522) 96%,transparent)!important}
  .chat-select-control{width:100%;min-width:0;padding:4px 0}.chat-select-label small{font-size:8px}.chat-select-control select,.chat-workbar .model-quick select{width:100%!important;min-width:0!important;max-width:none!important;height:34px!important;font-size:9px!important}
  .chat-workbar-spacer,.chat-credit{display:none!important}.model-budget-pill{grid-column:1/-1;justify-self:start}.model-quick-state{display:none!important}
  .chat-welcome{min-height:auto!important;padding-top:22px!important}.chat-prompt-guide{margin-top:14px}.chat-shell.v6 .msg.bot>.bubble,.chat-shell.v6 .msg.user>.bubble{width:auto!important;max-width:96%!important}.chat-shell.v6 .msg-body{max-width:none}
  .business-focus-grid,.dashboard-business-actions{grid-template-columns:1fr}.business-focus-panel>header,.dashboard-business-focus .panel-heading-clean,.template-help{align-items:flex-start;flex-direction:column}.template-grid-functional .template-card{min-height:0}.template-active-summary{min-width:0;width:100%}
  .app-guide-card>footer{position:sticky;bottom:0;padding-bottom:max(12px,env(safe-area-inset-bottom));background:var(--suite-surface,#111522)}
  .app-card-v12{min-height:0}.app-store-onboarding{scroll-snap-type:x proximity}.app-store-onboarding>span{scroll-snap-align:start}
  .eco-form .inp,.eco-form .select,.eco-form textarea{width:100%}
}
@media(max-width:480px){
  .chat-select-label span{display:none}.chat-select-label small{font-size:8px}.chat-workbar{gap:6px!important;padding-inline:8px!important}.chat-prompt-guide-body{padding-inline:5px}.chat-prompt-guide-body blockquote{font-size:10px}
  .context-guide-link small{font-size:8.5px}.context-guide-link a{font-size:9px}.context-guide-close{width:28px;height:28px}
  .app-guide-section{padding-block:13px}.app-guide-step{grid-template-columns:28px 1fr}.app-guide-step:before{width:27px;height:27px}.app-guide-card{padding-inline:15px!important}
  .template-grid{gap:10px!important}.template-card{padding:15px!important}.business-focus-panel,.dashboard-business-focus{padding:15px!important}
}

/* Universal small-screen overflow safety. */
@media(max-width:820px){
  .app-content>*,.eco-panel,.premium-panel,.app-card,.site-card,.template-card{min-width:0;max-width:100%}
  .row-flex{flex-wrap:wrap}.panel-heading-clean,.help-section-head,.monitor-detail-head,.support-admin-head{min-width:0}
  .app-card footer button,.app-card footer a,.template-card button{min-height:42px}
  input,select,textarea{font-size:16px}
}

/* Detailed App Store cards and complete help guide. */
.app-card-example{margin:6px 0 12px;border-top:1px solid var(--suite-line);border-bottom:1px solid var(--suite-line)}
.app-card-example summary{padding:10px 1px;color:var(--suite-accent);font-size:10px;font-weight:850;cursor:pointer;list-style:none}.app-card-example summary::-webkit-details-marker{display:none}
.app-card-example p{margin:0 0 8px;color:var(--suite-ink);font-size:10px;line-height:1.85}.app-card-example small{display:block;margin-bottom:10px;color:var(--suite-muted);font-size:9px;line-height:1.8}
.help-app-context-grid,.help-app-post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:14px}
.help-app-context{display:flex;align-items:flex-start;gap:10px;padding:13px;border:1px solid color-mix(in srgb,var(--suite-accent) 18%,var(--suite-line));border-radius:14px;background:var(--suite-accent-soft)}.help-app-context.example{background:var(--suite-surface-soft)}.help-app-context>span{flex:0 0 auto;color:var(--suite-accent)}
.help-app-context h3,.help-app-post-grid h3{margin:0 0 6px;font-size:11px}.help-app-context p{margin:0;color:var(--suite-muted);font-size:10px;line-height:1.85}
.help-app-post-grid{margin-top:14px}.help-app-post-grid>div{padding:14px;border:1px solid var(--suite-line);border-radius:14px;background:var(--suite-surface-soft)}.help-app-post-grid ol{margin:0;padding-inline-start:20px;color:var(--suite-muted);font-size:10px;line-height:1.9}
.help-success-list{display:grid;gap:8px!important;margin:0!important;padding:0!important;list-style:none}.help-success-list li{display:flex;align-items:flex-start;gap:7px;line-height:1.8!important}.help-success-list li>span{flex:0 0 auto;margin-top:2px;color:var(--suite-green)}
.help-app-security{display:flex;align-items:flex-start;gap:9px;margin-top:14px;padding:12px 13px;border-radius:13px;background:rgba(245,158,11,.075)}.help-app-security>span{flex:0 0 auto;color:#f59e0b}.help-app-security p{margin:0;color:var(--suite-muted);font-size:10px;line-height:1.85}.help-app-security b{color:var(--suite-ink)}
@media(max-width:700px){.help-app-context-grid,.help-app-post-grid{grid-template-columns:1fr}.help-app-context,.help-app-post-grid>div{padding:12px}.help-app-detail{padding:14px!important}.help-app-columns{grid-template-columns:1fr!important}.help-app-actions{justify-content:stretch!important;flex-wrap:wrap}.help-app-actions .btn{flex:1}}