/*
 * RWM Vessel Care — shared styles, ported from prototypes/rwmnz-vessel-care.html
 * (owner portal, .rwmvc-owner) and prototypes/rwmnz-care-team-inspection.html
 * (service manager app, .rwmvc-service). Everything is scoped under .rwmvc
 * wrappers so it never leaks into the surrounding theme.
 */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');

:root{
  --navy:#0e2233;--navy-2:#16344b;--navy-line:#26455f;--gold:#c8a24a;--gold-soft:#d9bd77;
  --paper:#f5f3ee;--white:#fff;--ink:#1d2a34;--muted:#7e8b95;--line:#e3ded3;--field:#f7f8f9;
  --green:#3f7d5a;--green-bg:#e8f0eb;--amber:#c58a2a;--amber-bg:#faf1de;--red:#b4443a;--red-bg:#f7e8e6;
}

.rwmvc, .rwmvc *{box-sizing:border-box}
.rwmvc{font-family:'Lato',sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;line-height:normal}
.rwmvc button{font-family:inherit;cursor:pointer}
.rwmvc input,.rwmvc select,.rwmvc textarea{font-family:inherit}
.rwmvc h1,.rwmvc h2,.rwmvc h3,.rwmvc h4,.rwmvc p,.rwmvc ul{margin:0;padding:0}
.rwmvc a{text-decoration:none}

/* Break out of the theme's content column. Block themes (WordPress's own
   default since 2022) wrap page/post content in a "constrained layout" that
   caps width and centers it like an article — fine for prose, wrong for an
   app shell that's meant to fill the page like the prototypes do. This is a
   standard full-bleed override; :where()-scoped theme rules (which is how
   WordPress applies that constraint) always lose to a plain class selector
   like this regardless of stylesheet load order. */
.rwmvc{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}

/* Clean standalone portal pages (see templates/page-shell.php). */
body.rwmvc-page{margin:0;background:var(--paper)}
body.rwmvc-page .rwmvc{width:100%;max-width:none;margin-left:0;margin-right:0}
body.rwmvc-page .rwmvc-login-shell{min-height:100vh;border-radius:0}
body.rwmvc-page .rwmvc-service{min-height:100vh}
body.rwmvc-page .rwmvc-owner .shell{min-height:100vh}

@keyframes rwmvc-fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes rwmvc-pulse{0%{transform:scale(.8);opacity:.45}70%{transform:scale(1.7);opacity:0}100%{opacity:0}}

/* ============================= LOGIN (shared) ============================= */
.rwmvc-login-shell{background:linear-gradient(160deg,var(--navy),#081722);display:flex;align-items:center;
  justify-content:center;padding:54px 20px;border-radius:6px}
.rwmvc-login-card{width:min(400px,100%);text-align:center}
.rwmvc-login-card .brand-logo{height:46px;width:auto;max-width:80%}
.rwmvc-login-card .brand-sub{letter-spacing:.28em;font-size:9px;color:#6f8598;margin-top:8px;text-transform:uppercase}
.rwmvc-login-card .login-rule{width:38px;height:2px;background:var(--gold);margin:26px auto}
.rwmvc-login-card .login-h{color:#fff;font-weight:300;font-size:26px;margin-bottom:6px}
.rwmvc-login-card .login-p{color:#8fa3b3;font-size:13.5px;margin-bottom:26px;font-weight:300}
.rwmvc-login-card .login-error{background:rgba(180,68,58,.15);border:1px solid rgba(180,68,58,.4);color:#e8b4ae;
  font-size:12.5px;padding:10px 14px;border-radius:3px;margin-bottom:18px;text-align:left}
.rwmvc-login-card form p{text-align:left;margin-bottom:16px}
.rwmvc-login-card form label{display:block;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#7f95a6;margin-bottom:7px}
.rwmvc-login-card form input[type=text],
.rwmvc-login-card form input[type=password],
.rwmvc-login-card form input[type=email]{width:100%;padding:13px 14px;background:rgba(255,255,255,.05);
  border:1px solid var(--navy-line);border-radius:2px;color:#fff;font-size:14px;outline:none}
.rwmvc-login-card form input:focus{border-color:var(--gold)}
.rwmvc-login-card .login-remember{color:#8fa3b3;font-size:12px;display:flex;align-items:center;gap:8px}
.rwmvc-login-card .login-remember label{display:inline;text-transform:none;letter-spacing:0;font-size:12px;color:#8fa3b3;margin:0}
.rwmvc-login-card input#wp-submit{width:100%;margin-top:4px;padding:14px;background:var(--gold);border:none;
  border-radius:2px;color:var(--navy);font-weight:700;letter-spacing:.14em;font-size:12px;text-transform:uppercase}
.rwmvc-login-card input#wp-submit:hover{background:var(--gold-soft)}
.rwmvc-login-card .login-hint{margin-top:22px;font-size:11px;color:#5f7688;font-weight:300}
.rwmvc-login-card .login-hint a{color:var(--gold-soft)}

.rwmvc-notice{background:var(--white);border:1px solid var(--line);border-radius:5px;padding:24px;
  color:var(--muted);font-size:13.5px;line-height:1.6}

/* ============================= OWNER PORTAL ============================= */
.rwmvc-owner{background:var(--paper)}
.rwmvc-owner .shell{display:grid;grid-template-columns:238px 1fr;min-height:70vh}
.rwmvc-owner .side{background:var(--navy);color:#c6d2db;padding:26px 0;display:flex;flex-direction:column}
.rwmvc-owner .side-brand{padding:0 24px 22px;border-bottom:1px solid var(--navy-line)}
.rwmvc-owner .side-brand .brand-logo{height:32px;width:auto;max-width:100%}
.rwmvc-owner .side-brand .brand-sub{letter-spacing:.28em;font-size:8px;margin-top:6px;color:#6f8598;text-transform:uppercase}
.rwmvc-owner .nav{padding:16px 12px;flex:1}
.rwmvc-owner .nav-item{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:3px;font-size:13.5px;
  color:#a9b8c4;margin-bottom:2px;transition:.16s;cursor:pointer}
.rwmvc-owner .nav-item:hover{background:var(--navy-2);color:#fff}
.rwmvc-owner .nav-item.active{background:var(--navy-2);color:#fff}
.rwmvc-owner .nav-item.active .dot{background:var(--gold)}
.rwmvc-owner .dot{width:6px;height:6px;border-radius:50%;background:#4a6274;flex-shrink:0}
.rwmvc-owner .nav-item .count{margin-left:auto;font-size:11px;background:var(--amber);color:#3a2c0e;font-weight:900;
  padding:1px 7px;border-radius:20px}
.rwmvc-owner .side-foot{padding:18px 24px 0;border-top:1px solid var(--navy-line);font-size:11px;color:#6f8598;font-weight:300}
.rwmvc-owner .side-foot .logout{color:var(--gold);font-size:11px;letter-spacing:.1em;text-transform:uppercase;
  background:none;border:none;padding:0;margin-top:8px;display:inline-block;cursor:pointer}

.rwmvc-owner .main{padding:0 0 60px}
.rwmvc-owner .topbar{background:var(--white);border-bottom:1px solid var(--line);padding:18px 40px;display:flex;
  align-items:center;justify-content:space-between}
.rwmvc-owner .topbar .who{font-size:12px;color:var(--muted)}.rwmvc-owner .topbar .who b{color:var(--ink)}
.rwmvc-owner .vessel-switch{display:flex;align-items:center;gap:10px}
.rwmvc-owner .vessel-switch label{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:700}
.rwmvc-owner .vessel-switch select{font-size:13px;padding:9px 14px;border:1px solid var(--line);border-radius:3px;
  background:#fff;color:var(--ink);outline:none;font-weight:700}
.rwmvc-owner .content{padding:34px 40px;max-width:1140px}
.rwmvc-owner .page{display:none}
.rwmvc-owner .page.show{display:block;animation:rwmvc-fade .4s ease}
.rwmvc-owner .eyebrow{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);font-weight:700}
.rwmvc-owner .page-h{font-size:27px;font-weight:300;margin:8px 0 4px}.rwmvc-owner .page-h b{font-weight:900}
.rwmvc-owner .page-sub{color:var(--muted);font-size:13.5px;margin-bottom:28px;max-width:640px;line-height:1.5}

.rwmvc-owner .health{border-radius:6px;overflow:hidden;margin-bottom:30px;background:var(--navy);
  display:grid;grid-template-columns:1.05fr 1fr}
.rwmvc-owner .health-l{padding:34px 36px;position:relative}
.rwmvc-owner .health-status{display:inline-flex;align-items:center;gap:12px;padding:9px 18px 9px 14px;border-radius:40px;
  font-weight:900;font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.rwmvc-owner .health-status.green{background:var(--green-bg);color:var(--green)}
.rwmvc-owner .health-status.amber{background:var(--amber-bg);color:var(--amber)}
.rwmvc-owner .health-status.red{background:var(--red-bg);color:var(--red)}
.rwmvc-owner .beacon{width:16px;height:16px;border-radius:50%;position:relative}
.rwmvc-owner .beacon.green{background:var(--green)}.rwmvc-owner .beacon.amber{background:var(--amber)}.rwmvc-owner .beacon.red{background:var(--red)}
.rwmvc-owner .beacon::after{content:"";position:absolute;inset:-5px;border-radius:50%;opacity:.35;animation:rwmvc-pulse 2.4s infinite}
.rwmvc-owner .beacon.green::after{background:var(--green)}.rwmvc-owner .beacon.amber::after{background:var(--amber)}.rwmvc-owner .beacon.red::after{background:var(--red)}
.rwmvc-owner .health-l h2{color:#fff;font-weight:300;font-size:30px;margin:20px 0 6px;line-height:1.15}
.rwmvc-owner .health-l h2 b{font-weight:900}
.rwmvc-owner .health-l .line{color:#9fb2c1;font-size:14px;line-height:1.6;max-width:400px}
.rwmvc-owner .health-l .checked{margin-top:22px;font-size:12px;color:#6f8598;letter-spacing:.04em}
.rwmvc-owner .health-l .checked b{color:var(--gold-soft);font-weight:700}
.rwmvc-owner .health-r{background-size:cover;background-position:center;position:relative;min-height:260px}
.rwmvc-owner .health-r::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--navy),transparent 45%)}

.rwmvc-owner .lights{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:14px}
.rwmvc-owner .light{background:var(--white);border:1px solid var(--line);border-radius:5px;padding:20px 22px;position:relative;overflow:hidden}
.rwmvc-owner .light::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}
.rwmvc-owner .light.g::before{background:var(--green)}.rwmvc-owner .light.a::before{background:var(--amber)}.rwmvc-owner .light.r::before{background:var(--red)}
.rwmvc-owner .light .top{display:flex;align-items:center;gap:10px}
.rwmvc-owner .light .lamp{width:12px;height:12px;border-radius:50%}
.rwmvc-owner .light.g .lamp{background:var(--green)}.rwmvc-owner .light.a .lamp{background:var(--amber)}.rwmvc-owner .light.r .lamp{background:var(--red)}
.rwmvc-owner .light .cat{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:700}
.rwmvc-owner .light .n{font-size:30px;font-weight:900;color:var(--navy);margin-top:8px;line-height:1}
.rwmvc-owner .light .d{font-size:12.5px;color:var(--muted);margin-top:5px}

.rwmvc-owner .section-h{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--navy);font-weight:700;
  margin:30px 0 16px;display:flex;align-items:center;gap:12px}
.rwmvc-owner .section-h::after{content:"";flex:1;height:1px;background:var(--line)}
.rwmvc-owner .section-h .pill{font-size:10px;letter-spacing:.05em;background:var(--amber-bg);color:var(--amber);
  padding:3px 10px;border-radius:20px;font-weight:900;text-transform:none}

.rwmvc-owner .checks{background:var(--white);border:1px solid var(--line);border-radius:5px;overflow:hidden}
.rwmvc-owner .check{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:17px 22px;border-bottom:1px solid var(--line)}
.rwmvc-owner .check:last-child{border-bottom:none}
.rwmvc-owner .lamp-lg{width:14px;height:14px;border-radius:50%;flex-shrink:0}
.rwmvc-owner .lamp-lg.g{background:var(--green)}.rwmvc-owner .lamp-lg.a{background:var(--amber)}.rwmvc-owner .lamp-lg.r{background:var(--red)}
.rwmvc-owner .check .body h4{font-size:15px;color:var(--navy);font-weight:700}
.rwmvc-owner .check .body p{font-size:12.5px;color:var(--muted);margin-top:3px;line-height:1.5}
.rwmvc-owner .check .body .meta{font-size:11.5px;color:var(--muted);margin-top:6px}
.rwmvc-owner .check .body .meta b{color:var(--ink)}
.rwmvc-owner .check .right{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.rwmvc-owner .chip{font-size:10px;padding:5px 11px;border-radius:20px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}
.rwmvc-owner .chip.g{background:var(--green-bg);color:var(--green)}
.rwmvc-owner .chip.a{background:var(--amber-bg);color:var(--amber)}
.rwmvc-owner .chip.r{background:var(--red-bg);color:var(--red)}
.rwmvc-owner .chip.done{background:#eef1f3;color:var(--muted)}
.rwmvc-owner .mini-btn{font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;padding:7px 14px;border-radius:3px;border:none}
.rwmvc-owner .mini-btn.gold{background:var(--gold);color:var(--navy)}.rwmvc-owner .mini-btn.gold:hover{background:var(--gold-soft)}
.rwmvc-owner .mini-btn.ghost{background:#fff;border:1px solid var(--line);color:var(--navy)}.rwmvc-owner .mini-btn.ghost:hover{border-color:var(--gold)}
.rwmvc-owner .mini-btn[disabled]{opacity:.55;pointer-events:none}

.rwmvc-owner .approve{background:var(--white);border:1px solid #ecd9b0;border-radius:5px;padding:20px 22px;margin-bottom:14px;
  display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;border-left:4px solid var(--amber)}
.rwmvc-owner .approve h4{font-size:15px;color:var(--navy);font-weight:700}
.rwmvc-owner .approve p{font-size:12.5px;color:var(--muted);margin-top:4px;line-height:1.5;max-width:520px}
.rwmvc-owner .approve .quote{font-size:13px;color:var(--ink);margin-top:9px;font-weight:700}
.rwmvc-owner .approve .quote span{color:var(--gold);font-weight:900;font-size:16px}
.rwmvc-owner .approve .acts{display:flex;flex-direction:column;gap:8px;min-width:150px}
.rwmvc-owner .approve .acts .chip{align-self:flex-end}
.rwmvc-owner .approve.is-accepted{border-color:var(--line);border-left-color:var(--green)}
.rwmvc-owner .approve.is-waiting{border-color:var(--line);border-left-color:var(--muted)}
.rwmvc-owner .qa-thread{margin-top:12px;padding:12px 14px;background:var(--paper);border:1px solid var(--line);border-radius:5px}
.rwmvc-owner .qa-line{font-size:12.5px;color:var(--ink);line-height:1.5}
.rwmvc-owner .qa-line + .qa-line{margin-top:8px}
.rwmvc-owner .qa-who{display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:2px}
.rwmvc-owner .qa-reply .qa-who{color:var(--gold)}

.rwmvc-owner .drive-head{display:flex;align-items:center;justify-content:space-between;background:var(--white);
  border:1px solid var(--line);border-radius:5px 5px 0 0;padding:16px 22px;border-bottom:none}
.rwmvc-owner .drive-head .dl{display:flex;align-items:center;gap:11px;font-size:13px;color:var(--navy);font-weight:700}
.rwmvc-owner .drive-head .dl .gicon{width:26px;height:26px;border-radius:5px;background:linear-gradient(135deg,#1fa463,#ffcf3f 50%,#2684fc);flex-shrink:0}
.rwmvc-owner .drive-head .open{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);font-weight:700}
.rwmvc-owner .folders{display:flex;gap:8px;padding:14px 22px;background:#fafaf7;border-left:1px solid var(--line);border-right:1px solid var(--line);flex-wrap:wrap}
.rwmvc-owner .folder-tab{font-size:12px;padding:7px 14px;border-radius:20px;border:1px solid var(--line);background:#fff;color:var(--muted);font-weight:700}
.rwmvc-owner .folder-tab.active{background:var(--navy);color:#fff;border-color:var(--navy)}
.rwmvc-owner .docs{background:var(--white);border:1px solid var(--line);border-radius:0 0 5px 5px;overflow:hidden}
.rwmvc-owner .doc{display:grid;grid-template-columns:auto 1fr auto auto;gap:16px;align-items:center;padding:14px 22px;border-bottom:1px solid var(--line)}
.rwmvc-owner .doc:last-child{border-bottom:none}
.rwmvc-owner .doc .ficon{width:38px;height:46px;border-radius:3px;background:#f2eee4;display:flex;align-items:center;justify-content:center;
  font-size:9px;font-weight:900;color:#fff;flex-shrink:0;position:relative}
.rwmvc-owner .doc .ficon.pdf{background:#c0392b}.rwmvc-owner .doc .ficon.img{background:#2684fc}.rwmvc-owner .doc .ficon.xls{background:#1fa463}
.rwmvc-owner .doc .dn{font-weight:700;color:var(--navy);font-size:13.5px}
.rwmvc-owner .doc .dm{font-size:11.5px;color:var(--muted);margin-top:2px}
.rwmvc-owner .doc .amt{font-weight:900;color:var(--ink);font-size:14px;text-align:right}
.rwmvc-owner .doc .open2{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--gold);font-weight:700;white-space:nowrap}

.rwmvc-owner .timeline{position:relative;padding-left:26px}
.rwmvc-owner .timeline::before{content:"";position:absolute;left:6px;top:6px;bottom:6px;width:2px;background:var(--line)}
.rwmvc-owner .tl{position:relative;padding:0 0 24px 20px}
.rwmvc-owner .tl::before{content:"";position:absolute;left:-24px;top:3px;width:12px;height:12px;border-radius:50%;background:var(--gold);border:3px solid var(--paper)}
.rwmvc-owner .tl .date{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);font-weight:700}
.rwmvc-owner .tl h4{font-size:15px;color:var(--navy);font-weight:700;margin:3px 0 2px}
.rwmvc-owner .tl p{font-size:12.5px;color:var(--muted);line-height:1.55}
.rwmvc-owner .tl-report{display:inline-block;margin-top:8px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--gold);font-weight:700}
.rwmvc-owner .tl-job::before{background:var(--green)}
.rwmvc-owner .tl-done{display:inline-block;margin-left:6px;font-size:9px;padding:2px 8px;border-radius:20px;background:var(--green-bg);color:var(--green);font-weight:900;letter-spacing:.04em;text-transform:uppercase;vertical-align:middle}

.rwmvc-owner .disclaimer{margin-top:34px;padding:16px 20px;background:#fbf6ea;border:1px solid #eaddbf;border-radius:5px;
  font-size:12px;color:#8a6d33;line-height:1.6}
.rwmvc-owner .disclaimer b{color:#6f5620}

.rwmvc-owner .modal-bg{position:fixed;inset:0;background:rgba(14,34,51,.5);display:none;align-items:center;justify-content:center;z-index:9999;padding:20px}
.rwmvc-owner .modal-bg.show{display:flex}
.rwmvc-owner .modal{background:#fff;border-radius:6px;max-width:420px;width:100%;padding:30px;text-align:center;animation:rwmvc-fade .25s}
.rwmvc-owner .modal .tick{width:52px;height:52px;border-radius:50%;background:var(--green-bg);color:var(--green);display:flex;
  align-items:center;justify-content:center;font-size:26px;margin:0 auto 16px}
.rwmvc-owner .modal h3{font-size:20px;color:var(--navy);font-weight:900;margin-bottom:8px}
.rwmvc-owner .modal p{font-size:13.5px;color:var(--muted);line-height:1.6;margin-bottom:22px}
.rwmvc-owner .modal button{padding:12px 26px;background:var(--navy);color:#fff;border:none;border-radius:3px;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;font-size:12px}

@media(max-width:900px){
  .rwmvc-owner .shell{grid-template-columns:1fr}
  .rwmvc-owner .side{position:static;height:auto;flex-direction:column;padding:16px}
  .rwmvc-owner .nav{display:flex;flex-wrap:wrap;gap:4px;padding:8px 0}.rwmvc-owner .side-foot{display:none}
  .rwmvc-owner .health{grid-template-columns:1fr}.rwmvc-owner .health-r{min-height:170px}
  .rwmvc-owner .lights{grid-template-columns:1fr}
  .rwmvc-owner .approve{grid-template-columns:1fr}.rwmvc-owner .approve .acts{flex-direction:row}
  .rwmvc-owner .content,.rwmvc-owner .topbar{padding-left:18px;padding-right:18px}
  .rwmvc-owner .doc{grid-template-columns:auto 1fr;gap:10px}.rwmvc-owner .doc .amt,.rwmvc-owner .doc .open2{grid-column:2;text-align:left}
}

/* ============================= CALENDAR & MESSAGES (shared: owner + service) ============================= */
.rwmvc-inline-form{background:var(--white);border:1px solid var(--line);border-radius:10px;padding:14px 15px;margin-top:10px}
.rwmvc-inline-form input[type=text],
.rwmvc-inline-form input[type=date],
.rwmvc-inline-form select,
.rwmvc-inline-form textarea{width:100%;border:1px solid var(--line);background:var(--field);border-radius:8px;padding:11px 12px;font-size:14px;outline:none;margin-bottom:8px;font-family:inherit}
.rwmvc-inline-form textarea{min-height:64px;resize:vertical}
.rwmvc-inline-row{display:flex;gap:8px}
.rwmvc-inline-row > *{flex:1}
.rwmvc-inline-actions{display:flex;gap:8px;margin-top:4px}

.rwmvc-cal{background:var(--white);border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-top:6px}
.rwmvc-cal-head{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;background:var(--navy);color:#fff}
.rwmvc-cal-head .rwmvc-cal-nav{background:none;border:none;color:var(--gold);font-size:18px;padding:2px 10px;line-height:1}
.rwmvc-cal-head .rwmvc-cal-month{font-weight:900;font-size:13px;letter-spacing:.03em}
.rwmvc-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--line)}
.rwmvc-cal-dow{background:#fafaf7;text-align:center;font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:700;padding:6px 0}
.rwmvc-cal-day{background:#fff;min-height:38px;padding:4px 2px;text-align:center;font-size:11.5px;color:var(--ink);position:relative}
.rwmvc-cal-day.pad{background:var(--field)}
.rwmvc-cal-day.today{font-weight:900;color:var(--navy)}
.rwmvc-cal-day.today::before{content:"";position:absolute;top:3px;left:50%;transform:translateX(-50%);width:4px;height:4px;border-radius:50%;background:var(--gold)}
.rwmvc-cal-dots{display:flex;gap:2px;justify-content:center;margin-top:3px}
.rwmvc-cal-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}
.rwmvc-cal-dot.job{background:var(--navy)}
.rwmvc-cal-dot.owner_visit{background:#2f7fb0}
.rwmvc-cal-dot.blocked{background:var(--red)}

.rwmvc-cal-list{margin-top:10px}
.rwmvc-cal-row{display:flex;align-items:flex-start;gap:11px;padding:11px 0;border-top:1px solid var(--line)}
.rwmvc-cal-row:first-child{border-top:none}
.rwmvc-cal-row .rwmvc-cal-dot{width:9px;height:9px;margin-top:4px;flex-shrink:0}
.rwmvc-cal-row .rcl-body{flex:1;min-width:0}
.rwmvc-cal-row .rcl-title{font-weight:700;font-size:13px;color:var(--navy)}
.rwmvc-cal-row .rcl-meta{font-size:11.5px;color:var(--muted);margin-top:2px}
.rwmvc-cal-row .rcl-remove{background:none;border:none;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em;font-weight:700;padding:0;flex-shrink:0}
.rwmvc-cal-row .rcl-remove:hover{color:var(--red)}
.rwmvc-cal-empty{padding:14px 0;font-size:12.5px;color:var(--muted);text-align:center}
.rwmvc-cal-actions{display:flex;gap:8px;margin:14px 0}
.rwmvc-cal-actions button{flex:1}

.rwmvc-msg-thread{background:var(--white);border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-top:6px;max-height:360px;overflow-y:auto}
.rwmvc-msg{padding:12px 15px;border-bottom:1px solid var(--line)}
.rwmvc-msg:last-child{border-bottom:none}
.rwmvc-msg.mine{background:#fbf9f4}
.rwmvc-msg .rmsg-who{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:700;display:flex;justify-content:space-between;gap:10px}
.rwmvc-msg .rmsg-body{font-size:13px;color:var(--ink);margin-top:4px;line-height:1.5;white-space:pre-wrap}
.rwmvc-msg .rmsg-request{display:inline-block;margin-top:6px;font-size:9.5px;padding:3px 9px;border-radius:20px;background:var(--amber-bg);color:var(--amber);font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.rwmvc-msg .rmsg-to-job{display:block;margin-top:8px;background:none;border:none;color:var(--gold);font-size:11px;text-transform:uppercase;letter-spacing:.04em;font-weight:700;padding:0}
.rwmvc-msg-empty{padding:20px 15px;font-size:12.5px;color:var(--muted);text-align:center}
.rwmvc-msg-compose{display:flex;gap:8px;margin-top:10px;align-items:flex-end}
.rwmvc-msg-compose textarea{flex:1;border:1px solid var(--line);background:var(--field);border-radius:8px;padding:11px 12px;font-size:14px;outline:none;min-height:46px;max-height:120px;resize:vertical;font-family:inherit}
.rwmvc-msg-compose textarea:focus{border-color:var(--gold);background:#fff}

@media(max-width:600px){
  .rwmvc-cal-day{min-height:32px;font-size:10.5px}
  .rwmvc-msg-compose{flex-direction:column;align-items:stretch}
}

/* ============================= SERVICE MANAGER APP ============================= */
.rwmvc-service{background:#eef0f2}
.rwmvc-service .device{max-width:430px;margin:0 auto;min-height:70vh;background:var(--white);position:relative;box-shadow:0 0 60px rgba(14,34,51,.14)}

/* Desktop: the same screens, but presented as a comfortable centred panel
   rather than a full-height phone strip stretched down a wide page. */
@media(min-width:700px){
  .rwmvc-service{padding:32px 20px}
  .rwmvc-service .device{max-width:640px;min-height:0;border-radius:14px;overflow:hidden;box-shadow:0 24px 70px rgba(14,34,51,.16)}
  .rwmvc-service .appbar{top:0}
  .rwmvc-service .prog{top:64px}
  .rwmvc-service .actionbar,
  .rwmvc-service .toast{max-width:640px}
  .rwmvc-service .lbtn{padding:13px 6px}
  .rwmvc-service .sig-pad{height:170px}
}
@media(min-width:960px){
  .rwmvc-service .device{max-width:760px}
  .rwmvc-service .actionbar,
  .rwmvc-service .toast{max-width:760px}
}

.rwmvc-service .appbar{background:var(--navy);color:#fff;padding:16px 18px;position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:12px}
.rwmvc-service .appbar .back{background:none;border:none;color:var(--gold);font-size:22px;line-height:1;padding:2px 4px}
.rwmvc-service .appbar .titles{flex:1;min-width:0}
.rwmvc-service .appbar .t1{font-size:15px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rwmvc-service .appbar .t2{font-size:11px;color:#8fa3b3;margin-top:1px}
.rwmvc-service .appbar .logout{background:none;border:none;color:#8fa3b3;font-size:11px;text-transform:uppercase;letter-spacing:.06em}

.rwmvc-service .screen{display:none;padding-bottom:96px}
.rwmvc-service .screen.show{display:block;animation:rwmvc-fade .3s}

.rwmvc-service .prog{padding:14px 18px;background:var(--white);border-bottom:1px solid var(--line);position:sticky;top:64px;z-index:25}
.rwmvc-service .prog .row{display:flex;justify-content:space-between;font-size:12px;margin-bottom:8px}
.rwmvc-service .prog .row b{color:var(--navy);font-weight:900}
.rwmvc-service .prog .row span{color:var(--muted)}
.rwmvc-service .track{height:7px;background:#e9edf0;border-radius:20px;overflow:hidden}
.rwmvc-service .fill{height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-soft));width:0;transition:width .4s}
.rwmvc-service .prog .tally{display:flex;gap:14px;margin-top:10px;font-size:11px}
.rwmvc-service .prog .tally span{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-weight:700}
.rwmvc-service .prog .tally .d{width:9px;height:9px;border-radius:50%}
.rwmvc-service .d.g{background:var(--green)}.rwmvc-service .d.a{background:var(--amber)}.rwmvc-service .d.r{background:var(--red)}

.rwmvc-service .home-tabs{display:flex;background:var(--white);border-bottom:1px solid var(--line);position:sticky;top:64px;z-index:20}
.rwmvc-service .home-tab{flex:1;padding:13px 8px;text-align:center;font-size:11px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);background:none;border:none;border-bottom:3px solid transparent}
.rwmvc-service .home-tab.active{color:var(--navy);border-bottom-color:var(--gold)}
.rwmvc-service .home-tab .count{margin-left:5px;font-size:10px;background:var(--amber);color:#3a2c0e;font-weight:900;padding:1px 6px;border-radius:20px;letter-spacing:0;text-transform:none}
.rwmvc-service .home-page{display:none}
.rwmvc-service .home-page.show{display:block;animation:rwmvc-fade .3s}

.rwmvc-service .list-wrap{padding:16px}
.rwmvc-service .sel-h{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:700;margin:8px 4px 12px}

.rwmvc-service .new-boat-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:13px;
  background:var(--navy);color:#fff;border:none;border-radius:8px;font-weight:900;font-size:12.5px;letter-spacing:.04em;
  text-transform:uppercase;margin-bottom:18px}
.rwmvc-service .new-boat-btn .ic{color:var(--gold);font-size:16px;line-height:1}

.rwmvc-service .home-upcoming{background:var(--white);border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-bottom:22px}
.rwmvc-service .home-upcoming-row{display:flex;align-items:center;gap:11px;padding:12px 15px;border-bottom:1px solid var(--line);cursor:pointer}
.rwmvc-service .home-upcoming-row:last-child{border-bottom:none}
.rwmvc-service .home-upcoming-row:active{background:var(--field)}
.rwmvc-service .home-upcoming-row .hv{flex:1;min-width:0}
.rwmvc-service .home-upcoming-row .hvn{font-weight:700;color:var(--navy);font-size:13px}
.rwmvc-service .home-upcoming-row .hvt{color:var(--muted);font-size:11.5px;margin-top:2px}
.rwmvc-service .home-upcoming-row .go{color:var(--gold);font-size:18px;flex-shrink:0}
.rwmvc-service .home-upcoming-row.unread{background:var(--amber-bg)}
.rwmvc-service .home-upcoming-row .hvv{color:var(--gold);font-weight:900;text-transform:uppercase;letter-spacing:.05em;font-size:9.5px}

.rwmvc-service .owner-mode-toggle{display:flex;gap:8px;margin-bottom:10px}
.rwmvc-service .owner-mode-toggle button{flex:1;padding:10px;border-radius:8px;border:1.5px solid var(--line);background:#fff;
  color:var(--muted);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.03em}
.rwmvc-service .owner-mode-toggle button.active{border-color:var(--gold);background:var(--amber-bg);color:var(--navy)}
.rwmvc-service .gen-pw-btn{background:none;border:none;color:var(--gold);font-size:11px;font-weight:700;text-transform:uppercase;
  letter-spacing:.04em;padding:0}
.rwmvc-service .vcard{display:flex;gap:14px;align-items:center;background:var(--white);border:1px solid var(--line);border-radius:8px;padding:14px;margin-bottom:12px;cursor:pointer}
.rwmvc-service .vcard .thumb{width:60px;height:60px;border-radius:6px;background-size:cover;background-position:center;flex-shrink:0;background-color:#dde3e7}
.rwmvc-service .vcard .vinfo{flex:1;min-width:0}
.rwmvc-service .vcard .vn{font-weight:900;color:var(--navy);font-size:15px}
.rwmvc-service .vcard .vm{font-size:12px;color:var(--muted);margin-top:2px}
.rwmvc-service .vcard .vdue{font-size:11px;font-weight:700;margin-top:6px;display:inline-block;padding:3px 9px;border-radius:20px}
.rwmvc-service .vdue.due{background:var(--amber-bg);color:var(--amber)}
.rwmvc-service .vdue.ok{background:var(--green-bg);color:var(--green)}
.rwmvc-service .vcard .go{color:var(--gold);font-size:20px}

.rwmvc-service .grp{margin:18px 0 0}
.rwmvc-service .grp-h{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--navy);font-weight:900;padding:0 18px;margin-bottom:10px;display:flex;align-items:center;gap:8px}
.rwmvc-service .grp-h .c{margin-left:auto;font-size:11px;color:var(--muted);font-weight:700}

.rwmvc-service .item{background:var(--white);border-top:1px solid var(--line);padding:16px 18px}
.rwmvc-service .item:last-child{border-bottom:1px solid var(--line)}
.rwmvc-service .item .q{font-size:15px;font-weight:700;color:var(--ink);margin-bottom:12px;line-height:1.35}
.rwmvc-service .lights{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.rwmvc-service .lbtn{border:1.5px solid var(--line);background:var(--white);border-radius:8px;padding:11px 6px;text-align:center;
  font-size:11px;font-weight:900;letter-spacing:.03em;text-transform:uppercase;color:var(--muted);transition:.15s;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer}
.rwmvc-service .lbtn .lamp{width:16px;height:16px;border-radius:50%;border:2px solid #cfd6db;background:#fff;transition:.15s}
.rwmvc-service .lbtn.g.on{border-color:var(--green);background:var(--green-bg);color:var(--green)}
.rwmvc-service .lbtn.g.on .lamp{background:var(--green);border-color:var(--green)}
.rwmvc-service .lbtn.a.on{border-color:var(--amber);background:var(--amber-bg);color:var(--amber)}
.rwmvc-service .lbtn.a.on .lamp{background:var(--amber);border-color:var(--amber)}
.rwmvc-service .lbtn.r.on{border-color:var(--red);background:var(--red-bg);color:var(--red)}
.rwmvc-service .lbtn.r.on .lamp{background:var(--red);border-color:var(--red)}
.rwmvc-service .item .extra{margin-top:12px;display:none}
.rwmvc-service .item .extra.show{display:block;animation:rwmvc-fade .25s}
.rwmvc-service .item textarea{width:100%;border:1px solid var(--line);background:var(--field);border-radius:8px;padding:11px 12px;font-size:14px;color:var(--ink);outline:none;min-height:64px;resize:vertical}
.rwmvc-service .item textarea:focus{border-color:var(--gold);background:#fff}
.rwmvc-service .photo-row{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.rwmvc-service .add-photo{width:64px;height:64px;border:1.5px dashed #c4ccd2;border-radius:8px;background:var(--field);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--muted);font-size:9px;font-weight:700;position:relative;overflow:hidden}
.rwmvc-service .add-photo input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}
.rwmvc-service .add-photo .ic{font-size:20px;color:var(--gold);line-height:1}
.rwmvc-service .thumb-photo{width:64px;height:64px;border-radius:8px;background-size:cover;background-position:center;position:relative}
.rwmvc-service .thumb-photo .x{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;background:var(--navy);color:#fff;font-size:12px;border:none;display:flex;align-items:center;justify-content:center}
.rwmvc-service .flag-owner{display:flex;align-items:center;gap:9px;margin-top:12px;font-size:13px;color:var(--ink);font-weight:700;background:var(--amber-bg);border:1px solid #ecd9b0;border-radius:8px;padding:10px 12px}
.rwmvc-service .flag-owner input{width:20px;height:20px;accent-color:var(--amber)}
.rwmvc-service .flag-owner small{display:block;font-weight:400;color:var(--muted);font-size:11px;margin-top:1px}
.rwmvc-service .quote-fields{margin-top:10px;display:none;gap:8px}
.rwmvc-service .quote-fields.show{display:flex}
.rwmvc-service .quote-fields input{flex:1;border:1px solid var(--line);background:var(--field);border-radius:8px;padding:10px 12px;font-size:14px;outline:none}
.rwmvc-service .quote-fields input:focus{border-color:var(--gold);background:#fff}

.rwmvc-service .pad{padding:18px}
.rwmvc-service .sum-hero{border-radius:10px;overflow:hidden;background:var(--navy);color:#fff;padding:22px;margin-bottom:16px}
.rwmvc-service .sum-hero .st{display:inline-flex;align-items:center;gap:9px;padding:7px 14px;border-radius:30px;font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.05em}
.rwmvc-service .sum-hero .st.g{background:var(--green-bg);color:var(--green)}
.rwmvc-service .sum-hero .st.a{background:var(--amber-bg);color:var(--amber)}
.rwmvc-service .sum-hero .st.r{background:var(--red-bg);color:var(--red)}
.rwmvc-service .sum-hero h2{font-weight:300;font-size:22px;margin:14px 0 4px}.rwmvc-service .sum-hero h2 b{font-weight:900}
.rwmvc-service .sum-hero p{color:#9fb2c1;font-size:13px;line-height:1.5}
.rwmvc-service .sum-tally{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}
.rwmvc-service .stat{background:var(--white);border:1px solid var(--line);border-radius:10px;padding:14px;text-align:center;position:relative;overflow:hidden}
.rwmvc-service .stat::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}
.rwmvc-service .stat.g::before{background:var(--green)}.rwmvc-service .stat.a::before{background:var(--amber)}.rwmvc-service .stat.r::before{background:var(--red)}
.rwmvc-service .stat .n{font-size:26px;font-weight:900;color:var(--navy)}
.rwmvc-service .stat .l{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-top:2px}
.rwmvc-service .lbl-h{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--navy);font-weight:900;margin:20px 0 8px}
.rwmvc-service .sum-note{width:100%;border:1px solid var(--line);background:var(--field);border-radius:10px;padding:13px;font-size:14px;min-height:90px;outline:none;resize:vertical}
.rwmvc-service .sum-note:focus{border-color:var(--gold);background:#fff}

.rwmvc-service .sig-pad{position:relative;border:1.5px dashed #c4ccd2;border-radius:10px;background:var(--field);height:150px;touch-action:none;overflow:hidden}
.rwmvc-service .sig-pad.signed{border-style:solid;border-color:var(--green)}
.rwmvc-service .sig-pad canvas{width:100%;height:100%;display:block;cursor:crosshair}
.rwmvc-service .sig-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;pointer-events:none}
.rwmvc-service .sig-placeholder.hide{display:none}
.rwmvc-service .sig-actions{display:flex;justify-content:space-between;align-items:center;margin-top:8px}
.rwmvc-service .sig-hint{font-size:11px;color:var(--muted);font-weight:700}
.rwmvc-service .sig-hint.ok{color:var(--green)}
.rwmvc-service .sig-clear{background:none;border:none;color:var(--gold);font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;padding:0}
.rwmvc-service .flag-list{background:var(--white);border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-top:6px}
.rwmvc-service .flag-item{display:flex;gap:11px;align-items:flex-start;padding:13px 15px;border-bottom:1px solid var(--line)}
.rwmvc-service .flag-item:last-child{border-bottom:none}
.rwmvc-service .flag-item .lamp{width:12px;height:12px;border-radius:50%;margin-top:3px;flex-shrink:0}
.rwmvc-service .flag-item .lamp.a{background:var(--amber)}.rwmvc-service .flag-item .lamp.r{background:var(--red)}
.rwmvc-service .flag-item .ft{font-size:13.5px;font-weight:700;color:var(--navy)}
.rwmvc-service .flag-item .fm{font-size:12px;color:var(--muted);margin-top:2px}
.rwmvc-service .flag-item .fq{font-size:12px;color:var(--gold);font-weight:900;margin-top:3px}

/* Vessel detail screen */
.rwmvc-service .detail-hero{height:140px;background-size:cover;background-position:center;background-color:#dde3e7}
.rwmvc-service .lbl-h .mini-add{float:right;background:none;border:none;color:var(--gold);font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;padding:0}
.rwmvc-service .query-item{background:var(--amber-bg);border:1px solid #ecd9b0;border-radius:10px;padding:14px 15px;margin-bottom:10px}
.rwmvc-service .query-item .qt{font-weight:700;color:var(--navy);font-size:13.5px}
.rwmvc-service .query-item .qq{font-size:12.5px;color:var(--ink);margin-top:8px;background:#fff;border-radius:6px;padding:9px 11px;line-height:1.5}
.rwmvc-service .query-item .qq b{display:block;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:3px;font-weight:700}
.rwmvc-service .query-item textarea{width:100%;margin-top:10px;border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px 11px;font-size:13.5px;outline:none;min-height:56px;resize:vertical}
.rwmvc-service .query-item textarea:focus{border-color:var(--gold)}
.rwmvc-service .query-item .qsend{margin-top:8px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;padding:9px 16px;border-radius:6px;border:none;background:var(--navy);color:#fff}
.rwmvc-service .doclist{background:var(--white);border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-top:6px}
.rwmvc-service .doc-row{display:flex;align-items:center;gap:10px;padding:12px 15px;border-bottom:1px solid var(--line);font-size:12.5px}
.rwmvc-service .doc-row:last-child{border-bottom:none}
.rwmvc-service .doc-row .dn{font-weight:700;color:var(--navy);flex:1;min-width:0}
.rwmvc-service .doc-row .dm{color:var(--muted);font-size:11.5px;margin-top:2px}
.rwmvc-service .doc-row .damt{font-weight:900;color:var(--ink)}
.rwmvc-service .doc-row a{color:var(--gold);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}
.rwmvc-service .add-doc-form{background:var(--white);border:1px solid var(--line);border-radius:10px;padding:14px 15px;margin-top:10px}
.rwmvc-service .add-doc-form input[type=text],
.rwmvc-service .add-doc-form input[type=date],
.rwmvc-service .add-doc-form select,
.rwmvc-service .add-doc-form textarea{width:100%;border:1px solid var(--line);background:var(--field);border-radius:8px;padding:11px 12px;font-size:14px;outline:none;margin-bottom:8px}
.rwmvc-service .add-doc-form textarea{min-height:64px;resize:vertical;font-family:inherit}
.rwmvc-service .add-doc-row{display:flex;gap:8px}
.rwmvc-service .add-doc-row > *{flex:1}
.rwmvc-service .doc-upload{width:100%;height:auto;padding:14px;flex-direction:row;justify-content:center;margin-bottom:8px}
.rwmvc-service .or-divider{text-align:center;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700;margin:2px 0 8px}
.rwmvc-service .empty-row{padding:14px 15px;font-size:12.5px;color:var(--muted)}

.rwmvc-service .upcoming-list{background:var(--white);border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-top:6px}
.rwmvc-service .upcoming-row{display:flex;align-items:center;gap:11px;padding:12px 15px;border-bottom:1px solid var(--line);font-size:13px}
.rwmvc-service .upcoming-row:last-child{border-bottom:none}
.rwmvc-service .upcoming-row .ud{width:34px;height:34px;border-radius:8px;background:var(--paper);color:var(--navy);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:13px;flex-shrink:0}
.rwmvc-service .upcoming-row .un{font-weight:700;color:var(--navy)}
.rwmvc-service .upcoming-row .us{color:var(--muted);font-size:11.5px}

.rwmvc-service .joblist{background:var(--white);border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-top:6px}
.rwmvc-service .job-row{padding:13px 15px;border-bottom:1px solid var(--line)}
.rwmvc-service .job-row:last-child{border-bottom:none}
.rwmvc-service .job-row .jt{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.rwmvc-service .job-row .jn{font-weight:700;color:var(--navy);font-size:13.5px}
.rwmvc-service .job-row .jm{color:var(--muted);font-size:12px;margin-top:3px}
.rwmvc-service .job-row .jq{color:var(--gold);font-weight:900;font-size:12.5px;margin-top:4px}
.rwmvc-service .job-chip{font-size:10px;padding:4px 10px;border-radius:20px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;flex-shrink:0}
.rwmvc-service .job-chip.sent{background:var(--amber-bg);color:var(--amber)}
.rwmvc-service .job-chip.accepted{background:var(--green-bg);color:var(--green)}
.rwmvc-service .job-chip.other{background:#eef1f3;color:var(--muted)}
.rwmvc-service .job-chip.scheduled{background:#e3ecf5;color:var(--navy)}
.rwmvc-service .job-row .jsrc{font-size:10px;color:var(--muted);margin-top:5px;font-style:italic}
.rwmvc-service .job-action{display:flex;align-items:center;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}
.rwmvc-service .job-action .job-date{flex:1;border:1px solid var(--line);background:var(--field);border-radius:8px;padding:9px 10px;font-size:13px;outline:none}
.rwmvc-service .job-action .btn{flex:0 0 auto;padding:10px 14px;font-size:11px;border-radius:8px}
.rwmvc-service .job-action .job-sched-date{flex:1;font-size:12.5px;color:var(--navy);font-weight:700}

.rwmvc-service .actionbar{position:sticky;bottom:0;left:0;right:0;max-width:430px;margin:0 auto;background:var(--white);
  border-top:1px solid var(--line);padding:12px 16px;display:flex;gap:10px;z-index:40;box-shadow:0 -6px 20px rgba(14,34,51,.06)}
.rwmvc-service .btn{flex:1;padding:15px;border:none;border-radius:8px;font-weight:900;letter-spacing:.06em;font-size:13px;text-transform:uppercase}
.rwmvc-service .btn.gold{background:var(--gold);color:var(--navy)}.rwmvc-service .btn.gold:active{background:var(--gold-soft)}
.rwmvc-service .btn.navy{background:var(--navy);color:#fff}
.rwmvc-service .btn.ghost{background:#fff;border:1.5px solid var(--line);color:var(--navy);flex:0 0 auto;padding-left:20px;padding-right:20px}
.rwmvc-service .btn[disabled]{opacity:.55;pointer-events:none}

.rwmvc-service .report{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-top:6px}
.rwmvc-service .rep-head{background:var(--navy);color:#fff;padding:20px;text-align:center}
.rwmvc-service .rep-head .bm{letter-spacing:.34em;font-size:10px;color:var(--gold);font-weight:900;text-transform:uppercase}
.rwmvc-service .rep-head .rt{font-size:18px;font-weight:900;margin-top:10px}
.rwmvc-service .rep-head .rs{font-size:12px;color:#9fb2c1;margin-top:3px}
.rwmvc-service .rep-body{padding:18px}
.rwmvc-service .rep-row{display:flex;justify-content:space-between;font-size:13px;padding:8px 0;border-bottom:1px solid #eef1f3}
.rwmvc-service .rep-row span{color:var(--muted)}.rwmvc-service .rep-row b{color:var(--ink)}
.rwmvc-service .rep-sec{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);font-weight:900;margin:16px 0 8px}
.rwmvc-service .rep-line{display:flex;gap:9px;align-items:center;font-size:13px;padding:5px 0}
.rwmvc-service .rep-line .lamp{width:10px;height:10px;border-radius:50%;flex-shrink:0}
.rwmvc-service .rep-line .lamp.g{background:var(--green)}.rwmvc-service .rep-line .lamp.a{background:var(--amber)}.rwmvc-service .rep-line .lamp.r{background:var(--red)}

.rwmvc-service .toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%,80px);background:var(--navy);color:#fff;
  padding:13px 20px;border-radius:8px;font-size:13px;font-weight:700;opacity:0;transition:.35s;z-index:60;
  display:flex;align-items:center;gap:10px;box-shadow:0 10px 30px rgba(14,34,51,.3);white-space:nowrap;max-width:90vw}
.rwmvc-service .toast.show{transform:translate(-50%,0);opacity:1}
.rwmvc-service .toast .tk{width:20px;height:20px;border-radius:50%;background:var(--gold);color:var(--navy);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900}

.rwmvc-service .helper{font-size:12px;color:var(--muted);text-align:center;padding:14px 30px;line-height:1.5}
.rwmvc-service .disclaimer{margin:16px 18px 0;padding:13px 15px;background:#fbf6ea;border:1px solid #eaddbf;border-radius:8px;font-size:11.5px;color:#8a6d33;line-height:1.55}
.rwmvc-service .disclaimer b{color:#6f5620}
.rwmvc-service .rwmvc-notice{margin:16px 18px 0}

@media(max-width:480px){
  .rwmvc-service .device{box-shadow:none}
}