/* ── Layout ── */
.page{padding:2.5rem 1.5rem 5rem;overflow-x:hidden;}
.container{max-width:900px;margin:0 auto;min-width:0;overflow-x:hidden;}

/* ── Login ── */
#login-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;}
.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:40px 32px;width:min(360px,92vw);text-align:center;box-shadow:var(--shadow);}
.login-card h1{font-family:'Unbounded',sans-serif;font-size:16px;font-weight:600;margin-bottom:6px;}
.login-card p{font-size:13px;color:var(--muted);margin-bottom:24px;}
.login-card input{font-family:'Golos Text',sans-serif;font-size:15px;width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);outline:none;text-align:center;letter-spacing:.15em;margin-bottom:12px;}
.login-card input:focus{border-color:var(--muted);}
.login-error{font-size:13px;color:#c0392b;margin-top:10px;min-height:18px;}

/* ── App header ── */
#app-screen{display:none;}
header{margin-bottom:2rem;display:flex;flex-wrap:wrap;align-items:center;gap:10px;}
.header-left{flex:1;min-width:0;}
.site-title{font-family:'Unbounded',sans-serif;font-size:clamp(14px,3.5vw,26px);font-weight:600;letter-spacing:-.02em;line-height:1.2;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.site-sub{font-size:13px;color:var(--muted);}
.header-actions{display:flex;gap:8px;align-items:center;flex-shrink:0;}

/* ── Tabs ── */
.tabs{display:flex;gap:2px;margin-bottom:2rem;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:4px;}
.tab-btn{font-family:'Golos Text',sans-serif;font-size:13px;font-weight:500;padding:7px 16px;border:none;border-radius:7px;background:none;color:var(--muted);cursor:pointer;transition:background var(--tr),color var(--tr);}
.tab-btn.active{background:var(--surface);color:var(--text);box-shadow:0 1px 4px rgba(0,0,0,.08);}
.tab-btn:hover:not(.active){color:var(--text);}
.tab-pane{display:none;}
.tab-pane.active{display:block;}

/* ── Mobile header search ── */
.header-search-mobile{display:none;width:100%;order:3;}

/* ── Responsive ── */
@media(max-width:640px){
  header{flex-wrap:wrap;gap:8px;}
  #gsearch-wrap-desktop{display:none;}
  .header-search-mobile{display:block;}
  #logout-btn{font-size:0;width:34px;height:34px;padding:0;display:flex;align-items:center;justify-content:center;}
  #logout-btn::before{content:'↩';font-size:16px;}
  .tabs{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
  .tabs::-webkit-scrollbar{display:none;}
  .tab-btn{white-space:nowrap;flex-shrink:0;}
}
@media(max-width:600px){
  th:nth-child(3),td:nth-child(3){display:none;}
  th:nth-child(1){width:55%;}th:nth-child(2){width:30%;}th:nth-child(4){width:15%;}
  .field-row{grid-template-columns:1fr;}
  .tabs{flex-wrap:wrap;}
}