:root{--bg:#f3f6fb;--card:#fff;--ink:#162033;--muted:#68758a;--line:#d7dfec;--blue:#1769aa;--blue2:#0f4f83;--green:#168a4a;--red:#ba2b2b;--yellow:#fff7d6;}
*{box-sizing:border-box}html,body{height:100%;overflow:hidden}body{margin:0;background:var(--bg);color:var(--ink);font-family:Segoe UI,Roboto,Arial,sans-serif;font-size:14px}.topbar{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:linear-gradient(90deg,#0b3153,#1769aa);color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.14)}.brand{font-weight:800;letter-spacing:.3px}.user{font-size:13px}.user span{opacity:.8;margin:0 8px}.user a{color:#fff;font-weight:700}.nav{display:flex;gap:6px;padding:8px 12px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 1px 6px rgba(0,0,0,.05)}.nav a{padding:8px 12px;border-radius:9px;color:#143b5d;text-decoration:none;font-weight:700}.nav a:hover{background:#eaf3fb}.wrap{max-width:1180px;margin:0 auto;padding:18px}.wrap.wide{max-width:none;width:100%;padding:10px;overflow:hidden;height:calc(100vh - 92px);display:flex;flex-direction:column}.footer{display:none}.hero,.page-head{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 8px 24px rgba(21,37,63,.06)}.page-head.compact{padding:8px 12px;border-radius:12px;flex:0 0 auto}.hero h1,.page-head h1{margin:0 0 4px;font-size:24px}.page-head.compact h1{font-size:20px}.hero p,.page-head p{margin:0;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:16px}.card{display:flex;flex-direction:column;gap:8px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:14px;text-decoration:none;color:var(--ink);box-shadow:0 6px 20px rgba(21,37,63,.05)}.card span{color:var(--muted)}.primary-btn,.secondary-btn,.toolbar button{border:0;border-radius:9px;padding:9px 13px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px}.primary-btn,.toolbar button{background:var(--blue);color:#fff}.primary-btn:hover,.toolbar button:hover{background:var(--blue2)}.secondary-btn{background:#edf4fb;color:#123f65;border:1px solid #cbdceb}.secondary-btn:hover{background:#deedf9}.head-actions{display:flex;gap:8px;flex-wrap:wrap}.toolbar{margin:8px 0;display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px;box-shadow:0 4px 16px rgba(21,37,63,.04);flex:0 0 auto}.toolbar input,.toolbar select{height:34px;border:1px solid #cbd5e1;border-radius:8px;padding:5px 8px;background:#fff;min-width:145px}.toolbar input[type=search]{min-width:330px}.status-line{font-size:13px;color:#42536c;margin:4px 2px;flex:0 0 auto}.alert{padding:12px;border-radius:10px;margin:10px 0}.alert.error{background:#fff0f0;color:#812020;border:1px solid #f0bbbb}.grid-frame{flex:1 1 auto;min-height:0;overflow:auto;background:#fff;border:1px solid #bfc9d8;border-radius:12px;box-shadow:0 10px 24px rgba(21,37,63,.08)}.yard-grid{border-collapse:separate;border-spacing:0;min-width:2500px;width:100%;font-size:12px}.yard-grid th{position:sticky;top:0;z-index:2;background:linear-gradient(#245f95,#184b79);color:#fff;text-align:left;white-space:nowrap;padding:7px 6px;border-right:1px solid rgba(255,255,255,.22);font-weight:800}.yard-grid td{padding:2px;border-right:1px solid #e2e8f0;border-bottom:1px solid #e9eef5;background:#fff;vertical-align:top}.yard-grid tr:nth-child(even) td{background:#f9fbfe}.yard-grid tr:hover td{background:#eef6ff}.ro{display:block;padding:6px 5px;font-weight:800;color:#0f3b61}.cell-input{width:100%;min-height:29px;border:1px solid transparent;border-radius:6px;background:transparent;color:#172033;font:inherit;padding:4px 5px;outline:none}.cell-input:hover{border-color:#cbd5e1;background:#fff}.cell-input:focus{border-color:#1769aa;background:#fff;box-shadow:0 0 0 2px rgba(23,105,170,.12)}select.cell-input{padding-right:18px}.cell-input.notes{height:30px;resize:vertical;min-width:200px}.cell-input.dirty{background:var(--yellow)!important;border-color:#e5c64a}.cell-input.saving{opacity:.65}.cell-input.saved{background:#eafff1!important;border-color:#37a969}.toast{position:fixed;right:18px;bottom:18px;background:#15395d;color:#fff;padding:12px 14px;border-radius:10px;box-shadow:0 12px 30px rgba(0,0,0,.25);opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}.toast.bad{background:#9b2424}@media(max-width:800px){.toolbar input[type=search]{min-width:100%;}.page-head{align-items:flex-start;flex-direction:column}.grid-frame{height:calc(100vh - 290px)}}

/* Yard Check v3 modern grid footprint */
body{background:linear-gradient(180deg,#eaf3fb 0,#f7f9fc 210px,#eef3f8 100%)}
.topbar{height:48px;background:linear-gradient(90deg,#06243f,#0f6faf);box-shadow:0 2px 16px rgba(5,33,58,.25)}
.nav{height:38px;padding:5px 10px;background:rgba(255,255,255,.94);backdrop-filter:blur(8px)}
.nav a{padding:6px 10px;border-radius:7px;font-size:13px}.wrap.wide{height:calc(100vh - 86px);padding:8px;gap:6px}.yard-hero{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border:1px solid #c9d7e6;border-radius:12px;background:linear-gradient(135deg,#ffffff,#edf7ff);box-shadow:0 8px 22px rgba(12,57,94,.08)}.yard-hero h1{margin:0;font-size:21px;letter-spacing:-.3px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:#3278ac;font-weight:900;margin-bottom:2px}.yard-actions{display:flex;gap:8px}.yard-toolbar{flex:0 0 auto;margin:0;display:flex;gap:7px;align-items:center;flex-wrap:wrap;background:#fff;border:1px solid #cbd8e7;border-radius:12px;padding:8px;box-shadow:0 8px 20px rgba(12,57,94,.06)}.yard-toolbar input,.yard-toolbar select{height:31px;border:1px solid #c5d3e2;border-radius:8px;background:#f9fbfe;padding:4px 8px;font-size:12px;min-width:128px}.yard-toolbar input[type=search]{min-width:285px}.yard-toolbar input:focus,.yard-toolbar select:focus{outline:none;border-color:#1684c7;box-shadow:0 0 0 3px rgba(22,132,199,.13);background:#fff}.status-line{margin:0 3px 2px;color:#456176;font-size:12px}.grid-frame{border-radius:12px;border:1px solid #b9c8d8;background:#fff;box-shadow:0 14px 30px rgba(15,55,85,.1);overflow:auto}.yard-grid{min-width:2360px;font-size:11.5px}.yard-grid th{background:linear-gradient(180deg,#e7f8ff,#bfeaf8);color:#123e5b;border-right:1px solid #b7d4e5;border-bottom:1px solid #99c1d9;text-align:center;padding:6px 5px;font-size:11px;line-height:1.1}.yard-grid th:first-child{border-top-left-radius:10px}.yard-grid td{padding:1px 3px;border-right:1px solid #dce5ef;border-bottom:1px solid #e5edf5;vertical-align:middle;height:30px}.yard-grid tr:nth-child(even) td{background:#fbfdff}.yard-grid tr:hover td{background:#eef9ff}.asset-pill{display:inline-flex;align-items:center;justify-content:center;min-width:90px;padding:4px 7px;border-radius:999px;background:#e8f3ff;color:#0e548a;font-weight:900;border:1px solid #c4def5;letter-spacing:.1px}.dwell-pill{display:inline-flex;align-items:center;justify-content:center;min-width:34px;padding:3px 6px;border-radius:999px;background:#f3f6fa;color:#2e465c;font-weight:800;border:1px solid #d8e2ec}.job-link{display:block;text-align:center;color:#075b9a;text-decoration:underline;font-weight:800;padding:4px}.cell-input{min-height:25px;border-radius:6px;padding:3px 4px;font-size:11.5px}.cell-input.notes{height:26px;min-width:170px;line-height:1.25;overflow:hidden}.cell-input.notes:focus{height:72px;position:relative;z-index:4}.mini-check{display:flex;align-items:center;justify-content:center;height:24px}.mini-check input{position:absolute;opacity:0;pointer-events:none}.mini-check span{width:15px;height:15px;border-radius:4px;border:1px solid #a8b7c7;background:#fff;box-shadow:inset 0 1px 2px rgba(0,0,0,.04)}.mini-check input:checked + span{background:#1684c7;border-color:#0f6faf;box-shadow:inset 0 0 0 3px #fff}.primary-btn,.secondary-btn,.yard-toolbar button{height:31px;border-radius:8px;padding:6px 11px;font-size:12px}.toast{z-index:50}

/* Yard Check v6 cleanup */
.yard-hero.slim{padding:8px 12px;min-height:42px;background:linear-gradient(135deg,#ffffff,#f3f9ff)}
.yard-hero.slim h1{font-size:19px;margin:0;color:#082a44}
.yard-toolbar{padding:7px 8px}
.status-line{padding:0 3px 3px;color:#36546b}
.status-line b{color:#0d416b}
.datetime-inline[type="text"]{background:#fff;min-height:25px;color:#172033}
.datetime-inline[type="text"]::-webkit-calendar-picker-indicator{display:none}
.comment-input{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.yard-grid th{font-size:11px}
.yard-grid td{height:29px}


/* CTR Services Command Center look-only refresh */
:root{
  --ctr-navy:#083252;
  --ctr-navy-2:#0d5285;
  --ctr-blue:#1678bd;
  --ctr-sky:#dff1ff;
  --ctr-grid:#c8d9e8;
  --ctr-soft:#f4f9fd;
}
html,body{height:100%;overflow:hidden;}
body.command-shell{
  margin:0;
  min-height:100vh;
  background:
    linear-gradient(rgba(17,104,164,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(17,104,164,.035) 1px, transparent 1px),
    radial-gradient(circle at 20% 0%, rgba(32,139,204,.20), transparent 34%),
    linear-gradient(180deg,#e7f3fb 0%,#f7fbff 48%,#eaf3fb 100%);
  background-size:24px 24px,24px 24px,auto,auto;
  color:#08253f;
  font-family:Segoe UI,Roboto,Arial,sans-serif;
}
.command-topbar{
  height:68px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:0 18px;
  background:linear-gradient(90deg,#083252 0%,#0f5f94 58%,#1779b9 100%);
  color:#fff;
  box-shadow:0 3px 18px rgba(7,43,70,.28);
  border-bottom:1px solid rgba(255,255,255,.15);
}
.command-brand{display:flex;align-items:center;gap:12px;min-width:0;}
.command-logo,.login-card-logo{
  width:42px;height:42px;border-radius:12px;
  display:inline-flex;align-items:center;justify-content:center;
  background:#f5fbff;color:#0b4774;font-weight:900;letter-spacing:.5px;
  box-shadow:0 8px 20px rgba(0,0,0,.18);
}
.command-title{font-size:22px;line-height:1;font-weight:900;letter-spacing:-.5px;white-space:nowrap;}
.command-subtitle{margin-top:5px;font-size:11px;text-transform:uppercase;font-weight:900;letter-spacing:.06em;color:#d6ebfb;white-space:nowrap;}
.command-pills{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
.command-pill{
  display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px;border-radius:999px;
  background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.23);
  color:#fff;font-size:12px;font-weight:800;box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}
.secure-dot{width:8px;height:8px;border-radius:99px;background:#28d17c;box-shadow:0 0 0 4px rgba(40,209,124,.12);}
.command-logout{color:#fff;font-weight:900;font-size:13px;text-decoration:underline;text-underline-offset:2px;}
.command-nav{
  height:42px;display:flex;align-items:center;gap:8px;padding:0 16px;
  background:rgba(255,255,255,.91);backdrop-filter:blur(10px);
  border-bottom:1px solid #c9d8e7;box-shadow:0 2px 10px rgba(9,48,80,.05);
}
.command-nav a{
  color:#0b3658;text-decoration:none;font-size:13px;font-weight:900;padding:8px 12px;border-radius:10px;
}
.command-nav a:hover{background:#e4f3ff;color:#07558b;}
.wrap.wide.command-main{height:calc(100vh - 136px);max-width:none;width:100%;padding:8px;gap:7px;overflow:hidden;display:flex;flex-direction:column;}
body:not(:has(.command-nav)) .wrap.wide.command-main{height:calc(100vh - 94px);}
.command-footer{
  height:26px;display:flex;align-items:center;justify-content:center;
  color:#496176;font-size:11px;font-weight:700;background:rgba(255,255,255,.42);
  border-top:1px solid rgba(177,202,222,.55);
}
.footer{display:none!important;}

/* Login screen */
.login-stage{flex:1;display:flex;align-items:flex-start;justify-content:center;padding-top:42px;}
.command-login-card{
  width:min(410px,calc(100vw - 32px));
  margin:0 auto;padding:24px 26px 22px;
  background:rgba(255,255,255,.92);border:1px solid #c7d9e8;border-top:5px solid #0e67a6;
  border-radius:22px;box-shadow:0 22px 60px rgba(6,42,70,.18);
  text-align:center;backdrop-filter:blur(12px);
}
.command-login-card .login-card-logo{margin:0 auto 14px;background:linear-gradient(180deg,#0f639d,#0b416b);color:#fff;width:58px;height:58px;border-radius:15px;font-size:18px;}
.command-login-card h1{margin:0;color:#0a3557;font-size:24px;letter-spacing:-.6px;}
.login-subtext{margin:9px 0 18px;color:#5b6d82;font-weight:700;font-size:13px;}
.command-login-form{text-align:left;}
.command-login-form .field{margin-bottom:12px;}
.command-login-form label{display:block;margin:0 0 5px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#0a3557;font-weight:900;}
.command-login-form input{
  width:100%;height:42px;border-radius:12px;border:1px solid #c4d3e2;background:#f3f7fc;padding:8px 11px;
  font-size:14px;outline:none;box-shadow:inset 0 1px 2px rgba(9,48,80,.04);
}
.command-login-form input:focus{border-color:#1684c7;background:#fff;box-shadow:0 0 0 4px rgba(22,132,199,.14);}
.command-login-btn{width:100%;height:44px;border:0;border-radius:12px;background:linear-gradient(180deg,#1d86cf,#106cac);color:#fff;font-weight:900;cursor:pointer;box-shadow:0 12px 22px rgba(11,92,148,.20);}
.command-login-btn:hover{background:linear-gradient(180deg,#1679bd,#0d5f99);}
.login-error{text-align:left;font-size:13px;margin:0 0 14px!important;}

/* Yard Check visual shell only */
.yard-hero.slim{
  min-height:44px;padding:9px 12px;
  background:rgba(255,255,255,.78);backdrop-filter:blur(10px);
  border:1px solid #bfd3e5;border-radius:14px;box-shadow:0 10px 28px rgba(9,48,80,.08);
}
.yard-hero.slim h1{font-size:20px;color:#082f50;font-weight:900;letter-spacing:-.35px;}
.yard-toolbar{
  margin:0;padding:8px;background:rgba(255,255,255,.82);backdrop-filter:blur(10px);
  border:1px solid #c2d5e6;border-radius:14px;box-shadow:0 8px 24px rgba(9,48,80,.07);
}
.yard-toolbar input,.yard-toolbar select{
  height:32px;border-radius:10px;background:#f8fbfe;border-color:#c0d1e1;font-size:12px;
}
.yard-toolbar input:focus,.yard-toolbar select:focus{background:#fff;border-color:#1479bd;box-shadow:0 0 0 3px rgba(20,121,189,.14);}
.status-line{font-size:12px;color:#31556f;padding:0 4px;font-weight:700;}
.grid-frame{border:1px solid #abc3d8;border-radius:14px;box-shadow:0 16px 35px rgba(8,50,82,.12);background:#fff;}
.yard-grid th{background:linear-gradient(180deg,#dff5ff,#bce9f8);color:#0a385d;border-bottom:1px solid #8dbbd4;font-weight:900;}
.yard-grid td{border-color:#dfe9f2;}
.yard-grid tr:hover td{background:#ecf8ff;}
.asset-pill{background:linear-gradient(180deg,#eff9ff,#d7eeff);border-color:#b5d8f2;color:#07568b;}
.primary-btn,.secondary-btn,.yard-toolbar button{border-radius:10px;font-weight:900;}
.primary-btn{background:linear-gradient(180deg,#1d86cf,#106cac);}
.secondary-btn{background:#edf7ff;border-color:#bfd7ea;color:#0b4774;}
.toast{border-radius:12px;background:#0b416b;}
@media(max-width:900px){.command-title{font-size:18px}.command-subtitle{display:none}.date-pill{display:none}.wrap.wide.command-main{height:calc(100vh - 136px)}}

/* Yard Check v12 checkbox fixes + centered column chooser */
.column-toggle-btn{white-space:nowrap;}
.column-panel{
  position:fixed;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  z-index:120;
  width:min(840px,calc(100vw - 56px));
  max-height:none;
  overflow:visible;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(240,248,255,.98));
  border:1px solid #a9c5de;
  border-radius:22px;
  box-shadow:0 28px 80px rgba(3,34,58,.34);
  padding:18px;
  backdrop-filter:blur(14px);
}
.column-panel::before{content:"";position:fixed;inset:-200vh;z-index:-1;background:rgba(3,23,39,.34);}
.column-panel-head{display:flex;align-items:center;justify-content:space-between;color:#083a61;font-size:16px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #d4e4f1;}
.column-panel-head b{font-size:18px;letter-spacing:-.2px;}
.column-panel-head button{border:0;background:#e7f4ff;color:#0a4774;border-radius:12px;width:34px;height:32px;font-size:22px;font-weight:900;cursor:pointer;box-shadow:inset 0 0 0 1px #c5dcec;}
.column-panel-head button:hover{background:#d6edff;}
.column-list{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:8px;}
.column-list label{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:800;color:#173a58;padding:9px 10px;border-radius:12px;background:#fff;border:1px solid #d8e6f2;box-shadow:0 4px 12px rgba(8,50,82,.05);}
.column-list label:hover{background:#edf8ff;border-color:#b9d8ef;}
.column-list input{width:16px;height:16px;accent-color:#1479bd;}
.column-panel-actions{margin-top:14px;display:flex;justify-content:flex-end;gap:8px;}
.col-hidden{display:none!important;}
.command-footer{flex:0 0 auto;}
@media(max-width:900px){.column-list{grid-template-columns:repeat(2,minmax(140px,1fr));}.column-panel{width:calc(100vw - 28px);}}

/* Yard Check v13: color, faster save feel, suggestions, saved filters */
.yard-toolbar{gap:6px;align-items:center}
.yard-toolbar .filter-btn{background:linear-gradient(180deg,#f3faff,#e3f3ff);border-color:#b6d4ea;color:#0a4e7f}
.yard-toolbar .filter-btn:hover{background:#dff1ff}
.field-cell.just-saved{box-shadow:inset 0 0 0 2px rgba(26,161,83,.34);background:#ecfff4!important;transition:.15s}
.cell-input.saving{background:#fff9df!important;border-color:#e7c95a!important}
.cell-input.saved{background:#eafff2!important;border-color:#23a65b!important}
.filter-modal{position:fixed;inset:0;z-index:140;display:flex;align-items:center;justify-content:center;background:rgba(3,23,39,.38);backdrop-filter:blur(5px)}
.filter-modal[hidden]{display:none!important}.filter-modal-card{width:min(760px,calc(100vw - 48px));background:linear-gradient(180deg,#fff,#f2f9ff);border:1px solid #aac8df;border-radius:22px;box-shadow:0 30px 90px rgba(4,38,64,.36);padding:18px}.filter-modal-card.small{width:min(430px,calc(100vw - 48px))}.filter-modal-head{display:flex;align-items:center;justify-content:space-between;color:#083a61;font-size:18px;font-weight:900;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #d4e4f1}.filter-modal-head button{border:0;background:#e7f4ff;color:#0a4774;border-radius:12px;width:34px;height:32px;font-size:22px;font-weight:900;cursor:pointer}.filter-grid{display:grid;grid-template-columns:repeat(3,minmax(170px,1fr));gap:12px}.filter-grid label,.save-filter-label{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#214d6d;font-weight:900}.filter-grid select,.filter-grid input,.save-filter-label input,.filter-modal-actions input{display:block;width:100%;height:38px;margin-top:6px;border:1px solid #bfd2e3;border-radius:12px;padding:7px 10px;background:#fff;color:#0a2f4f;font-size:13px;text-transform:none;letter-spacing:0;font-weight:700}.filter-modal-actions{display:flex;align-items:center;gap:8px;margin-top:14px}.filter-modal-actions input{flex:1;margin-top:0}.filter-modal-actions.right{justify-content:flex-end}.save-filter-label input{margin-top:8px}.toast.show:not(.bad){background:#0b416b}
@media(max-width:900px){.filter-grid{grid-template-columns:repeat(1,minmax(180px,1fr));}.filter-modal-card{width:calc(100vw - 24px)}}

/* v14: cleaner data rows, no status-color fills */
.yard-grid td{background:#fff!important;}
.yard-grid tr:nth-child(even) td{background:#fbfdff!important;}
.yard-grid tr:hover td{background:#eef6ff!important;}
.field-cell.just-saved{box-shadow:inset 0 0 0 2px rgba(26,161,83,.34)!important;background:#ecfff4!important;}
.filter-modal-card{max-width:1180px;width:min(1180px,calc(100vw - 60px));}
.filter-grid.all-fields{display:grid;grid-template-columns:repeat(4,minmax(190px,1fr));gap:10px;max-height:none;overflow:visible;}
.filter-grid.all-fields label{font-size:12px;font-weight:800;color:#173b5c;display:flex;flex-direction:column;gap:4px;}
.filter-grid.all-fields input,.filter-grid.all-fields select{height:32px;border:1px solid #c5d3e2;border-radius:8px;padding:4px 7px;background:#fff;}
@media(max-width:1000px){.filter-grid.all-fields{grid-template-columns:repeat(2,minmax(190px,1fr));}.filter-modal-card{width:calc(100vw - 24px);}}
/* v16 small additions */
#deleteFilterBtn{border-color:#b7c7dc;color:#21466d;background:#f7fbff}
.status-line b{color:#183b63}
.cell-input.saving{box-shadow:0 0 0 2px rgba(29,78,216,.18) inset}


/* Production v18 polish: professional framing without coloring data rows */
body{background:linear-gradient(180deg,#eaf3fb 0%,#f6f9fc 36%,#edf3f8 100%);} 
.command-topbar,.topbar{box-shadow:0 10px 28px rgba(4,32,55,.18);}
.yard-hero.slim{border:1px solid rgba(142,176,207,.75);box-shadow:0 16px 36px rgba(8,50,82,.12);background:linear-gradient(135deg,#ffffff 0%,#f7fbff 45%,#edf7ff 100%);} 
.yard-hero.slim:before{content:"";width:5px;align-self:stretch;border-radius:999px;background:linear-gradient(180deg,#157fc3,#0d4674);margin-right:4px;}
.yard-toolbar{border:1px solid rgba(172,199,222,.9);box-shadow:0 14px 32px rgba(8,50,82,.10);background:rgba(255,255,255,.94);backdrop-filter:blur(4px);} 
.grid-frame{border:1px solid #a8bfd5;box-shadow:0 20px 46px rgba(6,43,72,.16);}
.yard-grid td{background:#fff!important;}
.yard-grid tr:nth-child(even) td{background:#fff!important;}
.yard-grid tr:hover td{background:#fff!important;box-shadow:inset 0 1px 0 #cfe7f7,inset 0 -1px 0 #cfe7f7;}
.yard-grid th{box-shadow:inset 0 -1px 0 rgba(21,76,112,.22);}
.status-line{padding:4px 8px;border-radius:10px;background:rgba(255,255,255,.72);border:1px solid rgba(195,211,226,.8);width:max-content;max-width:100%;}
.primary-btn,.secondary-btn,.yard-toolbar button{box-shadow:0 6px 14px rgba(12,77,122,.10);}
.primary-btn:active,.secondary-btn:active,.yard-toolbar button:active{transform:translateY(1px);}
.toast.show:not(.bad){background:linear-gradient(180deg,#0f6faf,#0b416b);border:1px solid rgba(255,255,255,.18);}
.toast.bad{background:linear-gradient(180deg,#b33333,#842020);}
.cell-input.saving{background:#f3f8fd!important;}
.cell-input.saved{background:#eefbf4!important;border-color:#37a969;}

/* v21 service email polish */
.service-email-toolbar-btn{box-shadow:0 8px 18px rgba(14,76,146,.18)}
.email-request-check{display:flex;justify-content:center;align-items:center;min-height:22px}
.email-preview-card{width:min(920px,96vw)}
.email-settings-card{width:min(1100px,98vw)}
.email-preview-meta{display:grid;grid-template-columns:1fr 1fr 2fr;gap:12px;margin:10px 0}
.email-preview-meta.customer-pick-row{grid-template-columns:2fr 1fr}
.email-preview-meta label,.email-smtp-grid label,.save-filter-label{font-size:12px;font-weight:700;color:#25324b;display:flex;flex-direction:column;gap:5px}
.email-preview-meta input,.email-preview-meta select,.email-smtp-grid input,.email-smtp-grid select,.email-customer-row input{border:1px solid #c9d5e6;border-radius:10px;padding:8px 10px;background:#fff;font-size:13px;box-shadow:inset 0 1px 2px rgba(20,38,64,.04)}
.email-preview-body{width:100%;height:280px;resize:vertical;border:1px solid #c9d5e6;border-radius:12px;padding:12px;font-family:Consolas,monospace;font-size:13px;line-height:1.45;background:#f8fbff;color:#182235}
.email-settings-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}
.email-settings-section{border:1px solid #d8e2ef;background:#f8fbff;border-radius:16px;padding:14px;box-shadow:0 8px 20px rgba(31,52,86,.08)}
.email-settings-section h3{margin:0 0 10px;color:#10294d;font-size:15px}
.email-customer-list{display:flex;flex-direction:column;gap:8px;margin-bottom:10px;max-height:360px;overflow:auto;padding-right:4px}
.email-customer-row{display:grid;grid-template-columns:1fr 1.25fr 1.25fr auto auto auto;gap:8px;align-items:center;background:#fff;border:1px solid #dbe5f1;border-radius:12px;padding:8px}
.email-customer-row.new{border-style:dashed;background:#f4f8ff}
.email-active{white-space:nowrap;font-size:12px;font-weight:700;color:#25324b;display:flex;align-items:center;gap:6px}
.email-smtp-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.small-btn{padding:7px 10px!important;font-size:12px!important;border-radius:9px!important}.danger-btn{border:1px solid #ffb9b9;background:#fff0f0;color:#a4161a;border-radius:9px;padding:7px 10px;font-weight:800;cursor:pointer}.danger-btn:hover{background:#ffe3e3}
@media(max-width:900px){.email-settings-layout,.email-preview-meta,.email-preview-meta.customer-pick-row{grid-template-columns:1fr}.email-customer-row{grid-template-columns:1fr}.email-smtp-grid{grid-template-columns:1fr}}