/* The Production account is a control-plane surface but belongs to the
   same Human Story brand as the official Local Computer website.
   Page chrome, mark, fonts and paper/terracotta palette are intentional. */
:root {
  --canvas:#FAF6F0;
  --surface:#FFFDF9;
  --surface-soft:#F2ECE1;
  --text:#292421;
  --muted:#62584e;
  --muted-strong:#514840;
  --line:#E6DCD0;
  --line-strong:#D8CFBF;
  --blue:#C85A32;
  --blue-strong:#AD4927;
  --blue-soft:#FBECE6;
  font-family:"Plus Jakarta Sans",system-ui,sans-serif;
}
body{background:#FAF6F0;color:var(--text);font-family:"Plus Jakarta Sans",system-ui,sans-serif}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-color:#C85A32}
.site-header{padding:0}
.site-footer{padding:0;color:#62584e}
.site-header .site-header-inner,.site-footer .site-footer-inner{width:auto}
.app-shell{background:#FAF6F0;grid-template-columns:245px minmax(0,1fr);min-height:calc(100vh - 80px)}
.app-sidebar{background:#F4ECE1;border-right:1px solid #E6DCD0;padding:66px 30px}
.app-sidebar .section-kicker{font-family:"JetBrains Mono",monospace;letter-spacing:.12em;font-size:11px;color:#8b7061}
.app-nav-item{border-radius:9px;padding:12px 15px;color:#675f57}
.app-nav-item.active{background:#FBECE6;border:1px solid #E8CFBD;color:#AB4926;font-weight:700}
.app-main{padding:65px clamp(28px,4.2vw,80px) 115px}
.app-main-inner{max-width:990px}
.app-head{padding-bottom:35px;border-color:#E6DCD0}
.app-head .section-kicker{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.15em;color:#B2502B;margin:0 0 13px}
.app-head h1{font-family:"Newsreader",Georgia,serif;font-size:clamp(50px,5.3vw,73px);font-weight:500;letter-spacing:-.045em;line-height:1.1}
.app-head p{color:#62584e;max-width:690px;font-size:15px;line-height:1.8;margin-top:17px}
.account-card{background:#FFFDF9;border:1px solid #E8E1D5;padding:30px 34px;border-radius:17px;margin-top:30px;box-shadow:0 3px 17px #5b45390a}
.account-card h2{font-family:"Newsreader",Georgia,serif;font-size:30px;font-weight:500;letter-spacing:-.02em;margin:0 0 12px}
.account-card>p{line-height:1.7}
.account-card .actions{margin-top:18px}
.account-card .microcopy{border-top:1px solid #EAE1D6;padding-top:15px;color:#766e63;max-width:780px}
.button{background:#C85A32;border-color:#C85A32;color:#fff;border-radius:10px;font-weight:650;min-height:47px}
.button:hover{background:#AD4927;border-color:#AD4927}
.button.secondary{background:#FFFDF9;color:#514840;border-color:#D8CFBF}
.button.secondary:hover{background:#F7EFE6}
.button.is-disabled,.button[aria-disabled="true"]{opacity:.5}
.device-panel{margin-top:40px}
.device-panel>.section-kicker{font-family:"JetBrains Mono",monospace;color:#8b7061;font-size:11px}
.device-editor{grid-template-columns:minmax(0,1fr) 185px auto;gap:14px;border-color:#E6DCD0}
.field{color:#62584e}
.field input,.field select{background:#FFFDF9;border-color:#D8CFBF;border-radius:10px;min-height:48px}
.field input:focus,.field select:focus{border-color:#C85A32}
.device-list article{background:#FFFDF9;border:1px solid #E8E1D5;border-radius:12px;margin-top:16px;padding:22px 24px}
.device-list article h3{font-family:"Newsreader",Georgia,serif;font-size:24px;margin:8px 0}
.device-list article p{margin:0;color:#62584e}
.device-list article .actions{margin:0}
[data-device-action-status]{grid-column:1/-1;margin:0}
@media(max-width:1179px){.site-mobile-menu{display:block}}
@media(max-width:980px){.app-shell{grid-template-columns:1fr}.app-sidebar{display:none}.app-main{padding:44px 24px 75px}}
@media(max-width:660px){.app-main{padding:32px 18px 65px}.app-head h1{font-size:50px}.account-card{padding:24px 20px}.device-editor{grid-template-columns:1fr}.device-list article{padding:20px}}