/* Stockton premium mobile-first Dashboard & Jobs & Messages, v1 TEST.
   Presentation only, other sections keep their existing functional layout. */
:root{--sts-ink:#111716;--sts-deep:#09160f;--sts-green:#083d20;--sts-lime:#b0e35d;--sts-gold:#f2bf47}
#stockton-hub .sts-premium-home{gap:14px!important}
#stockton-hub .sts-premium-intro{display:grid;gap:10px}
#stockton-hub .sts-premium-hero{min-height:168px;position:relative;border-radius:17px;overflow:hidden;border:1px solid #527945;background:linear-gradient(90deg,#07180df5 0%,#082414c9 35%,#0c230b20 100%),url('/assets/stockton-fleet-original.webp') center 55%/cover;box-shadow:0 9px 22px #0b201744;display:flex;align-items:end}
#stockton-hub .sts-premium-hero:after{content:'';position:absolute;inset:auto 0 0;height:5px;background:linear-gradient(90deg,#265b28,#b3e45d,#265b28)}
#stockton-hub .sts-premium-hero-copy{position:relative;z-index:1;color:white;padding:16px 18px 22px;text-shadow:0 2px 8px #000}
#stockton-hub .sts-premium-eyebrow{display:block;color:#ccf2a5;font-size:10px;letter-spacing:1.8px;font-weight:900;margin-bottom:4px}
#stockton-hub .sts-premium-hero h2{font-size:28px;color:white!important;letter-spacing:.3px;margin:0 0 3px}
#stockton-hub .sts-premium-hero p{font-size:12px;color:#f0f8f1!important;margin:0}
#stockton-hub .sts-premium-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:7px}
#stockton-hub .sts-premium-heading h2{font-size:24px;color:#133b28!important}
#stockton-hub .sts-premium-date{background:#eaf2e8;border:1px solid #cbdcce;color:#204c33;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800}
#stockton-hub .sts-premium-home .sts-simple-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
#stockton-hub .sts-premium-home .sts-simple-stat{background:linear-gradient(145deg,#12522a,#053419);border:1px solid #2f8147;border-radius:13px;color:white;padding:13px;min-height:99px;align-content:space-between;gap:9px;box-shadow:0 7px 14px #102a1d29}
#stockton-hub .sts-premium-home .sts-simple-stat:nth-child(3){background:linear-gradient(145deg,#50451b,#191c19);border-color:#d9aa40}
#stockton-hub .sts-premium-home .sts-simple-stat strong{font-size:27px;color:white}
#stockton-hub .sts-premium-home .sts-simple-stat small{font-size:11px;line-height:1.25;color:#f6fff4}
#stockton-hub .sts-premium-home .sts-simple-stat[data-tone]{border-top-width:1px}
#stockton-hub .sts-away-alert{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px;padding:16px;border:1px solid #729c49;border-radius:15px;background:linear-gradient(115deg,#173a25,#111b18);color:white;text-align:left;box-shadow:0 6px 18px #0d241333;cursor:pointer;min-height:75px}
#stockton-hub .sts-away-alert.has-messages{border:2px solid #e6bc4b;box-shadow:0 0 0 3px #efc95424,0 8px 18px #1c1b1533}
#stockton-hub .sts-away-text{display:grid;gap:6px}
#stockton-hub .sts-away-text strong{font-size:17px;color:#fff}
#stockton-hub .sts-away-text small{color:#d7e6da;font-size:12px}
#stockton-hub .sts-away-count{border-radius:999px;min-width:30px;height:30px;padding:5px 7px;background:#d93332;color:#fff;font-size:15px;font-weight:900;text-align:center}
#stockton-hub .sts-away-count[hidden]{display:none}
#stockton-hub .sts-away-arrow{font-weight:800;font-size:28px;color:#f0c95b}
#stockton-hub .sts-premium-schedule{background:#fff;padding:0!important;overflow:hidden}
#stockton-hub .sts-premium-schedule .sts-simple-heading{background:linear-gradient(100deg,#0b4a26,#176e34);padding:12px 15px;margin:0}
#stockton-hub .sts-premium-schedule h3{color:white!important;font-size:16px}
#stockton-hub .sts-premium-schedule-list{padding:8px 14px}
#stockton-hub .sts-premium-schedule-row{appearance:none;display:flex;gap:11px;align-items:center;text-align:left;background:white;border:0;border-bottom:1px solid #e1eae1;padding:11px 2px;width:100%;cursor:pointer}
#stockton-hub .sts-premium-schedule-row:last-child{border-bottom:0}
#stockton-hub .sts-premium-schedule-icon{background:#e4f3da;color:#194e2b;border-radius:11px;padding:10px;font-weight:bold}
#stockton-hub .sts-premium-schedule-info{flex:1;min-width:0;display:grid;gap:4px}
#stockton-hub .sts-premium-schedule-info strong{font-size:14px;color:#173e2a}
#stockton-hub .sts-premium-schedule-info small{font-size:11px;color:#64736b;line-height:1.4}
#stockton-hub .sts-premium-schedule-tag{background:#dff1d8;color:#1d622c;padding:6px 7px;border-radius:8px;text-transform:uppercase;font-size:9px;font-weight:800}
#stockton-hub .sts-premium-empty{padding:14px 0;font-size:13px;color:#66726b}
#stockton-hub .sts-premium-actions{border-radius:15px;border:1px solid #2f6840;background:linear-gradient(135deg,#113e25,#082016);padding:13px}
#stockton-hub .sts-premium-actions h3{margin:0 0 13px;color:#fff;font-size:16px}
#stockton-hub .sts-premium-actionrow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
#stockton-hub .sts-premium-action{border:1px solid #88bf6c;border-radius:11px;color:#fff;background:linear-gradient(145deg,#256d37,#0b321f);min-height:74px;padding:9px 3px;display:flex;flex-direction:column;gap:7px;align-items:center;justify-content:center;cursor:pointer}
#stockton-hub .sts-premium-action span{font-size:24px;line-height:1}
#stockton-hub .sts-premium-action small{font-size:11px;font-weight:800;color:#fff}
#stockton-hub .sts-premium-home .sts-simple-panel:not(.sts-premium-schedule){border-radius:15px;overflow:hidden}
#stockton-hub .sts-premium-home .sts-simple-heading h3{font-size:17px}
#stockton-hub .sts-simple-calbtn{min-height:38px;min-width:38px;font-size:18px;border-radius:10px}
#stockton-hub .sts-simple-event{border-radius:5px}
#stockton-hub .sts-dashboard-jobs{border-top:0;margin:0;padding:4px 0 0;scroll-margin-top:10px}
#stockton-hub .sts-dashboard-jobs .jm> .jm-row:first-child{background:linear-gradient(110deg,#0e4726,#05351c);border-radius:13px 13px 0 0;padding:13px 14px;color:#fff}
#stockton-hub .sts-dashboard-jobs .jm> .jm-row:first-child h2{color:#fff!important;font-size:20px}
#stockton-hub .sts-dashboard-jobs .jm> .jm-row:first-child p{color:#d8eed9!important;font-size:12px}
#stockton-hub .sts-dashboard-jobs .jm-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
#stockton-hub .sts-dashboard-jobs .jm-stat{background:#fff;border:1px solid #d9e5d9;box-shadow:0 3px 9px #10201510;padding:12px;border-radius:12px}
#stockton-hub .sts-dashboard-jobs .jm-stat strong{color:#1f6c38}
#stockton-hub .sts-dashboard-jobs .jm-tabs{background:#e8eee8;border-radius:12px;padding:5px;gap:5px}
#stockton-hub .sts-dashboard-jobs .jm-tabs .jm-btn{flex:1 1 120px;font-size:12px;min-height:42px;background:#fff;border:1px solid #d5e1d6;color:#19432c}
#stockton-hub .sts-dashboard-jobs .jm-tabs .jm-btn.active{background:linear-gradient(140deg,#11602d,#093f1d);color:white;border-color:#286e35}
#stockton-hub .sts-dashboard-jobs .jm-tabs .sts-unread-tab:not(.active){background:#fff8db;color:#7b411a;border-color:#d9af3a;box-shadow:inset 3px 0 #edc352}
#stockton-hub .sts-dashboard-jobs .jm-town-group{border-radius:13px;box-shadow:0 5px 16px #132c1c14}
#stockton-hub .sts-dashboard-jobs .jm-town-header{background:linear-gradient(105deg,#134c2b,#0b3723)}
#stockton-hub .sts-dashboard-jobs .jm-compact-job{padding:13px;gap:8px}
#stockton-hub .sts-dashboard-jobs .jm-btn{min-height:38px;border-radius:9px}
#stockton-hub .sts-dashboard-jobs .jm-btn:not(.alt){background:#135a30}
#stockton-hub .sts-dashboard-jobs input,#stockton-hub .sts-dashboard-jobs select,#stockton-hub .sts-dashboard-jobs textarea{font-size:16px;min-height:44px;border-radius:9px}
/* Customer notes: a restrained sticky-note treatment, with status preserved from real data. */
#stockton-hub .sts-note-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:14px 4px 22px}
#stockton-hub .jm-card.sts-sticky-note{position:relative;overflow:visible;background:linear-gradient(145deg,#fff4aa,#ffe59b);border:1px solid #e7bf4d;border-left:0;padding:21px 15px 16px;box-shadow:2px 5px 0 #d5aa3e40,0 8px 18px #1f1b0e1c;border-radius:5px 7px 15px 6px;min-height:142px;transform:none}
#stockton-hub .jm-card.sts-sticky-note:after{content:'';position:absolute;bottom:-1px;right:-1px;width:30px;height:30px;background:linear-gradient(135deg,#fff9d1 0 48%,#e6c16a 50%,#f7e7aa 100%);clip-path:polygon(0 100%,100% 0,100% 100%);border-radius:0 0 12px 0}
#stockton-hub .jm-card.sts-sticky-note.sts-sticky-done{background:linear-gradient(145deg,#ebf5dc,#d6edc8);border-color:#a9d29a;box-shadow:2px 5px 0 #9abd8940,0 8px 18px #1f1b0e12}
#stockton-hub .jm-card.sts-sticky-note strong{color:#2b2e21;font-size:15px}
#stockton-hub .jm-card.sts-sticky-note p{color:#323325;font-size:13px;line-height:1.45;overflow-wrap:anywhere}
#stockton-hub .sts-note-pin{position:absolute;left:50%;top:-12px;transform:translateX(-50%);color:#ce3531;font-size:23px;text-shadow:1px 2px 2px #0007;line-height:1}
#stockton-hub .sts-sticky-done .sts-note-pin{color:#22813f}
#stockton-hub .sts-sticky-note .jm-tag{white-space:normal;font-size:10px}
#stockton-hub .jm-form{border-radius:14px}
@media(max-width:800px){
  #stockton-hub .sts-premium-home .sts-simple-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  #stockton-hub .sts-dashboard-jobs .jm-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  #stockton-hub .sts-note-grid{grid-template-columns:1fr}
}
@media(max-width:750px){
  html,body{background:#101713!important}
  #stockton-hub{background:#101713!important;color:#eef2ed!important}
  #stockton-hub .main{background:linear-gradient(160deg,#0b2116,#111817 50%,#090c0a)!important;padding:12px 12px calc(114px + env(safe-area-inset-bottom))!important}
  #stockton-hub .sts-premium-hero{min-height:145px;background-position:center center}
  #stockton-hub .sts-premium-hero h2{font-size:25px}
  #stockton-hub .sts-premium-heading h2{color:#fff!important}
  #stockton-hub .sts-premium-date{color:#dbeed6;background:#24432c;border-color:#527951}
  #stockton-hub .sts-premium-home .sts-simple-metrics{gap:9px}
  #stockton-hub .sts-premium-home .sts-simple-stat{min-height:90px;padding:11px;border-radius:12px}
  #stockton-hub .sts-premium-home .sts-simple-stat strong{font-size:27px}
  #stockton-hub .sts-premium-home .sts-simple-stat small{font-size:11px}
  #stockton-hub .sts-premium-home .sts-simple-panel:not(.sts-premium-schedule){padding:12px!important;background:#fff}
  #stockton-hub .sts-premium-home .sts-simple-urgentrow{align-items:start;flex-wrap:wrap}
  #stockton-hub .sts-simple-heading{align-items:center;gap:8px}
  #stockton-hub .sts-premium-home .sts-simple-heading h3{font-size:15px}
  #stockton-hub .sts-simple-month{min-width:0;font-size:12px}
  #stockton-hub .sts-simple-calnav{gap:4px}
  #stockton-hub .sts-simple-calbtn{padding:5px 7px;min-height:35px;min-width:35px}
  #stockton-hub .sts-simple-grid{gap:2px}
  #stockton-hub .sts-simple-day{min-height:52px;padding:4px 2px;border-radius:3px;overflow:visible}
  #stockton-hub .sts-simple-daynum{font-size:11px}
  #stockton-hub .sts-simple-event{font-size:0!important;width:8px;height:8px;min-height:8px;border-radius:50%;margin:3px 2px;padding:0;display:inline-block;vertical-align:top;border:0;overflow:hidden}
  #stockton-hub .sts-simple-event[data-type=scheduled]{background:#2274b5}
  #stockton-hub .sts-simple-event[data-type=completed]{background:#21834d}
  #stockton-hub .sts-simple-event[data-type=renewal]{background:#c78c25}
  #stockton-hub .sts-simple-legend{gap:9px;font-size:10px}
  #stockton-hub .sts-dashboard-jobs .jm h2{font-size:19px!important}
  #stockton-hub .sts-dashboard-jobs .jm-stat{padding:11px}
  #stockton-hub .sts-dashboard-jobs .jm-stat strong{font-size:25px}
  #stockton-hub .sts-dashboard-jobs .jm-stat small{font-size:11px}
  #stockton-hub .sts-dashboard-jobs .jm-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px}
  #stockton-hub .sts-dashboard-jobs .jm-controls input{grid-column:1/-1;width:100%;min-width:0}
  #stockton-hub .sts-dashboard-jobs .jm-controls select{width:100%;min-width:0}
  #stockton-hub .sts-dashboard-jobs .jm-tabs{display:grid;grid-template-columns:1fr 1fr}
  #stockton-hub .sts-dashboard-jobs .jm-tabs .jm-btn:last-child{grid-column:1/-1}
  #stockton-hub .sts-dashboard-jobs .jm-tabs .jm-btn{flex:auto;min-height:46px}
  #stockton-hub .sts-note-grid{padding:14px 5px 24px}
  #stockton-hub .jm-card.sts-sticky-note{padding:20px 17px 17px}
  #stockton-hub .jm-compact-actions .jm-btn{min-height:43px}
  #stockton-hub .sts-premium-actions .sts-premium-action{min-height:68px}
  #stockton-hub .sts-premium-action small{font-size:10px}
}
@media(min-width:751px) and (max-width:1100px){#stockton-hub .sts-premium-home .sts-simple-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:no-preference){#stockton-hub .sts-away-alert.has-messages{transition:box-shadow .2s ease}#stockton-hub .sts-premium-action:active{transform:scale(.985)}}

@media(max-width:750px){
.sts-mobile-header{background:linear-gradient(145deg,#06180d,#0c2915)!important;border-bottom-color:#a5d951!important;min-height:88px!important;gap:10px!important}
.sts-mobile-header .sts-mobile-logo{width:min(59vw,245px);max-height:63px}
.sts-mobile-header .sts-mobile-title{font-size:9px;letter-spacing:1px;max-width:65px}
.sts-mobile-bell{position:relative;display:flex;align-items:center;justify-content:center;min-height:47px;min-width:47px;padding:0;border:1px solid #5f875b;background:#153823;color:#e7f9df;font-size:23px;border-radius:12px;cursor:pointer}
.sts-mobile-bell.has-messages{border-color:#f0c04f;color:#ffe69c}
.sts-mobile-bell-count{position:absolute;top:-6px;right:-7px;display:grid;place-items:center;min-width:22px;height:22px;padding:1px 4px;border-radius:999px;background:#d62e30;color:#fff;font-weight:900;font-size:11px;border:2px solid #082013}
.sts-mobile-bell-count[hidden]{display:none}
#stockton-hub .sts-simple-event{position:relative;min-width:22px;min-height:22px;height:22px;background:transparent!important;border:0!important;margin:0 0 -8px -2px;vertical-align:top}
#stockton-hub .sts-simple-event:before{content:'';display:block;position:absolute;left:7px;top:7px;width:8px;height:8px;border-radius:50%;background:#2274b5}
#stockton-hub .sts-simple-event[data-type=completed]:before{background:#21834d}
#stockton-hub .sts-simple-event[data-type=renewal]:before{background:#c78c25}
}

/* Combined phone navigation and reliable loading indicator. */
#stockton-hub .sts-premium-loading{color:#6a774e;font-size:13px;padding:10px 2px}
@media(max-width:750px){
 #stockton-hub .sts-premium-heading{background:linear-gradient(90deg,#074321,#0e5c2c);padding:11px 12px;border-radius:11px;margin-bottom:2px}
 #stockton-hub .sts-premium-heading h2{color:white!important;font-size:23px!important}
 #stockton-hub .sts-premium-date{font-size:10px;color:#ecf7e7}
 #stockton-hub .sts-premium-hero{border-radius:9px;min-height:155px}
 #stockton-hub .sts-premium-hero h2{font-family:Georgia,serif;font-style:italic;letter-spacing:.2px;font-size:24px!important;font-weight:700}
 #stockton-hub .sts-premium-hero .sts-premium-eyebrow{display:none}
 #stockton-hub .sts-mobile-bottom .sts-mobile-tab{min-height:65px}
 #stockton-hub .sts-away-alert{min-height:74px}
 #stockton-hub .sts-premium-home .sts-simple-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
 #stockton-hub .sts-premium-home .sts-simple-stat{min-width:0;padding:9px 4px;min-height:89px;gap:5px}
 #stockton-hub .sts-premium-home .sts-simple-stat strong{font-size:22px}
 #stockton-hub .sts-premium-home .sts-simple-stat small{font-size:10px;overflow-wrap:anywhere}
}
@media(max-width:380px){#stockton-hub .sts-premium-home .sts-simple-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}}