:root{--ink:#192a24;--ink-ch:25 42 36;--green:#1d5a46;--green-ch:29 90 70;--cream:#fffdf8;--cream-ch:255 253 248;--muted:#52625c;--amber:#b2692d;--amber-ch:178 105 45;--error:#9c3128;--radius-pill:999px;color:var(--ink);background:#f5f0e5;font-family:Georgia,Times New Roman,serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 12% 0%, rgb(var(--cream-ch) / 80%), transparent 28rem), linear-gradient(145deg, #f7f1e5 0%, #f2efe3 45%, #e8f0e5 100%);min-height:100vh;margin:0}h1{margin:0 0 .75rem;font-size:clamp(2.6rem,8vw,5rem);line-height:.95}p{line-height:1.55}button,.button-link{border-radius:var(--radius-pill);color:var(--cream);background:var(--green);font:inherit;cursor:pointer;border:0;padding:.85rem 1.15rem;font-weight:700;text-decoration:none;display:inline-block}.secondary-button,.secondary-link{color:var(--green);background:rgb(var(--green-ch) / 10%)}button:disabled{cursor:wait;opacity:.65}input,select{background:var(--cream);width:100%;font:inherit;border:1px solid #b4c2b8;border-radius:.65rem;padding:.8rem}.app-shell,.auth-shell{min-height:100vh;padding:clamp(2rem,8vw,7rem)}.auth-shell{place-items:center;display:grid}.auth-card{border:1px solid rgb(var(--green-ch) / 22%);background:rgb(var(--cream-ch) / 86%);width:min(100%,34rem);box-shadow:0 1.25rem 4rem rgb(var(--green-ch) / 15%);border-radius:1rem;padding:clamp(1.5rem,6vw,3rem)}.eyebrow{color:var(--amber);letter-spacing:.12em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;font-weight:700}.auth-form{gap:1rem;margin-top:1.5rem;display:grid}.auth-form label{gap:.4rem;font-weight:700;display:grid}.form-error{color:var(--error);font-weight:700}.form-hint{color:var(--muted);font-size:.9rem}.password-checklist{border-left:.2rem solid rgb(var(--green-ch) / 24%);padding-left:.85rem}.password-checklist p{color:var(--muted);margin:0 0 .5rem;font-size:.9rem;font-weight:700}.password-checklist ul{color:#7f4c40;gap:.3rem;margin:0;padding:0;font-size:.84rem;list-style:none;display:grid}.password-checklist li{gap:.5rem;display:flex}.password-checklist .requirement-details{margin-left:1rem;display:block}.password-checklist .requirement-details ul{border-left:1px solid rgb(var(--green-ch) / 24%);padding-left:.75rem}.password-checklist span{width:1.5rem;color:var(--error);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;font-weight:700}.password-checklist .requirement-met,.password-checklist .requirement-met span{color:var(--green)}.settings-grid{gap:1rem;margin-top:1.5rem;display:grid}.panel{border:1px solid rgb(var(--green-ch) / 18%);background:rgb(var(--cream-ch) / 72%);border-radius:.8rem;padding:1rem}.panel h2{margin-top:0}.simple-list{gap:.65rem;padding:0;list-style:none;display:grid}.simple-list li{border-bottom:1px solid rgb(var(--green-ch) / 14%);justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.65rem;display:flex}.detail-list{gap:.65rem;padding:0;list-style:none;display:grid}.detail-list li{border-bottom:1px solid rgb(var(--green-ch) / 14%);justify-content:space-between;gap:1rem;padding-bottom:.65rem;display:flex}.role-chip-row{flex-wrap:wrap;gap:.35rem;margin-top:.45rem;display:flex}.role-chip{border-radius:var(--radius-pill);color:var(--green);background:rgb(var(--green-ch) / 10%);padding:.18rem .5rem;font-size:.8rem;font-weight:700}.compact-field{gap:.3rem;max-width:22rem;margin:1rem 0;font-weight:700;display:grid}.checkbox-fieldset{border:1px solid rgb(var(--green-ch) / 18%);border-radius:.8rem;gap:.45rem;padding:.85rem;display:grid}.checkbox-fieldset label{align-items:center;gap:.5rem;display:flex}.checkbox-fieldset input{width:auto}.compact-form{gap:.75rem;max-width:32rem;margin-top:1rem;display:grid}.audit-filter-form{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));align-items:end;gap:.75rem;display:grid}.table-scroll{overflow-x:auto}.audit-table{border-collapse:collapse;width:100%;font-size:.9rem}.audit-table th,.audit-table td{border-bottom:1px solid rgb(var(--green-ch) / 14%);text-align:left;vertical-align:top;padding:.65rem}.audit-table code{white-space:pre-wrap;overflow-wrap:anywhere}.link-row{flex-wrap:wrap;gap:1rem;margin:1rem 0;display:flex}.notice{border-left:.25rem solid var(--amber);background:rgb(var(--amber-ch) / 10%);overflow-wrap:anywhere;padding:.75rem}.setup-panel,.temporary-password-panel{border:1px solid rgb(var(--green-ch) / 22%);background:rgb(var(--cream-ch) / 86%);box-shadow:0 1rem 3rem rgb(var(--green-ch) / 10%);border-radius:1rem;gap:1rem;padding:clamp(1rem,4vw,1.5rem);display:grid}.setup-panel h2,.temporary-password-panel h2{margin:0}.setup-progress{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.75rem;padding:0;list-style:none;display:grid}.setup-progress li{color:#7f4c40;background:#9c31280d;border:1px solid #9c312838;border-radius:.8rem;gap:.25rem;padding:.8rem;display:grid}.setup-progress span{color:var(--error);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700}.setup-progress .setup-complete{border-color:rgb(var(--green-ch) / 24%);color:var(--green);background:rgb(var(--green-ch) / 8%)}.setup-progress .setup-complete span{color:var(--green)}.setup-actions{flex-wrap:wrap;gap:.75rem;display:flex}.disabled-action{border-radius:var(--radius-pill);color:var(--muted);background:#52625c1c;padding:.85rem 1.15rem;font-weight:700}.temporary-password-panel{border-color:rgb(var(--amber-ch) / 35%);background:radial-gradient(circle at top right, #eeb35733, transparent 18rem), rgb(var(--cream-ch) / 91%)}.temporary-password-panel code{border:1px dashed rgb(var(--amber-ch) / 55%);background:rgb(var(--amber-ch) / 8%);color:var(--ink);overflow-wrap:anywhere;border-radius:.8rem;padding:1rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1rem;display:block}.sensitive-action-dialog{z-index:1000;background:rgb(var(--ink-ch) / 48%);-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.sensitive-action-dialog__panel{border:1px solid rgb(var(--green-ch) / 24%);background:var(--cream);width:min(100%,28rem);box-shadow:0 1.5rem 5rem rgb(var(--ink-ch) / 28%);border-radius:1rem;gap:1rem;padding:1.25rem;display:grid}.sensitive-action-dialog__panel h2,.sensitive-action-dialog__panel p{margin:0}.sensitive-action-dialog__panel label{gap:.4rem;font-weight:700;display:grid}.sensitive-action-dialog__actions{flex-wrap:wrap;justify-content:flex-end;gap:.65rem;display:flex}.canvassing-shell h1{overflow-wrap:anywhere}.canvassing-grid{gap:1rem;margin-top:1.5rem;display:grid}.canvassing-status-card,.canvassing-control-card,.canvassing-import-card,.canvassing-segments-card,.canvassing-volunteer-card{min-width:0}.canvassing-scope-details{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.75rem;margin:1rem 0 0;display:grid}.canvassing-scope-details div{border:1px solid rgb(var(--green-ch) / 16%);background:rgb(var(--green-ch) / 6%);border-radius:.8rem;padding:.8rem}.canvassing-scope-details dt{color:var(--muted);font-size:.82rem;font-weight:700}.canvassing-scope-details dd{overflow-wrap:anywhere;margin:.2rem 0 0;font-weight:700}.canvassing-import-timing{grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:.75rem;margin:.75rem 0 1rem;display:grid}.canvassing-import-timing div{background:#b96b341a;border-left:.24rem solid #b96b34;border-radius:.7rem;padding:.75rem .85rem}.canvassing-import-timing dt{color:#6f5d42;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:800}.canvassing-import-timing dd{margin:.2rem 0 0;font-weight:800}.canvassing-import-scan-status{grid-template-columns:minmax(0,2fr) minmax(7rem,1fr) minmax(7rem,1fr);gap:.75rem;margin:.75rem 0 1rem;display:grid}.canvassing-import-scan-status div{border:1px solid rgb(var(--green-ch) / 14%);background:rgb(var(--green-ch) / 4%);border-radius:.75rem;min-height:4.5rem;padding:.75rem .85rem}.canvassing-import-scan-status dt{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:800}.canvassing-import-scan-status dd{overflow-wrap:anywhere;margin:.35rem 0 0;font-weight:700}.segment-list-controls{flex-wrap:wrap;align-items:flex-end;gap:.75rem;margin-top:1.25rem;display:flex}.segment-sort-field{margin:0}.segment-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-top:1rem;display:flex}.segment-pagination__info{color:var(--muted);font-size:.9rem}.segment-card-grid{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.75rem;margin-top:1rem;display:grid}.segment-preset-grid{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.65rem;display:grid}.segment-preset{text-align:left;border-radius:.85rem;gap:.2rem;padding:.8rem;display:grid}.segment-preset span,.segment-preset strong,.segment-preset small{display:block}.segment-preset small{color:var(--muted);line-height:1.35}.segment-review-signals{background:#b96b3414;border-left:.24rem solid #b96b34;border-radius:.7rem;padding:.75rem .85rem}.segment-review-signals ul{gap:.35rem;margin:0;padding-left:1.1rem;display:grid}.segment-summary-card{border:1px solid rgb(var(--green-ch) / 16%);background:rgb(var(--cream-ch) / 78%);border-radius:.9rem;padding:.9rem}.segment-summary-card h3{margin:0 0 .35rem;font-size:1.05rem}.segment-summary-card p{margin:.2rem 0 0}.segment-summary-card__meta{color:var(--muted);font-size:.9rem}.assignment-packet-list{gap:.65rem;margin-top:1rem;display:grid}.assignment-packet-list h4{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0;font-size:.8rem;font-weight:600}.assignment-packet-card{border:1px solid rgb(var(--green-ch) / 14%);background:rgb(var(--green-ch) / 5%);border-radius:.8rem;gap:.25rem;padding:.75rem;display:grid}.assignment-packet-card span{color:var(--muted);font-size:.88rem}.assignment-create-row{gap:.5rem;display:grid}.assignment-create-row select,.assignment-create-row button{width:100%}.assignment-status-actions{flex-wrap:wrap;gap:.45rem;margin-top:.45rem;display:flex}.assignment-status-actions .secondary-button{padding:.45rem .7rem;font-size:.85rem}.assignment-empty{color:var(--muted);margin:0}.assignment-volunteer-grid{gap:.75rem;margin-top:1rem;display:grid}.assignment-packet-progress{gap:.3rem;margin-top:.15rem;display:grid}.assignment-packet-progress__label{color:var(--muted);font-size:.82rem}.canvassing-area-type-grid,.canvassing-actions{flex-wrap:wrap;gap:.65rem;display:flex}.active-toggle{outline:.18rem solid rgb(var(--green-ch) / 28%);background:rgb(var(--green-ch) / 18%)}.area-results{gap:.55rem;margin:1rem 0;display:grid}.area-result{border:1px solid rgb(var(--green-ch) / 18%);width:100%;color:var(--ink);background:rgb(var(--cream-ch) / 82%);text-align:left;border-radius:.8rem;gap:.2rem;padding:.85rem;display:grid}.area-result span{color:var(--muted);font-size:.86rem}.selected-area{border-color:rgb(var(--green-ch) / 50%);background:rgb(var(--green-ch) / 10%)}@media (max-width:640px){.app-shell,.auth-shell{padding:1rem}.simple-list li,.detail-list li{flex-direction:column;align-items:stretch}.link-row,.canvassing-area-type-grid,.canvassing-import-scan-status,.canvassing-actions,.assignment-status-actions{flex-direction:column;align-items:stretch;gap:.5rem}.assignment-create-row{grid-template-columns:1fr}.canvassing-import-scan-status{grid-template-columns:1fr;display:grid}button,.button-link,.disabled-action{text-align:center;width:100%}}.app-navigation-shell{z-index:20;position:relative}.app-menu-toggle{z-index:60;border:1px solid rgb(var(--green-ch) / 20%);border-radius:var(--radius-pill);width:2.75rem;height:2.75rem;color:var(--green);background:rgb(var(--cream-ch) / 92%);box-shadow:0 .75rem 2rem rgb(var(--ink-ch) / 18%);-webkit-backdrop-filter:blur(.35rem);backdrop-filter:blur(.35rem);place-items:center;padding:0;font-size:1.35rem;line-height:1;display:grid;position:fixed;top:.85rem;left:.85rem}.app-menu-icon,.app-menu-icon:before,.app-menu-icon:after,.app-menu-icon span{border-radius:var(--radius-pill);background:currentColor;width:1.1rem;height:.16rem;transition:transform .16s,opacity .12s;display:block}.app-menu-icon{background:0 0;width:1.1rem;height:.86rem;position:relative}.app-menu-icon:before,.app-menu-icon:after,.app-menu-icon span{transform-origin:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.app-menu-icon:before,.app-menu-icon:after{content:""}.app-menu-icon:before{transform:translate(-50%,calc(-50% - .36rem))}.app-menu-icon:after{transform:translate(-50%,calc(.36rem - 50%))}.app-menu-toggle.is-open .app-menu-icon span{opacity:0}.app-menu-toggle.is-open .app-menu-icon:before{transform:translate(-50%,-50%)rotate(45deg)}.app-menu-toggle.is-open .app-menu-icon:after{transform:translate(-50%,-50%)rotate(-45deg)}.app-sidebar-scrim{z-index:30;background:rgb(var(--ink-ch) / 42%);border-radius:0;width:auto;position:fixed;inset:0}.app-sidebar{z-index:40;border-right:1px solid rgb(var(--green-ch) / 22%);background:radial-gradient(circle at top left, #eeb35740, transparent 20rem), var(--cream);width:min(88vw,22rem);max-width:100%;box-shadow:1rem 0 3rem rgb(var(--ink-ch) / 20%);flex-direction:column;gap:1.25rem;padding:4.5rem 1rem 1rem;transition:transform .18s;display:flex;position:fixed;inset:0 auto 0 0;transform:translate(-105%)}.app-navigation-shell.is-open .app-sidebar{transform:translate(0)}.app-sidebar-header{border-bottom:1px solid rgb(var(--green-ch) / 16%);justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:1rem;display:flex}.app-sidebar-header p{margin:0 0 .25rem}.app-sidebar-nav{gap:1.25rem;padding-bottom:2rem;display:grid;overflow-y:auto}.app-sidebar-nav h2{color:var(--amber);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .55rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem}.app-sidebar-links{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.app-sidebar-links a,.workspace-nav-group summary{color:var(--green);border-radius:.85rem;padding:.75rem .85rem;font-weight:700;text-decoration:none;display:block}.app-sidebar-links a{background:rgb(var(--green-ch) / 8%)}.app-sidebar-links a:hover,.workspace-nav-group summary:hover{background:rgb(var(--green-ch) / 14%)}.app-sidebar-links a[aria-current=page]{color:var(--cream);background:var(--green)}.workspace-nav-list{gap:.45rem;display:grid}.workspace-nav-group{border:1px solid rgb(var(--green-ch) / 14%);background:rgb(var(--green-ch) / 5%);border-radius:1rem}.workspace-nav-group summary{cursor:pointer}.workspace-nav-group summary[aria-current=location]{color:var(--ink);background:rgb(var(--amber-ch) / 14%)}.workspace-nav-group .app-sidebar-links{padding:0 .55rem .65rem}.nav-sub-item a{opacity:.85;padding-left:1.75rem;font-size:.9rem;font-weight:600}.nav-sub-item a[aria-current=page]{opacity:1}.app-sidebar-empty{color:var(--muted);margin:0}@media (min-width:900px){.app-shell:has(.app-navigation-shell){padding-left:calc(17rem + clamp(2rem,8vw,7rem))}.app-menu-toggle,.app-sidebar-scrim{display:none}.app-sidebar{width:17rem;box-shadow:none;padding:clamp(2rem,5vw,3rem) 1rem;transform:none}}.segment-group-grid{grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:.5rem;margin-bottom:.25rem;display:grid}.segment-group-card{border:1.5px solid rgb(var(--green-ch) / 18%);background:rgb(var(--cream-ch) / 80%);text-align:left;cursor:pointer;border-radius:.9rem;gap:.2rem;padding:.75rem .85rem;transition:background .1s,border-color .1s;display:grid}.segment-group-card:hover{background:rgb(var(--green-ch) / 6%);border-color:rgb(var(--green-ch) / 30%)}.segment-group-card:active{background:rgb(var(--green-ch) / 12%)}.segment-group-card__prefix{color:var(--green);font-size:1.1rem;font-weight:700}.segment-group-card__stats{color:var(--muted);font-size:.78rem}.segment-group-card__assigned{color:#2d3a35;font-size:.78rem;font-weight:600}.segment-show-all-btn{width:100%;margin-top:.25rem}.segment-prefix-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.25rem;display:flex}.packet-shell{max-width:36rem}.packet-detail{gap:.75rem;width:100%;display:grid}.packet-progress-bar-wrap{border-radius:var(--radius-pill);background:rgb(var(--green-ch) / 12%);height:.45rem;overflow:hidden}.packet-progress-bar-fill{border-radius:var(--radius-pill);background:var(--green);height:100%;transition:width .3s}.packet-progress-label{color:var(--muted);margin:0;font-size:.88rem}.addr-list{flex-direction:column;gap:.4rem;width:100%;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.addr-card{border:1px solid rgb(var(--green-ch) / 14%);background:var(--cream);border-radius:.8rem;width:100%;overflow:hidden}.addr-card--visited{background:rgb(var(--green-ch) / 4%);border-color:rgb(var(--green-ch) / 20%)}.addr-card__header{all:unset;box-sizing:border-box;cursor:pointer;text-align:left;justify-content:space-between;align-items:center;gap:.75rem;width:100%;padding:.75rem .9rem;display:flex}.addr-card__header:active{background:rgb(var(--green-ch) / 6%)}.addr-card__identity{flex:1;min-width:0}.addr-card__street{color:#1a2420;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:600;display:block;overflow:hidden}.addr-card__postcode{color:var(--muted);font-size:.78rem;display:block}.addr-card__cta{color:var(--muted);flex-shrink:0;font-size:.82rem}.addr-card__body{border-top:1px solid rgb(var(--green-ch) / 10%);gap:.75rem;margin-top:0;padding:.75rem .9rem .9rem;display:grid}.addr-card__actions{flex-wrap:wrap;gap:.6rem;display:flex}.addr-card__actions button{flex:1}.outcome-chip{border-radius:var(--radius-pill);flex-shrink:0;padding:.2rem .65rem;font-size:.78rem;font-weight:600;display:inline-block}.outcome-chip--answered{background:rgb(var(--green-ch) / 15%);color:var(--green)}.outcome-chip--not-home{color:#475569;background:#64748b24}.outcome-chip--inaccessible{color:#92400e;background:#a162071f}.outcome-chip--declined{color:#991b1b;background:#b91c1c1a}.outcome-chip--other{color:#6d28d9;background:#6d28d91a}.visit-history{gap:.4rem;display:grid}.visit-history__label{color:#7a8f86;text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:.78rem;font-weight:600}.visit-history-row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.visit-history-meta{color:#7a8f86;font-size:.82rem}.visit-history-notes{color:var(--muted);width:100%;font-size:.85rem}.packet-members-list{gap:.3rem;display:grid}.packet-member-row{color:#1a2420;justify-content:space-between;align-items:center;gap:.5rem;font-size:.88rem;display:flex}.packet-member-remove{all:unset;cursor:pointer;color:#7a8f86;padding:0 .2rem;font-size:1rem;line-height:1}.packet-member-remove:hover{color:#c0392b}.visit-outcome-grid{grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:.5rem;display:grid}.visit-outcome-btn{color:#2d3a35;cursor:pointer;text-align:center;background:#fff;border:2px solid #c5cfc9;border-radius:.7rem;padding:.75rem .5rem;font-size:.92rem;font-weight:500;transition:background .1s,border-color .1s,color .1s}.visit-outcome-btn:active{background:rgb(var(--green-ch) / 8%);border-color:var(--green)}.visit-outcome-btn--selected{border-color:var(--green);background:rgb(var(--green-ch) / 12%);color:var(--green);border-width:2.5px;font-weight:700}.visit-notes-field{max-width:none;margin:0}.visit-notes-field textarea{resize:vertical;min-height:4rem}.packet-open-link{color:var(--green);margin-top:.35rem;font-size:.88rem;font-weight:600;text-decoration:none;display:inline-block}.packet-open-link:hover{text-decoration:underline}.packets-panel{gap:1rem;width:100%;display:grid}.packets-panel__toolbar{align-items:center;gap:.75rem;display:flex}.packets-search-input{color:#1a2420;background:#fff;border:1px solid #c5cfc9;border-radius:.6rem;flex:1;padding:.55rem .75rem;font-size:.95rem}.packets-search-input:focus{outline:2px solid var(--green);outline-offset:1px;border-color:#0000}.packets-panel__count{color:#7a8f86;white-space:nowrap;font-size:.85rem}.packets-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.packet-list-card{background:#fafcfb;border:1px solid #d4ddd8;border-radius:.75rem;grid-template-columns:1fr auto auto;align-items:center;gap:.5rem 1rem;padding:.8rem 1rem;display:grid}.packet-list-card__main{gap:.15rem;min-width:0;display:grid}.packet-list-card__name{color:#1a2420;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:600;overflow:hidden}.packet-list-card__area{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.packet-list-card__assignee{color:#7a8f86;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.packet-list-card__meta{flex-direction:column;align-items:flex-end;gap:.2rem;display:flex}.packet-list-card__progress{color:#7a8f86;white-space:nowrap;font-size:.78rem}.packet-status-chip{border-radius:99px;padding:.15rem .5rem;font-size:.72rem;font-weight:600;display:inline-block}.packet-status-chip--active{color:#065f46;background:#d1fae5}.packet-status-chip--paused{color:#92400e;background:#fef3c7}.packet-status-chip--completed{color:#374151;background:#e5e7eb}@media (max-width:30rem){.packet-list-card{grid-template-columns:1fr}.packet-list-card__meta{align-items:flex-start}}.packet-detail__toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;display:flex}.packet-view-toggle{border:1px solid rgb(var(--green-ch) / 22%);border-radius:var(--radius-pill);display:flex;overflow:hidden}.packet-view-toggle__btn{color:var(--green);background:0 0;border:0;border-radius:0;width:auto;padding:.4rem 1rem;font-size:.88rem;font-weight:600}.packet-view-toggle__btn--active{background:var(--green);color:var(--cream)}.packet-map-shell{z-index:100;border-radius:0;position:fixed;inset:0;overflow:hidden}body[data-map-view] .packet-detail__toolbar{z-index:101;background:rgb(var(--cream-ch) / 95%);-webkit-backdrop-filter:blur(6px);border-bottom:1px solid rgb(var(--green-ch) / 12%);padding:.65rem 1rem;position:fixed;top:0;left:0;right:0}body[data-map-view] .packet-map-canvas{padding-top:3.5rem}@media (min-width:900px){body[data-map-view] .packet-map-shell,body[data-map-view] .packet-detail__toolbar{left:17rem}}.packet-map-shell--loading{background:rgb(var(--green-ch) / 6%);color:var(--muted);place-items:center;font-size:.9rem;display:grid}.packet-map-canvas{width:100%;height:100%}.packet-map-gps-notice{border-radius:var(--radius-pill);background:rgb(var(--ink-ch) / 72%);color:var(--cream);white-space:nowrap;z-index:10;margin:0;padding:.4rem .85rem;font-size:.78rem;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.map-locate-btn{z-index:10;background:var(--cream);width:2.5rem;height:2.5rem;box-shadow:0 2px 8px rgb(var(--ink-ch) / 20%);color:var(--muted);cursor:pointer;border:0;border-radius:50%;place-items:center;width:auto;padding:0;font-size:1.3rem;line-height:1;display:grid;position:absolute;top:4.5rem;right:.75rem}.map-locate-btn--active{color:#1d7ff5}.map-locate-btn--denied{color:var(--error)}.packet-map-sheet{border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--cream);box-shadow:0 -4px 24px rgb(var(--ink-ch) / 18%);z-index:10;gap:.75rem;max-height:72%;padding:1rem;display:grid;position:absolute;bottom:0;left:0;right:0;overflow-y:auto}.packet-map-sheet__header{gap:.15rem;padding-right:2rem;display:grid;position:relative}.packet-map-sheet__close{all:unset;cursor:pointer;color:var(--muted);padding:.15rem .25rem;font-size:1rem;line-height:1;position:absolute;top:0;right:0}.packet-map-sheet__close:hover{color:var(--ink)}.map-gps-dot{background:#1d7ff5;border:2.5px solid #fff;border-radius:50%;width:16px;height:16px;animation:2s infinite gps-pulse;box-shadow:0 0 #1d7ff580}@keyframes gps-pulse{0%{box-shadow:0 0 #1d7ff580}70%{box-shadow:0 0 0 10px #1d7ff500}to{box-shadow:0 0 #1d7ff500}}.segments-map-shell{border-radius:var(--radius-md);width:100%;height:60dvh;min-height:22rem;margin-top:.75rem;position:relative;overflow:hidden}.segments-map-shell--loading{background:rgb(var(--green-ch) / 6%);color:var(--muted);place-items:center;font-size:.9rem;display:grid}.segments-map-canvas{width:100%;height:100%}.segments-map-popup{border-radius:var(--radius-md);background:var(--cream);box-shadow:0 4px 16px rgb(var(--ink-ch) / 18%);z-index:10;gap:.35rem;min-width:10rem;padding:.75rem 2rem .75rem .85rem;display:grid;position:absolute;top:.75rem;right:.75rem}.segments-map-popup__name{font-size:.95rem}.segments-map-legend{z-index:10;flex-wrap:wrap;gap:.35rem;display:flex;position:absolute;bottom:.75rem;left:.75rem}.segments-map-legend__item{border-radius:var(--radius-pill);color:#fff;opacity:.9;padding:.2rem .6rem;font-size:.75rem;font-weight:600}.segments-map-legend__item--unassigned{background:#9ca3af}.segments-map-legend__item--active{background:#1d5a46}.segments-map-legend__item--paused{background:#b45309}.segments-map-legend__item--completed{background:#374151}