/* Demo windows of the real extension (30.10.2026): layout fixes over polish.css and mobile.css.
   Loaded last. The base look lives in product-demo.css. */
#demo .targets button{padding:0 14px;line-height:1.4}
#demo .targets .d-primary{background:var(--btn);color:#fff}
#demo .targets .d-outline{background:#fff;color:var(--ink)}
#demo .newchat{display:flex;flex-direction:column;height:min(100%,470px)}
#demo .nc-body{flex:1;display:flex;flex-direction:column;justify-content:center;padding-bottom:72px}
#demo .item .im{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#demo .item time{flex:none;padding-left:4px}
#demo .seg>*{padding:4px 6px}

@media(max-width:1250px){
 #demo .arch{grid-template-columns:212px minmax(0,1fr) 240px}
 #demo .sheet{padding:22px 22px}
 #demo .turn{grid-template-columns:minmax(0,1fr);gap:4px}
 #demo .turn .who{display:flex;gap:10px;align-items:baseline}
 #demo .turn .who small{margin-top:0}
 #demo .search kbd{display:none}
 #demo .s-tools small{display:none}
 #demo .s-tools{justify-content:flex-start}
}
@media(max-width:1000px){
 #demo .arch{grid-template-columns:196px minmax(0,1fr) 220px}
 #demo .desk{padding:0 14px}
 #demo .d-tabs{gap:12px;margin:0 -14px;padding-inline:14px;font-size:12px}
 #demo .targets button{font-size:12.5px}
 #demo .pop{width:min(40%,364px)}
 #demo .newchat{width:min(64%,580px)}
}
/* Phones and narrow tablets: one window at a time, scrolled inside the stage (see mobile.css). */
@media(max-width:860px){
 #demo .ext-btn{display:none}
 #demo[data-step="2"] .pop{padding:18px 18px 8px}
 #demo .p-status{margin-top:18px}
 #demo .arch{display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;background:#fff;scrollbar-width:thin;scrollbar-color:#cbd2e3 transparent}
 #demo .arch .side{display:none}
 #demo .sheet{height:auto;flex:none;overflow:visible;padding:20px 18px}
 #demo .sheet-head{flex-direction:row}
 #demo .sheet .t3{font-size:23px;line-height:1.2}
 #demo .desk{flex:none;border-left:0;border-top:1px solid var(--line);padding:0 18px 20px}
 #demo .d-tabs{margin:0 -18px;padding-inline:18px}
 #demo .newchat{height:100%}
 #demo .nc-body{padding:24px 16px 96px;justify-content:flex-start}
 #demo .nc-hello{font-size:21px;margin:10px 0 18px}
 #demo .composer .file{white-space:normal;overflow-wrap:anywhere}
 #demo .kf-note{left:12px;right:12px;max-width:none}
}