
:root{--bg:#f5f4ef;--card:#fff;--ink:#171717;--muted:#706b63;--line:#e4e0d7;--yellow:#f2c94c;--soft:#fff5c7;--green:#18864b;--red:#c43d35;--amber:#9a6500;--blue:#2f6fb2}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer}
.login{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#f4f2ec,#fff3ba)}.login-card{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:0 24px 70px #00000012}.login-card h1{margin:0 0 8px}.field{margin:12px 0}.field label{display:block;color:var(--muted);font-size:12px;margin-bottom:5px}input,select,textarea{width:100%;padding:10px 11px;border:1px solid var(--line);border-radius:10px;background:#fff}.btn{border:0;border-radius:10px;padding:10px 13px;background:#222;color:#fff;font-weight:750}.btn.primary{background:var(--yellow);color:#111}.btn.secondary{background:#fff;color:#222;border:1px solid var(--line)}.btn.sm{padding:7px 10px;font-size:12px}
.shell{display:grid;grid-template-columns:245px 1fr;min-height:100vh}.sidebar{background:#fff;border-right:1px solid var(--line);padding:18px 13px;position:sticky;top:0;height:100vh;overflow:auto}.brand{font-size:20px;font-weight:900;padding:7px 8px 20px}.brand small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.nav button{width:100%;text-align:left;border:0;background:transparent;padding:11px 12px;border-radius:10px;margin:2px 0}.nav button.active{background:var(--soft);font-weight:850}.side-foot{margin-top:18px;border:1px solid var(--line);border-radius:12px;padding:12px;background:#faf9f6;font-size:12px}.main{padding:24px 28px 50px;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.search{flex:1;max-width:620px}.user{display:flex;align-items:center;gap:9px;font-size:13px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#222;color:#fff;font-weight:900}
.head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:16px}.head h1{margin:0;font-size:29px}.head p{margin:4px 0;color:var(--muted)}.actions{display:flex;gap:8px;flex-wrap:wrap}
.kpis{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:12px;margin-bottom:15px}.card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:15px;box-shadow:0 8px 28px #201a1008}.kpi small{color:var(--muted)}.kpi b{display:block;font-size:24px;margin-top:5px}
.grid2{display:grid;grid-template-columns:1.3fr 1fr;gap:14px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.list{display:grid;gap:8px}.row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:0}.muted{color:var(--muted)}.badge{display:inline-block;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:800;background:#f1efe8}.badge.green{background:#e8f5ed;color:var(--green)}.badge.red{background:#fdebea;color:var(--red)}.badge.amber{background:#fff1d3;color:var(--amber)}.badge.blue{background:#eaf2fc;color:var(--blue)}
.table{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:14px}table{width:100%;border-collapse:collapse;min-width:800px}th,td{padding:11px 12px;border-bottom:1px solid var(--line);text-align:left;font-size:13px}th{font-size:11px;color:var(--muted);text-transform:uppercase;background:#fbfaf7}
.kanban{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(245px,1fr);gap:12px;overflow:auto;padding-bottom:12px}.col{background:#efede7;border:1px solid #e0ddd3;border-radius:14px;padding:10px;min-height:420px}.col-head{display:flex;justify-content:space-between;font-weight:850;padding:3px 3px 10px}.ticket{background:#fff;border:1px solid var(--line);border-radius:12px;padding:11px;margin-bottom:8px}.ticket b{display:block}.ticket small{color:var(--muted)}
.modal-bg{position:fixed;inset:0;background:#0007;display:grid;place-items:center;padding:20px;z-index:50}.modal{width:min(720px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:17px;padding:18px}.form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.full{grid-column:1/-1}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.error{background:#fdebea;color:#9b2721;padding:10px;border-radius:10px;font-size:12px}.notice{background:#edf5ff;color:#275f94;padding:10px;border-radius:10px;font-size:12px}.loading{padding:40px;text-align:center;color:var(--muted)}
@media(max-width:1100px){.kpis{grid-template-columns:repeat(3,1fr)}.grid3{grid-template-columns:1fr}.grid2{grid-template-columns:1fr}}
@media(max-width:760px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.main{padding:16px}.kpis{grid-template-columns:repeat(2,1fr)}.topbar,.head{flex-direction:column;align-items:stretch}.form{grid-template-columns:1fr}.full{grid-column:auto}}

.stage-note{font-size:11px;line-height:1.35;background:#fff6cc;border:1px solid #ead27a;border-radius:9px;padding:8px;margin:0 0 9px;color:#5b4a00}
.progress{height:8px;background:#ece9df;border-radius:999px;overflow:hidden;margin-top:12px}.progress span{display:block;height:100%;background:#222;border-radius:999px}
.onboarding-card{min-height:190px}.onboard-group{margin-top:16px;border-top:1px solid var(--line);padding-top:8px}.onboard-group h3{margin:4px 0 6px}
.checkrow{display:grid;grid-template-columns:1fr 140px;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.checktext b{display:block}.checktext small{display:block;color:var(--muted);margin-top:3px;line-height:1.35}.req{color:#b42318}
@media(max-width:640px){.checkrow{grid-template-columns:1fr}}

.project-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start;padding:12px 0;border-bottom:1px solid var(--line);cursor:pointer}.project-row:hover b{text-decoration:underline}.progress.slim{height:6px;margin-top:8px;max-width:260px}
.workflow-steps{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0}.workflow-steps span{font-size:11px;padding:6px 9px;border-radius:999px;background:#eee;color:#666}.workflow-steps span.current{background:#fff0ad;color:#4c3d00;font-weight:700}.workflow-steps span.done{background:#e7f3ea;color:#176b35}
.task-stage{margin-top:18px}.task-stage h3{margin-bottom:4px}

.project-progress-label{display:flex;justify-content:space-between;gap:12px;margin-top:12px;font-size:12px}
.workflow-numbered{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:16px 0 20px}.workflow-step{display:flex;align-items:center;gap:6px;padding:7px 9px;border-radius:10px;font-size:11px;border:1px solid #ddd}.step-num,.section-num{display:inline-flex;align-items:center;justify-content:center;width:21px;height:21px;border-radius:50%;font-weight:800;background:#e8e8e8}.step-arrow{color:#999}.stage-current{background:#fff2b8;border-color:#e0bd31;font-weight:700}.stage-current .step-num{background:#e4b900}.stage-complete{background:#e8f5ec;border-color:#b9ddc4;color:#176b35}.stage-complete .step-num{background:#cbe8d3}.stage-future{opacity:.48}
.task-stage{border-left:3px solid #d5b323;padding-left:12px}.task-stage.future-group{opacity:.55;border-left-color:#ddd}.task-stage h3{display:flex;align-items:center;gap:7px}.stage-ok{font-size:10px;background:#e8f5ec;color:#176b35;padding:4px 7px;border-radius:999px}.stage-now{font-size:10px;background:#fff2b8;color:#5b4700;padding:4px 7px;border-radius:999px}.task-number{display:inline-block;min-width:26px;color:#777}
.checkrow.task-done{background:#eef8f1;border-radius:8px;padding-left:8px;padding-right:8px}.checkrow.task-progress{background:#fff8dc;border-radius:8px;padding-left:8px;padding-right:8px}.checkrow.task-blocked{background:#fff0ee;border-radius:8px;padding-left:8px;padding-right:8px}.checkrow.task-pending{background:#f7f7f7;border-radius:8px;padding-left:8px;padding-right:8px}
select.task-done{background:#e3f4e8;border-color:#a8d5b5}select.task-progress{background:#fff3bf;border-color:#dfc257}select.task-blocked{background:#ffe3df;border-color:#e5a39a}select.task-pending{background:#f2f2f2}
@media(max-width:760px){.workflow-numbered{display:grid;grid-template-columns:1fr}.step-arrow{display:none}}

/* V12 desktop-first project workflow */
.modal-box:has(.project-modal-wide){width:min(1180px,92vw)!important;max-width:1180px!important;max-height:88vh!important}
.project-modal-wide{width:100%}
.overall-progress{margin:14px 0 18px}.overall-progress>div:first-child{display:flex;justify-content:space-between;font-size:12px;margin-bottom:7px}
.stepper{display:flex;align-items:flex-start;width:100%;margin:20px 0 26px;padding:0 8px}.step-wrap{width:105px;flex:0 0 105px;text-align:center}.step-circle{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:auto;font-weight:800;border:2px solid #d7d7d7;background:#f1f1f1;color:#777}.step-circle.active{background:#f4c928;border-color:#d8ad00;color:#2f2600}.step-circle.done{background:#dff2e5;border-color:#7fc292;color:#176b35}.step-label{font-size:11px;margin-top:7px;line-height:1.2;color:#888}.step-label.active{font-weight:800;color:#4c3d00}.step-label.done{font-weight:700;color:#176b35}.step-line{height:4px;background:#e4e4e4;flex:1;margin-top:15px;border-radius:999px;overflow:hidden}.step-line span{display:block;height:100%;width:0;background:#76b889}.step-line.filled span{width:100%}
.accordion-list{display:grid;gap:9px}.stage-accordion{border:1px solid #dedbd1;border-radius:12px;background:#fff;overflow:hidden}.stage-accordion summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:13px 16px}.stage-accordion summary::-webkit-details-marker{display:none}.stage-accordion summary>div{display:flex;align-items:center;gap:9px}.acc-num{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#ededed;font-weight:800;font-size:12px}.acc-meta{font-size:11px;color:#777}.current-stage{border-color:#dfbd34;box-shadow:0 0 0 2px rgba(223,189,52,.10)}.current-stage summary{background:#fff8d8}.current-stage .acc-num{background:#f4c928}.completed-stage summary{background:#eef8f1}.completed-stage .acc-num{background:#cde8d5;color:#176b35}.completed-stage .acc-meta{color:#176b35;font-weight:700}.future-stage summary{background:#fafafa}.accordion-body{padding:4px 14px 14px;display:grid;gap:8px}.task-card{display:grid;grid-template-columns:1fr 170px;gap:18px;align-items:center;padding:11px 13px;border-radius:9px;border:1px solid #e4e1d8}.task-copy b{display:block}.task-copy small{display:block;margin-top:4px;color:#777}.task-card.task-done{background:#eef8f1;border-color:#c6e2ce}.task-card.task-progress{background:#fff8d8;border-color:#ead27a}.task-card.task-blocked{background:#fff0ee;border-color:#efb7af}.task-card.task-pending{background:#f8f8f8}.next-stage-box{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding:12px 15px;border-radius:10px;background:#f6f4ed}.next-stage-box span{font-size:11px;color:#777}.next-stage-box b{font-size:13px}
@media(max-width:800px){.modal-box:has(.project-modal-wide){width:96vw!important}.stepper{overflow-x:auto}.step-line{min-width:35px}.task-card{grid-template-columns:1fr}.step-wrap{width:85px;flex-basis:85px}}

/* V13 polished desktop operations */
.modal-box:has(.v13-project){width:min(1240px,94vw)!important;max-width:1240px!important;max-height:92vh!important;padding:0!important;border-radius:18px!important;overflow:auto}
.v13-project{padding:26px 28px 22px;background:#fbfbfa;color:#171717}
.v13-head{display:grid;grid-template-columns:58px 1fr auto;gap:16px;align-items:center;margin-bottom:20px}.v13-service-icon{width:54px;height:54px;border-radius:15px;background:#171717;color:#f5c928;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:16px}.v13-title span{font-size:12px;color:#777}.v13-title h2{font-size:25px;margin:1px 0 2px}.v13-title small{color:#777}.v13-status{display:flex;align-items:center;gap:7px;background:#fff4c9;border:1px solid #ead16c;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700;color:#705500}.v13-status i{width:8px;height:8px;background:#e6b600;border-radius:50%}
.v13-overview{display:grid;grid-template-columns:280px 1fr;align-items:center;border:1px solid #e4e1d8;border-radius:14px;background:#fff;padding:18px 22px;margin-bottom:18px}.v13-progress-summary{display:flex;align-items:center;gap:16px;border-right:1px solid #e7e4dc;padding-right:20px}.v13-progress-summary>div:last-child{display:grid;gap:4px}.v13-progress-summary span{font-size:12px;color:#666}.v13-ring{--pct:0;width:76px;height:76px;border-radius:50%;background:conic-gradient(#e6b900 calc(var(--pct)*1%),#eee 0);display:grid;place-items:center}.v13-ring:before{content:"";position:absolute}.v13-ring>div{width:60px;height:60px;border-radius:50%;background:white;display:grid;place-items:center}.v13-ring b{font-size:20px}
.v13-stepper{display:flex;align-items:flex-start;justify-content:space-between;padding-left:28px}.v13-step{position:relative;flex:1;text-align:center;min-width:90px}.v13-node{position:relative;z-index:2;width:32px;height:32px;border-radius:50%;margin:auto;display:grid;place-items:center;background:#e6e7e9;color:#7a7e84;font-weight:800;border:2px solid #d4d6da}.v13-step>span{display:block;font-size:11px;margin-top:7px;line-height:1.2}.v13-step.active .v13-node{background:#f5c928;border-color:#d8ae00;color:#2d2500}.v13-step.active>span{font-weight:800}.v13-step.done .v13-node{background:#238c46;border-color:#238c46;color:#fff}.v13-step.done>span{color:#176b35;font-weight:700}.v13-connector{position:absolute;z-index:1;height:3px;background:#dfe1e5;top:15px;left:calc(50% + 16px);width:calc(100% - 32px)}.v13-connector.filled{background:#48a364}
.v13-work{display:grid;gap:9px}.v13-stage{background:#fff;border:1px solid #e2dfd7;border-radius:12px;overflow:hidden}.v13-stage summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:14px 17px}.v13-stage summary::-webkit-details-marker{display:none}.v13-stage-left{display:flex;align-items:center;gap:12px}.v13-stage-left>div{display:grid;gap:2px}.v13-stage-left small{font-size:11px;color:#777}.v13-stage-num{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#e8e9eb;font-weight:800;color:#555}.v13-stage.current{border-color:#e3bf31;box-shadow:0 0 0 2px rgba(227,191,49,.08)}.v13-stage.current summary{background:#fff9df}.v13-stage.current .v13-stage-num{background:#f5c928;color:#2d2500}.v13-stage.complete summary{background:#f0f8f2}.v13-stage.complete .v13-stage-num{background:#d6eddc;color:#176b35}.v13-stage.future summary{background:#fafafa}.v13-stage-right{display:flex;align-items:center;gap:12px}.v13-current-pill{font-size:10px;background:#fff0aa;color:#6c5300;padding:5px 8px;border-radius:999px;font-weight:700}.v13-chevron{font-size:18px;color:#666}
.v13-tasks{display:grid;gap:9px;padding:5px 16px 16px}.v13-task{display:grid;grid-template-columns:48px 1fr 165px;align-items:center;gap:12px;border:1px solid #e4e2dc;border-radius:11px;padding:12px 13px}.v13-task-num{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800;background:#eceef0;color:#5d6269}.v13-task-copy{display:grid;gap:4px}.v13-task-copy small{color:#666;line-height:1.35}.v13-task.done{background:#f1f9f3;border-color:#cce4d3}.v13-task.done .v13-task-num{background:#d8efdf;color:#176b35}.v13-task.progress{background:#fff9df;border-color:#ead47e}.v13-task.progress .v13-task-num{background:#ffedaa;color:#725700}.v13-task.blocked{background:#fff1ef;border-color:#efc0b9}.v13-task.blocked .v13-task-num{background:#ffdcd7;color:#9f2e21}.v13-task.pending{background:#fff}.v13-task select{width:100%;font-weight:700;font-size:11px}.v13-task select.done{background:#e4f4e8;color:#176b35;border-color:#b8ddc2}.v13-task select.progress{background:#fff0b8;color:#6c5300;border-color:#e3ca6e}.v13-task select.blocked{background:#ffe2de;color:#9f2e21;border-color:#eab2aa}
.v13-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:18px;padding:14px 16px;background:#f4f3ef;border-radius:12px}.v13-help{display:flex;align-items:center;gap:10px}.v13-help>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#171717;color:#f5c928;font-weight:900}.v13-help>div{display:grid}.v13-help small{color:#777}.v13-actions{display:flex;gap:8px}.v13-primary{min-width:180px}
@media(max-width:900px){.v13-overview{grid-template-columns:1fr}.v13-progress-summary{border-right:0;border-bottom:1px solid #e7e4dc;padding:0 0 14px;margin-bottom:14px}.v13-stepper{overflow-x:auto;padding-left:0}.v13-task{grid-template-columns:42px 1fr}.v13-task-control{grid-column:2}.v13-footer{align-items:flex-start;flex-direction:column}.v13-actions{width:100%;flex-wrap:wrap}}

/* VAAMOS OS V4.8 stable shell */
.v43-version{display:inline-block;margin-left:5px;color:#168c50!important;font-weight:900}
.nav button.v43-messages-nav{display:flex;align-items:center;justify-content:space-between;background:#eaf8ef;color:#0e6b3b;font-weight:850}
.nav button.v43-messages-nav.active{background:#168c50;color:#fff}
.v43-messages-nav em,.v43-top-messages em{font-style:normal;min-width:20px;height:20px;border-radius:999px;display:inline-grid;place-items:center;background:#fff;color:#0e6b3b;font-size:11px;font-weight:900;padding:0 6px}
.v43-top-messages{border:0;border-radius:12px;background:#168c50;color:#fff;font-weight:850;padding:10px 14px;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 8px 20px rgba(22,140,80,.18)}
.v43-users-nav{margin-top:8px!important;border-top:1px solid var(--line)!important;padding-top:14px!important}
@media(max-width:760px){.v43-top-messages{width:100%;justify-content:center}}


/* V4.8 — implementation-first mobile shell */
.v48-mobile-nav{display:none}
@media(max-width:760px){
  body{padding-bottom:64px;overflow-x:hidden}
  .shell{display:block;min-height:100dvh}
  .sidebar{display:none!important}
  .main{padding:12px 10px 82px;min-width:0;width:100%;overflow-x:hidden}
  .topbar{gap:8px;margin-bottom:12px}
  .topbar .search{max-width:none;width:100%}
  .topbar .user{display:none}
  .v43-top-messages{display:none}
  .v48-mobile-nav{position:fixed;z-index:70;left:0;right:0;bottom:0;height:64px;background:#fff;border-top:1px solid var(--line);display:flex;align-items:stretch;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom)}
  .v48-mobile-nav button{min-width:0;flex:1;border:0;background:#fff;color:#6f6a61;display:grid;place-content:center;gap:2px;font-size:18px;padding:5px 2px}
  .v48-mobile-nav button small{font-size:9px;white-space:nowrap}
  .v48-mobile-nav button.active{color:#168c50;font-weight:850;background:#f3fbf6}
  body.wa3-conversation-open{padding-bottom:0}
  body.wa3-conversation-open .v48-mobile-nav{display:none}
  .shell.view-comms .main{padding:0 0 64px}
  body.wa3-conversation-open .shell.view-comms .main{padding:0}
  .shell.view-comms .topbar{display:none}
  .shell.view-comms .main>.head{display:none}
  .modal-bg{padding:8px}
  .modal{max-height:94dvh;border-radius:14px}
}

/* VAAMOS OS V5.18 — Centro de notificaciones (base V5.12) */
.va510-notify-btn{position:relative;min-width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:#fff;color:#292722;display:inline-grid;place-items:center;cursor:pointer;font-size:18px;transition:.18s ease}
.va510-notify-btn:hover{background:#f7f6f1;transform:translateY(-1px)}
.va510-notify-btn.disabled{opacity:.58;filter:grayscale(.2)}
.va510-notify-btn em{position:absolute;right:-5px;top:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#c8342f;color:#fff;font-style:normal;font-size:10px;font-weight:900;display:grid;place-items:center;border:2px solid #fff}
.va510-pulse{animation:va510Pulse 1s ease-in-out 3}
@keyframes va510Pulse{0%,100%{box-shadow:0 0 0 0 rgba(215,170,0,0)}50%{box-shadow:0 0 0 7px rgba(215,170,0,.20)}}
.va510-toast-host{position:fixed;right:18px;top:18px;z-index:9999;display:grid;gap:10px;width:min(390px,calc(100vw - 28px));pointer-events:none}
.va510-toast{pointer-events:auto;width:100%;border:1px solid #dedbd1;border-radius:14px;background:#fff;box-shadow:0 18px 48px rgba(22,24,27,.18);padding:12px 13px;display:grid;grid-template-columns:34px 1fr 20px;gap:10px;text-align:left;align-items:start;cursor:pointer;opacity:0;transform:translateY(-10px) scale(.98);transition:.2s ease;color:#1b1b1b}
.va510-toast.show{opacity:1;transform:none}.va510-toast.leaving{opacity:0;transform:translateY(-8px) scale(.98)}
.va510-toast.message{border-left:4px solid #168c50}.va510-toast.priority{border-left:4px solid #d6a900}.va510-toast.appointment{border-left:4px solid #4267b2}
.va510-toast-icon{font-size:21px;line-height:1.2}.va510-toast b{display:block;font-size:13px;margin-bottom:3px}.va510-toast small{display:block;color:#67635b;font-size:11px;line-height:1.35}.va510-toast-x{color:#8a867e;font-size:18px;text-align:right}
.va510-notify-modal-bg{position:fixed;inset:0;background:rgba(20,20,18,.38);z-index:10000;display:grid;place-items:center;padding:16px}
.va510-notify-modal{width:min(560px,96vw);background:#fff;border-radius:18px;box-shadow:0 22px 70px rgba(0,0,0,.25);padding:20px;display:grid;gap:12px}
.va510-notify-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;border-bottom:1px solid #ece9e1;padding-bottom:14px}.va510-notify-head h3{margin:0 0 4px;font-size:20px}.va510-notify-head p{margin:0;color:#6b675f;font-size:12px}.va510-notify-head>button{border:0;background:#f0eee8;border-radius:50%;width:34px;height:34px;font-size:20px;cursor:pointer}
.va510-toggle{display:flex;justify-content:space-between;align-items:center;gap:18px;border:1px solid #e6e2d9;border-radius:13px;padding:12px 14px}.va510-toggle span{display:grid;gap:3px}.va510-toggle b{font-size:13px}.va510-toggle small{font-size:11px;color:#716d65}.va510-toggle input{width:19px;height:19px;accent-color:#168c50}
.va510-notify-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;padding-top:4px}.va510-notify-note{color:#777168;line-height:1.35}
@media(max-width:760px){.va510-notify-btn{flex:0 0 42px}.va510-toast-host{top:10px;right:10px;width:calc(100vw - 20px)}.va510-notify-modal{padding:16px}.va510-notify-actions{justify-content:stretch}.va510-notify-actions .btn{flex:1}}

/* V5.18 PWA + Push (base V5.12) */
.va512-pwa-box{margin:14px 0;padding:14px;border:1px solid #dbe2ef;border-radius:14px;background:#f8fafc}.va512-pwa-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.va512-pwa-title>div{display:flex;flex-direction:column;gap:2px}.va512-pwa-title small,.va512-pwa-note{color:#667085}.va512-pwa-box p{margin:8px 0 10px;color:#475467;font-size:13px}.va512-pwa-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.va512-pwa-dot{width:11px;height:11px;border-radius:50%;background:#98a2b3;box-shadow:0 0 0 4px rgba(152,162,179,.12)}.va512-pwa-dot.on{background:#16a34a;box-shadow:0 0 0 4px rgba(22,163,74,.13)}.va512-pwa-note{display:block;line-height:1.45;margin-top:6px}
@media(max-width:760px){.va512-pwa-actions .btn{width:100%}.va512-pwa-box{margin-bottom:10px}}


/* V5.18 — availability + urgent status in global header */
.va513-availability,.va513-urgent-top{border:1px solid var(--line,#e4e0d7);background:#fff;border-radius:11px;min-height:38px;padding:0 11px;display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:850;white-space:nowrap;cursor:pointer}.va513-availability #va513AvailabilityDot{color:#168c50;font-size:15px}.va513-availability.dnd{background:#fff4f1;border-color:#e8b2ab;color:#8f2f27}.va513-availability.dnd #va513AvailabilityDot{color:#d34d40}.va513-urgent-top{background:#a82e26;color:#fff;border-color:#a82e26;animation:va513UrgentPulse 1.5s ease-in-out infinite}.va513-urgent-top[hidden]{display:none!important}@keyframes va513UrgentPulse{0%,100%{box-shadow:0 0 0 0 #a82e2630}50%{box-shadow:0 0 0 7px #a82e2600}}
@media(max-width:980px){.va513-availability b{display:none}.va513-availability{width:38px;justify-content:center;padding:0}.va513-urgent-top span{display:none}.va513-urgent-top{width:38px;justify-content:center;padding:0}}
@media(max-width:760px){.va513-availability,.va513-urgent-top{display:none!important}}
