/* GasCloud 앱 전용 보조 스타일. 색·버튼·카드·표·모달 등 기본은 common.css (목업 디자인). */
.brand{font-weight:700;font-size:18px;text-decoration:none;color:#fff}
.brand b{color:var(--orange)}
.top form{margin:0}
.notice.err{background:var(--red-soft);color:var(--red);font-weight:600}
code{font-family:var(--mono)}

/* 아직 목록만 있는 화면 */
.page > section:not(.rs){display:flex;flex-direction:column;gap:12px}
/* 아직 목록만 있는 화면 (화면설계서 기준으로 하나씩 교체 중) */
.page-h{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.scr-id{font-family:var(--mono);font-size:12px;font-weight:600;color:var(--orange)}
.search{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.search .input{width:280px;max-width:100%}
.tbl{width:100%;border-collapse:collapse;font-size:13px}
.tbl th,.tbl td{padding:9px 12px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}
.tbl th{background:var(--surface-2);color:var(--ink-2);font-size:12px;font-weight:600}
.tbl tbody tr:hover td{background:var(--surface-2)}
.tbl .num{text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums}
.tbl .empty{text-align:center;color:var(--ink-3);padding:32px}
.hint{color:var(--ink-3);font-size:12px;margin:0}

/* 모바일 (현장·고객) - 화면 교체 전 임시 */
body.mob{max-width:480px;margin:0 auto;min-height:100vh}
.mob-h{background:var(--navy);padding:14px 16px}
.mob-h a{color:#fff;text-decoration:none;font-weight:700}
.mob-h b{color:var(--orange)}
body.mob .main{padding:16px;display:flex;flex-direction:column;gap:16px}
body.mob .main > section{display:flex;flex-direction:column;gap:16px}
body.mob .search .input{flex:1;width:auto}

/* 홈·로그인 */
.home-h{background:var(--navy);color:#fff;padding:40px max(24px,calc((100% - 1180px)/2)) 32px;display:flex;flex-direction:column;gap:8px}
.home-h .k{color:var(--amber);font-size:12px;font-weight:700;letter-spacing:.14em}
.home-h p{margin:0;color:#B8C6D0}
body.home .main{margin:0 auto;max-width:1180px;padding:24px 16px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.card.link{display:flex;flex-direction:column;gap:4px;padding:16px;text-decoration:none}
.card.link:hover{border-color:var(--orange)}
body.login{display:grid;place-items:center;min-height:100vh;padding:16px}
.login-box{width:min(360px,100%);padding:28px;display:flex;flex-direction:column;gap:16px}
.login-box .brand{color:var(--ink);font-size:22px}