/* FireAI — общая шапка и футер (site-chrome.css). Статичный HTML + этот файл, JS не нужен для оформления. */
html{scroll-padding-top:72px;}
/* ---- шапка ---- */
header[data-site-header]{position:sticky;top:0;z-index:50;background:#0a0a0a;box-shadow:0 1px 0 0 rgba(255,255,255,0.06);isolation:isolate;}
@media (min-width:769px){header[data-site-header]{background:rgba(10,10,10,0.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}}
header[data-site-header] .sh-inner{max-width:60rem;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 20px;min-height:56px;}
.sh-logo{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:0;}
.sh-brand{font-weight:600;font-size:14px;background:linear-gradient(90deg,#ff6b35,#d32f2f);-webkit-background-clip:text;background-clip:text;color:transparent;}
header[data-site-header] .sh-nav{display:flex;align-items:center;gap:4px;white-space:nowrap;}
header[data-site-header] .sh-pill{display:inline-flex;align-items:center;min-height:36px;padding:6px 14px;border-radius:999px;font-size:13.5px;color:#a3a3a3;text-decoration:none;transition:color .2s,background-color .2s;}
header[data-site-header] .sh-pill:hover{color:#ededed;background:rgba(255,255,255,0.05);}
header[data-site-header] .sh-pill-active{color:#ededed;background:rgba(255,255,255,0.09);}
header[data-site-header] .sh-cta{display:inline-flex;align-items:center;min-height:36px;margin-left:8px;padding:7px 16px;border-radius:8px;font-size:13px;font-weight:500;color:#fff;text-decoration:none;background:linear-gradient(90deg,#ff6b35,#d32f2f);box-shadow:0 0 0 1px rgba(255,107,53,0.5),0 4px 12px rgba(211,47,47,0.2);transition:transform .2s,box-shadow .2s;}
header[data-site-header] .sh-cta:hover{transform:translateY(-1px);box-shadow:0 0 0 1px rgba(255,107,53,0.8),0 6px 16px rgba(211,47,47,0.3);}
@media (max-width:640px){
  .sh-brand{display:none;}
  header[data-site-header] .sh-inner{padding:8px 12px;}
  header[data-site-header] .sh-pill{min-height:44px;padding:8px 10px;font-size:13px;}
  header[data-site-header] .sh-cta{min-height:44px;padding:8px 12px;font-size:12.5px;margin-left:4px;}
}
@media (max-width:360px){ .sh-cta-ai{display:none;} header[data-site-header] .sh-pill{padding:8px 8px;} }
header[data-site-header] a:focus-visible, footer[data-site-footer] a:focus-visible{outline:2px solid #ff6b35;outline-offset:2px;border-radius:8px;}
/* ---- шапка чата (data-chat): меню, заголовок сессии, пункты справа ---- */
header[data-site-header] .sh-left{display:flex;align-items:center;gap:10px;min-width:0;}
header[data-site-header][data-chat] .sh-left{flex:1 1 auto;}
header[data-site-header][data-chat] [data-keep="menu"]{flex-shrink:0;min-width:44px;min-height:44px;margin-left:-10px;color:#a3a3a3;}
header[data-site-header][data-chat] [data-keep="menu"]:hover{color:#ededed;}
header[data-site-header][data-chat] [data-keep="title"]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:500;color:#ededed;}
@media (min-width:769px){header[data-site-header][data-chat] [data-keep="title"]::before{content:"/";color:#444;margin-right:10px;}}
@media (max-width:640px){header[data-site-header] .sh-pill-opt{display:none;}}
/* ---- футер ---- */
footer[data-site-footer]{padding:40px 20px 32px;background:#0a0a0a;}
footer[data-site-footer] .sf-hair{height:1px;max-width:60rem;margin:0 auto 32px;background:linear-gradient(90deg,transparent,rgba(255,107,53,0.55),transparent);}
footer[data-site-footer] .sf-inner{max-width:60rem;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:28px;}
footer[data-site-footer] .sf-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;}
footer[data-site-footer] .sf-tagline{margin:10px auto 0;font-size:13px;color:#a3a3a3;line-height:1.6;max-width:28rem;}
footer[data-site-footer] .sf-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#8a8a8a;margin-bottom:10px;}
footer[data-site-footer] .sf-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;}
footer[data-site-footer] .sf-links a{font-size:13px;color:#a3a3a3;text-decoration:none;}
footer[data-site-footer] .sf-links a:hover{color:#ededed;}
footer[data-site-footer] .sf-legal{max-width:60rem;margin:28px auto 0;padding-top:20px;border-top:1px solid #161616;font-size:12px;color:#8a8a8a;line-height:1.7;text-align:center;}
footer[data-site-footer] .sf-legal > div + div{margin-top:4px;}
/* примечание страницы (например, «проверьте перед применением») — ставится в HTML над футером */
.sf-note{max-width:60rem;margin:32px auto 0;padding:0 20px;font-size:12.5px;line-height:1.6;color:#8a8a8a;text-align:center;}
