/* The anchor workspace uses the calm, light mobile design. Finance keeps dark.css. */
.anchor-shell{color-scheme:light;--green:#255747;--lime:#dceee5;--muted:#74877b;--line:#dfe9e1;--card:#fff;--text:#1d3026;--surface:#fff;background:#f7f9f6;color:var(--text)}
body:has(.anchor-shell){background:#f7f9f6}
.anchor-shell .sidebar{background:#f5f8f4;border-color:#dfe9e1}
.anchor-shell .brandmark,.anchor-shell .mobile-brand .brandmark{background:#203b2f;color:#fff;box-shadow:none}
.anchor-shell .brand small,.anchor-shell .workspace .muted,.anchor-shell .profile .small.muted{color:#789084}
.anchor-shell .workspace{background:#e8f2eb;border-color:#d5e5d9;color:#305443}
.anchor-shell .workspace>span:first-child{background:#d4e8db;color:#2b6148}
.anchor-shell .nav button{color:#61786a}
.anchor-shell .nav button:hover{background:#e6f0e9;color:#254b38}
.anchor-shell .nav button.selected{background:#dceee5;color:#214c38}
.anchor-shell .nav .dot{background:#2f7351}
.anchor-shell .nav-footer,.anchor-shell .profile{border-color:#dce7df}
.anchor-shell .profile .avatar,.anchor-shell .avatar{background:#cde6d5;color:#285b40}
.anchor-shell .main{max-width:850px;background:#f7f9f6;padding-bottom:100px}
.anchor-shell .topbar{border-color:#dfe9e1;color:#71877a}
.anchor-shell .topbar .breadcrumb span{color:#254834!important}
.anchor-shell .statusdot{background:#5a9b70;box-shadow:0 0 0 3px #5a9b701c}
.anchor-shell .refresh-btn{background:#fff;border-color:#d8e5da;color:#486955}
.anchor-shell .iconbtn{color:#4e6e5b}
.anchor-shell .iconbtn:hover{background:#e2eee5}
.anchor-shell .badge{background:#eaf0e9;color:#637b68;border-radius:100px}
.anchor-shell .badge.green{background:#e1f0e6;color:#2d7049}
.anchor-shell .badge.amber{background:#faefd9;color:#89642b}
.anchor-shell .btn{border-radius:12px;min-height:48px;font-size:13px}
.anchor-shell .btn.primary,dialog.anchor-dialog .btn.primary{background:#203b2f;color:#fff}
.anchor-shell .btn.primary:hover,dialog.anchor-dialog .btn.primary:hover{background:#315a43}
.anchor-shell .btn.secondary,.anchor-shell .btn.ghost{background:#fff;color:#315e45;border:1px solid #d8e5da}
.anchor-head{margin:32px 0 24px}
.anchor-head .eyebrow{font-size:10px;color:#648774;letter-spacing:.11em}
.anchor-head h1{font-size:clamp(26px,4vw,34px);line-height:1.2;letter-spacing:-.055em;color:#1d3026;font-weight:780;margin:8px 0 8px}
.anchor-head p{color:#788d80;font-size:12px;line-height:1.6}
.anchor-live-card,.anchor-ready{background:linear-gradient(145deg,#dceee5,#ebf5ed 65%,#f1f8f2);color:#1c3427;border:1px solid #cee3d5;border-radius:22px;padding:20px;overflow:hidden;position:relative}
.anchor-live-card:after{content:"";position:absolute;width:205px;height:204px;border-radius:50%;border:1px solid #9fc6ad55;top:-120px;right:-85px;pointer-events:none}
.anchor-live-card>*{position:relative;z-index:1}
.anchor-live-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.anchor-live-top strong{font-size:17px;font-weight:750}
.anchor-live-top p{font-size:11px;color:#607e6b;margin-top:4px}
.anchor-live-label{display:inline-flex;align-items:center;background:#fff8ed;border:1px solid #f3dfbb;border-radius:100px;padding:8px 12px;color:#88622c;font-size:11px;font-weight:760;white-space:nowrap}
.anchor-live-duration{margin:32px 0 0}
.anchor-live-duration span{font-size:11px;color:#658474;font-weight:730}
.anchor-live-duration strong{display:block;font-size:clamp(48px,8vw,67px);letter-spacing:-.075em;font-variant-numeric:tabular-nums;line-height:1.12;margin:4px 0 8px;font-weight:760}
.anchor-live-duration p{color:#597765;font-size:12px}
.anchor-carry{border-top:1px solid #bdd8c6;margin-top:24px;padding-top:16px}
.anchor-carry-title{display:flex;justify-content:space-between;gap:8px;color:#577965;font-size:11px}
.anchor-carry-title strong{font-weight:740}
.anchor-carry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0 20px}
.anchor-carry-grid>div{background:#ffffffbd;border:1px solid #cde3d4;border-radius:13px;padding:12px;min-width:0}
.anchor-carry-grid span{display:block;color:#688373;font-size:11px}
.anchor-carry-grid strong{display:block;font-size:clamp(17px,3vw,22px);letter-spacing:-.04em;margin-top:4px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.anchor-live-card>.btn.primary,.anchor-ready>.btn.primary{width:100%;min-height:52px;font-size:15px;justify-content:center}
.anchor-minor-actions{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:8px}
.anchor-minor-actions .btn.ghost{border:0;background:none;min-height:44px;padding:8px 12px;color:#2d674c;font-size:12px}
.anchor-minor-actions .btn.ghost:hover{background:#d7eadd}
.anchor-footnote{color:#738f7d;font-size:11px;line-height:1.6;margin:16px 4px 0}
.anchor-ready .anchor-live-label{background:#fff;color:#38734f;border-color:#cfe4d4}
.anchor-ready h2{font-size:23px;letter-spacing:-.04em;margin:24px 0 8px;color:#213b2b}
.anchor-ready p{font-size:13px;line-height:1.75;color:#5d7c69;max-width:530px;margin-bottom:24px}
.anchor-month{margin:32px 0}
.anchor-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.anchor-title-row h2{font-size:17px;color:#243b2c}
.anchor-title-row button{display:inline-flex;align-items:center;gap:2px;min-height:44px;color:#376f50;font-size:12px;font-weight:710}
.anchor-title-row button svg{width:15px;height:16px}
.anchor-month-hours{display:flex;align-items:end;gap:16px;border-top:1px solid #dce7de;border-bottom:1px solid #dce7de;padding:16px 0}
.anchor-month-hours>span{font-size:12px;color:#779082;align-self:start;min-width:90px}
.anchor-month-hours strong{font-size:31px;letter-spacing:-.06em;font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap}
.anchor-month-hours strong small{font-size:14px;letter-spacing:0;font-weight:630}
.anchor-month-hours em{margin-left:auto;font-style:normal;color:#93703b;font-size:11px;white-space:nowrap}
.anchor-record-summary{display:flex;align-items:end;justify-content:space-between;gap:12px;border-top:1px solid #dce7de;border-bottom:1px solid #dce7de;padding:16px 0;margin:0 0 24px}
.anchor-record-summary>div>span{display:block;color:#748d7b;font-size:12px;margin-bottom:8px}
.anchor-record-summary strong{font-size:37px;letter-spacing:-.06em;font-variant-numeric:tabular-nums;line-height:1}
.anchor-record-summary small{font-size:15px;letter-spacing:0;font-weight:640}
.anchor-month-picker{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}
.anchor-month-picker strong{font-size:17px}
.anchor-shell .month-input{background:#fff;border:1px solid #d7e6d9;color:#2d523b;min-height:44px;font-size:13px}
.anchor-shell .daily-calendar{background:#fff;border:1px solid #dce8dd;border-radius:18px;padding:16px;margin:0 0 32px}
.anchor-shell .daily-calendar-head{margin-bottom:16px}
.anchor-shell .daily-calendar-head h2{font-size:15px;color:#294333}
.anchor-shell .daily-calendar-head p,.anchor-shell .daily-calendar-head>strong{color:#738a78}
.anchor-shell .daily-weekdays{color:#879b8d}
.anchor-shell .daily-weekdays,.anchor-shell .daily-grid{gap:4px}
.anchor-shell .daily-cell{background:#fff;border:1px solid transparent;color:#5c7364;min-height:56px;border-radius:10px}
.anchor-shell .daily-cell:hover{background:#eef6ef;border-color:#d5e6d9}
.anchor-shell .daily-cell.selected{background:#255747;color:#fff;border-color:#255747;box-shadow:none}
.anchor-shell .daily-cell.today>span,.anchor-shell .daily-cell.has-hours strong{color:#3f7954}
.anchor-shell .daily-cell.selected>span,.anchor-shell .daily-cell.selected strong{color:#fff}
.anchor-shell .daily-cell i{color:#9a6d31}
.anchor-shell .daily-cell.selected i{color:#ffdfaa}
.anchor-shell .daily-detail{border-color:#dfe9e1}
.anchor-shell .daily-detail-head span,.anchor-shell .daily-detail-row small,.anchor-shell .daily-empty{color:#788d7e}
.anchor-shell .daily-detail-row{border-color:#e3ebe3}
.anchor-record-list{margin-bottom:24px}
.anchor-record-list .anchor-title-row span{color:#819386;font-size:12px}
.anchor-record-filter{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #e0e9e1;padding:12px 0}
.anchor-record-filter label{font-size:12px;color:#718476}
.anchor-record-filter select{width:auto;max-width:180px;background:#fff;border:1px solid #d8e6da;color:#315a41;border-radius:10px;min-height:44px;padding:8px 12px}
.anchor-record-row{border-top:1px solid #e0e8e1;padding:16px 0}
.anchor-record-row-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.anchor-record-row-head strong{font-size:14px}
.anchor-record-row>p{color:#819687;font-size:12px;margin-top:4px}
.anchor-record-numbers{display:flex;flex-wrap:wrap;gap:8px 20px;margin:16px 0;color:#667e6c;font-size:11px}
.anchor-record-numbers strong{font-size:12px;color:#2a4b36}
.anchor-record-actions{display:flex;justify-content:flex-end}
.anchor-record-actions .btn{min-height:40px}
.anchor-shell .empty{color:#829485}
.anchor-shell .empty h3{color:#315941}
.anchor-shell .empty .empty-icon{background:#e5f1e7;color:#3c7450}
.anchor-account-card{display:flex;align-items:center;gap:16px;background:#e8f3ea;border:1px solid #d8e7d9;border-radius:19px;padding:20px;margin:16px 0 32px}
.anchor-account-card .avatar{width:52px;height:52px;border-radius:16px;font-size:21px}
.anchor-account-card strong{font-size:17px}
.anchor-account-card p{font-size:12px;color:#6e8874;margin-top:4px}
.anchor-account-list{margin:24px 0}
.anchor-account-list h2{font-size:16px;margin-bottom:16px}
.anchor-account-list>div,.anchor-account-list>button{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e0e9e1;min-height:60px;width:100%;font-size:13px}
.anchor-account-list>div:last-child,.anchor-account-list>button:last-child{border-bottom:1px solid #e0e9e1}
.anchor-account-list>div span{color:#788d7d}
.anchor-account-list>div strong{color:#315841;font-weight:700;text-align:right;overflow-wrap:anywhere}
.anchor-account-list>button{text-align:left;justify-content:flex-start;color:#315841;font-weight:710}
.anchor-account-list>button svg:last-child{margin-left:auto;color:#829987;width:18px}
.anchor-account-note{background:#fff;border:1px solid #dce8dd;border-radius:15px;padding:16px;color:#69816f;font-size:12px;line-height:1.8}
.anchor-shell .mobile-nav{background:#fffffff0;border-color:#dce8dd}
.anchor-shell .mobile-nav button{color:#82978a}
.anchor-shell .mobile-nav button.selected{color:#245941;background:#e2f0e7}
dialog.anchor-dialog{color-scheme:light;background:#f8faf7;color:#1d3026;border:1px solid #dce8de;box-shadow:0 32px 90px #173a2733}
dialog.anchor-dialog::backdrop{background:#183a2b87}
dialog.anchor-dialog .dialog-head{border-color:#dce8de}
dialog.anchor-dialog .dialog-sub,dialog.anchor-dialog .field small{color:#788e7e}
dialog.anchor-dialog .field{color:#425e49}
dialog.anchor-dialog .field input,dialog.anchor-dialog .field select,dialog.anchor-dialog .field textarea{background:#fff;border-color:#d3e3d7;color:#1f3829}
dialog.anchor-dialog .field input:focus,dialog.anchor-dialog .field select:focus,dialog.anchor-dialog .field textarea:focus{border-color:#6c9e78;box-shadow:0 0 0 3px #a6d0ae4d}
dialog.anchor-dialog .btn.secondary{background:#fff;color:#315d44;border:1px solid #d6e4d9}
dialog.anchor-dialog .form-footer{border-color:#dce8de}
dialog.anchor-dialog .form-error{background:#fff1ed;color:#a13d34}
dialog.anchor-dialog .handoff-step{color:#356f4d}
dialog.anchor-dialog .handoff-step span{color:#8fa496}
dialog.anchor-dialog .handoff-time{background:#fff;border-color:#dce8dd}
dialog.anchor-dialog .handoff-delta{background:#e6f2e9;border-color:#cbe3d1}
dialog.anchor-dialog .handoff-delta small,dialog.anchor-dialog .handoff-help{color:#718b78}
dialog.anchor-dialog .handoff-delta strong{color:#245a3e}
dialog.anchor-dialog .handoff-delta strong.invalid{color:#a34938}
dialog.anchor-dialog .handoff-review{background:#fff;border-color:#dce8dd}
dialog.anchor-dialog .handoff-review>div{border-color:#e2ebe3}
dialog.anchor-dialog .handoff-review span{color:#758b7b}
dialog.anchor-dialog .handoff-review strong{color:#213b2b}
dialog.anchor-dialog .handoff-review small{color:#528366}
dialog.anchor-dialog .review-hint{color:#627f6a}
dialog.anchor-dialog .handoff-receipt-status{color:#2a7049}
dialog.anchor-dialog .handoff-receipt-status span{background:#f8edd6;color:#845e27}
dialog.anchor-dialog .confirm-zero{color:#385e44}
@media(max-width:760px){
  .anchor-shell .main{max-width:none;padding:20px 20px calc(100px + env(safe-area-inset-bottom))}
  .anchor-shell .topbar{padding-bottom:16px}
  .anchor-shell .mobile-brand{color:#213c2c}
  .anchor-shell .mobile-nav{padding:8px 12px calc(8px + env(safe-area-inset-bottom))}
  .anchor-shell .mobile-nav button{min-height:52px;font-size:10px}
  .anchor-shell .mobile-nav svg{width:20px;height:20px}
  .anchor-head{margin:28px 0 24px}
  .anchor-head h1{font-size:30px}
  .anchor-month-hours{flex-wrap:wrap;row-gap:8px}
  .anchor-month-hours>span{flex-basis:100%}
  .anchor-shell .daily-calendar{padding:12px}
  .anchor-shell .daily-cell{min-height:56px}
  dialog.anchor-dialog.handoff-dialog{background:#f7f9f6}
  dialog.anchor-dialog.handoff-dialog .dialog-head{background:#f7f9f6;border-color:#dce8de;padding:16px 20px}
  dialog.anchor-dialog.handoff-dialog .dialog-body{padding:20px 20px 120px}
  dialog.anchor-dialog.handoff-dialog .form-footer{background:linear-gradient(#f7f9f6e8,#f7f9f6 24%);border:0}
  dialog.anchor-dialog .handoff-money{grid-template-columns:1fr 1fr}
}
@media(max-width:390px){
  .anchor-shell .main{padding-inline:16px}
  .anchor-head h1{font-size:27px}
  .anchor-live-card,.anchor-ready{padding:16px}
  .anchor-live-duration strong{font-size:48px}
  .anchor-carry-grid{gap:8px}
  .anchor-carry-grid>div{padding:8px}
  .anchor-carry-grid strong{font-size:17px}
  .anchor-shell .daily-weekdays,.anchor-shell .daily-grid{gap:4px}
  .anchor-shell .daily-cell{padding:4px 4px}
  .anchor-shell .daily-cell strong{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.anchor-shell *,dialog.anchor-dialog *{transition:none!important;animation:none!important}}

/* Unslop round 3: one icon size and stroke across both workspaces. */
svg.ui-icon{width:18px!important;height:18px!important;display:inline-block;flex:none;vertical-align:middle}
.ops-room-foot button,.ops-panel-head button{display:inline-flex;align-items:center;gap:4px}
.ops-status.on,.ops-status.pending{display:inline-flex;align-items:center;gap:6px}
.ops-status.on::before,.ops-status.pending::before,.anchor-live-label::before,.live-badge::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}
.anchor-live-label{gap:6px}
.live-badge{display:inline-flex;align-items:center;gap:6px}