/* Shared visual identity copied from Lestra OS app/globals.css.
   Kept separate from the pilot's report layout and behaviour. */
:root{
  font-family:Arial,Helvetica,sans-serif;
  --ink:#575757;
  --orange:#f37a1f;
  --orange-soft:#fff0e5;
  --paper:#f5f6f4;
  --white:#fff;
  --muted:#6d7881;
  --line:#dfe3e4;
  background:var(--paper);
  color:var(--ink);
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
body{background:var(--paper);color:var(--ink)}
.brand{min-height:82px;background:var(--white);color:var(--ink);border-bottom:1px solid var(--line);padding:14px 24px;gap:20px}
.logo{display:flex;align-items:center;gap:22px;color:var(--ink);letter-spacing:normal;font-size:1rem;min-width:0}
.logo img{display:block;width:176px;height:auto;flex-shrink:0}
.logo span{display:block;border-left:1px solid var(--line);padding-left:22px;color:var(--muted);font-size:.875rem;letter-spacing:.02em;font-weight:650}
.pilot{border-color:#efab79;background:#fff7f1;color:#9a4307;border-radius:5px;font-size:.75rem}
#identity{color:var(--ink)}
#identity button{background:white;color:var(--ink);border-color:#d2d7da;border-radius:8px}
.warning{background:#fff7f1;border-color:#f1dac9;color:#80532d;padding:10px 24px}
#main>.workspace{padding:20px 24px 56px}
.topline h1{color:#303a3f;font-size:1.65rem;font-weight:800;letter-spacing:-.025em}
.topline p,.muted,.save-status{color:var(--muted)}
.eyebrow{color:#737b80;font-size:.875rem;font-weight:750;letter-spacing:.08em}
button{background:var(--orange);border-color:var(--orange);color:#292929;border-radius:6px;font-weight:750}
button.secondary{border-color:#cbd1d3;background:white;color:#46545a}
button.link{color:#a94705}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#a94705}
input,select,textarea{color:#39434a;border-color:#cbd1d3;border-radius:6px;background:white}
input:focus,select:focus,textarea:focus{border-color:#efab79}
.tabs{background:white;border:1px solid var(--line);padding:0;gap:0;border-radius:7px;overflow-x:auto}
.tabs button{border:0;border-right:1px solid var(--line);border-radius:0;color:#68747b;padding:14px 20px;white-space:nowrap}
.tabs button.active{background:#fff7f1;color:#9a4307;box-shadow:inset 0 -3px var(--orange)}
.tabs button:last-child{border-right:0}
.toolbar{background:var(--paper)}
.card,.table-wrap,.loginbox{border-color:var(--line);border-radius:8px;background:white}
.table-wrap caption{text-align:left;padding:12px 16px;border-bottom:1px solid var(--line);background:white}
th{background:#eef0ef;color:#46545a}
td{border-color:#e4e8e9}
tfoot td{background:#eef0ef;color:#39434a}
.status{background:#eef0ef;color:#59656e}
.status.submitted{background:#fff0e5;color:#9a4307}
.status.approved{background:#eff8f2;color:#176941}
.status.returned{background:#fff1f0;color:#952d26}
.reviewbox{border-left-color:var(--orange)}
.login{max-width:950px;margin:4vh auto}
.login h1{color:#303a3f;font-size:clamp(2rem,5vw,3rem);font-weight:800}
.loginbox{border-top:3px solid var(--orange)}
.loginbox label{margin:18px 0}.loginbox [hidden]{display:none!important}
#notice{background:#575757;color:white}
dialog{border-color:var(--line);box-shadow:0 15px 70px #57575733}
dialog::backdrop{background:#33333366}
@media(max-width:680px){
  .brand{padding:12px 16px;gap:10px;flex-wrap:wrap;min-height:76px}
  .logo{gap:0}.logo img{width:140px}.logo span{display:none}
  #identity{gap:8px;min-width:0;flex-wrap:wrap;font-size:.875rem}
  #identity button{padding:8px 10px}
  .warning{padding:10px 16px}
  #main>.workspace{padding:16px 16px 48px}
  .tabs button{padding:12px 14px}
  .topline h1{font-size:1.5rem}
}