:root{--teal:#0D9E8A;--teal-dark:#085041;--orange:#F97316;--text:#1F2937;--muted:#6B7280;--line:#E5E7EB;--soft:#E1F5EE;--bg:#F8FAFC;--danger:#EF4444;--white:#fff;--shadow:0 12px 35px rgba(15,23,42,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at top right,#eefbf8 0,transparent 30%),var(--bg);color:var(--text)}a{text-decoration:none;color:var(--teal-dark)}button,input,select,textarea{font:inherit}img{max-width:100%}h1,h2,h3{letter-spacing:-.02em}#page-loader{position:fixed;inset:0;pointer-events:none;z-index:999999;opacity:0;transition:.2s;background:rgba(248,250,252,.25)}#page-loader.show{opacity:1}#page-loader span{display:block;height:3px;background:linear-gradient(90deg,var(--teal),var(--orange));animation:load 1s ease-in-out infinite;transform-origin:left}@keyframes load{0%{transform:scaleX(.05)}50%{transform:scaleX(.7)}100%{transform:scaleX(1)}}.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:235px;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);border-right:1px solid var(--line);padding:20px 14px;z-index:500}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;padding:0 8px 24px}.brand img{width:42px;height:42px;object-fit:contain}.sidebar nav{display:grid;gap:6px}.sidebar nav a{display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:11px;color:#334155;transition:.2s}.sidebar nav a:hover{background:#f0fdfa;transform:translateX(2px)}.sidebar nav a.active{background:linear-gradient(135deg,var(--teal),#0a8c79);color:#fff;box-shadow:0 8px 20px rgba(13,158,138,.18)}.main{margin-left:235px;width:calc(100% - 235px)}.topbar{height:72px;background:rgba(255,255,255,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(229,231,235,.8);position:sticky;top:0;z-index:400;display:flex;align-items:center;justify-content:space-between;padding:0 28px}.top-actions{display:flex;align-items:center;gap:12px}.icon-btn{width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:#fff;display:inline-grid;place-items:center;cursor:pointer;position:relative}.notification-btn b{position:absolute;right:-4px;top:-4px;background:var(--danger);color:#fff;border-radius:999px;min-width:18px;height:18px;font-size:10px;display:grid;place-items:center}.profile-menu{position:relative}.profile-toggle{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:6px 10px 6px 7px;cursor:pointer;min-width:210px}.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--teal),var(--teal-dark));display:grid;place-items:center;color:#fff;font-weight:800}.profile-copy{text-align:left;display:grid;flex:1}.profile-copy small{color:var(--muted)}.profile-dropdown{position:absolute;right:0;top:54px;width:220px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:8px;display:none;z-index:5000}.profile-dropdown.show{display:grid;animation:pop .18s ease}.profile-dropdown a{padding:10px 11px;border-radius:9px}.profile-dropdown a:hover{background:#f8fafc}.pill{background:var(--danger);color:#fff;border-radius:999px;padding:2px 7px;font-size:11px}.content{padding:28px;max-width:1500px;margin:auto;animation:fadeUp .28s ease}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}.page-head h1{margin:3px 0 0;font-size:27px}.head-actions,.actions{display:flex;gap:10px;flex-wrap:wrap}.muted{color:var(--muted)}.card{background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 3px 14px rgba(15,23,42,.03)}.grid{display:grid;gap:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.compact{gap:12px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:17px;box-shadow:0 4px 16px rgba(15,23,42,.04);transition:.22s}.metric-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.metric-card small{color:var(--muted);display:block}.metric-card strong{font-size:30px;color:var(--teal-dark);display:block;margin-top:5px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.section-title h3{margin:0}.btn{border:0;border-radius:11px;padding:11px 16px;font-weight:700;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;gap:8px;transition:.18s}.btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,var(--teal),#078674);color:#fff;box-shadow:0 8px 20px rgba(13,158,138,.17)}.btn.orange{background:var(--orange);color:#fff}.btn.light{background:#fff;border:1px solid var(--line);color:var(--text)}.btn.danger{background:#fff1f2;color:#b91c1c;border:1px solid #fecdd3}.btn.wide{width:100%;margin-top:12px}.btn:disabled{opacity:.42;cursor:not-allowed;transform:none}label{display:block;font-size:13px;font-weight:650;color:#374151;margin-bottom:13px}input,select,textarea{width:100%;border:1px solid #d7dce3;border-radius:11px;padding:11px 12px;margin-top:6px;background:#fff;outline:none;transition:.18s}input:focus,select:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 4px rgba(13,158,138,.09)}textarea{min-height:110px;resize:vertical}.password-wrap{position:relative}.password-wrap button{position:absolute;right:8px;top:12px;border:0;background:transparent;cursor:pointer}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(320px,45%) 1fr;background:#fff}.auth-brand{position:relative;overflow:hidden;background:linear-gradient(155deg,#edfffb 0%,#f7fffd 65%,#fff 100%);padding:55px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border-right:1px solid var(--line)}.auth-brand:after{content:"";position:absolute;width:330px;height:330px;border-radius:50%;background:rgba(13,158,138,.08);bottom:-140px;left:-100px}.auth-brand img{width:150px;height:150px;object-fit:contain;filter:drop-shadow(0 14px 20px rgba(8,80,65,.12))}.auth-brand h1{font-size:36px;color:var(--teal-dark);margin:15px 0 4px}.auth-brand p{max-width:360px;line-height:1.6}.auth-points{display:grid;gap:12px;margin-top:30px;text-align:left}.auth-points span{padding:10px 14px;background:#fff;border:1px solid var(--line);border-radius:12px}.auth-panel,.simple-auth{display:flex;align-items:center;justify-content:center;padding:32px}.simple-auth{min-height:100vh;background:linear-gradient(135deg,#f8fffd,#f8fafc)}.auth-card{width:min(460px,100%);background:#fff;border:1px solid var(--line);border-radius:20px;padding:32px;box-shadow:var(--shadow)}.auth-card.center{text-align:center}.auth-card label{text-align:left}.mini-logo{width:72px}.round-icon,.modal-icon{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:var(--soft);font-size:30px;margin:14px auto}.auth-links{display:flex;justify-content:space-between;font-size:13px;margin:8px 0 12px}.back-link{display:block;margin-top:20px}.toast{position:relative;padding:12px 14px;border-radius:11px;margin-bottom:12px;animation:toastIn .3s ease;transition:.35s}.toast.success{background:#ecfdf5;color:#065f46}.toast.danger{background:#fef2f2;color:#991b1b}.toast.hide{opacity:0;transform:translateY(-8px)}.searchbar{display:flex;gap:10px;margin-bottom:16px}.searchbar input{margin:0}.table-wrap{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:auto}table{width:100%;border-collapse:collapse;min-width:720px}th,td{padding:13px 15px;border-bottom:1px solid var(--line);text-align:left;font-size:13px}th{background:#f8fafc;color:#475569}.table-sub{display:block;color:var(--muted);margin-top:2px}.badge,.status-chip{display:inline-flex;padding:4px 9px;border-radius:999px;background:#ecfdf5;color:#047857;font-weight:700;font-size:11px}.status-chip{margin-bottom:12px;background:#eff6ff;color:#1d4ed8}.status-chip.ok{background:#ecfdf5;color:#047857}.list-row{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:13px 4px;border-bottom:1px solid var(--line);color:var(--text);transition:.18s}.list-row:hover{background:#fbfffe;padding-left:8px}.list-row:last-child{border-bottom:0}.list-row span:nth-child(2){display:grid}.list-row small{color:var(--muted)}.pin{width:32px;height:32px;background:var(--soft);color:var(--teal-dark);border-radius:10px;display:grid;place-items:center}.map{height:500px;border-radius:14px;border:1px solid var(--line);overflow:hidden;background:#eaf2f0}.map.small{height:280px}.map-card{position:relative}.map-float{position:absolute;right:32px;bottom:32px;z-index:700;border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 12px;cursor:pointer}.map-shell{position:relative;padding:14px}.map-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.map-toolbar input{max-width:360px;margin:0}.fullscreen-map{position:fixed!important;inset:12px!important;z-index:4000!important;background:#fff!important;border-radius:18px!important;padding:14px!important;box-shadow:0 30px 80px rgba(15,23,42,.35)!important}.fullscreen-map .admin-map{height:calc(100vh - 95px)!important}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.step{display:flex;align-items:center;gap:8px;padding:12px 13px;background:#fff;border:1px solid var(--line);border-radius:14px;color:var(--muted)}.step b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#f1f5f9}.step.active{color:var(--teal-dark);border-color:#a7f3d0;box-shadow:0 4px 16px rgba(13,158,138,.08)}.step.active b{background:var(--teal);color:#fff}.step.done b{background:#d1fae5;color:#047857}.collect-panel{display:none}.collect-panel.active{display:block;animation:fadeUp .3s ease}.gps-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:16px 0}.gps-grid>div{padding:12px;border:1px solid var(--line);background:#f8fafc;border-radius:11px}.gps-grid small,.review-grid small{display:block;color:var(--muted);margin-bottom:3px}.form-card{max-width:760px}.upload-zone{border:1.5px dashed #b9c2ce;border-radius:16px;padding:28px;text-align:center;display:grid;gap:7px;cursor:pointer}.upload-zone input{display:none}.photo-preview{width:100%;max-height:320px;object-fit:cover;border-radius:14px;margin-top:14px}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.review-grid p{display:grid;gap:2px}.modal-layer{position:fixed;inset:0;background:rgba(15,23,42,.68);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;padding:18px;z-index:99999!important}.modal-layer.show{display:flex;animation:fade .18s ease}.modal-box{position:relative;width:min(440px,100%);background:#fff;border-radius:20px;padding:26px;text-align:center;box-shadow:0 30px 90px rgba(0,0,0,.3);animation:pop .22s ease}.modal-box.left{text-align:left}.modal-close{position:absolute;right:14px;top:12px;width:32px;height:32px;border:0;border-radius:9px;background:#f1f5f9;font-size:20px;cursor:pointer}.spinner{width:54px;height:54px;border:5px solid #dff5ef;border-top-color:var(--teal);border-radius:50%;margin:5px auto 18px;animation:spin .8s linear infinite}.details{display:grid;grid-template-columns:140px 1fr;gap:12px}.details dt{color:var(--muted)}.details dd{margin:0;font-weight:600}.detail-photo{width:100%;max-height:330px;object-fit:cover;border-radius:14px;margin-bottom:12px}.bar-row{display:grid;grid-template-columns:120px 1fr 40px;gap:10px;align-items:center;margin:12px 0;font-size:13px}.bar-row div{height:10px;background:#edf2f7;border-radius:999px;overflow:hidden}.bar-row i{display:block;height:100%;background:linear-gradient(90deg,var(--teal),#34d399)}.export-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:14px;color:var(--text);transition:.2s}.export-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.export-card>span{width:48px;height:48px;border-radius:14px;background:var(--soft);display:grid;place-items:center;color:var(--teal-dark);font-weight:800}.export-card div{display:grid}.export-card small{color:var(--muted);margin-top:3px}.notification-row{display:grid;grid-template-columns:14px 1fr auto;gap:12px;align-items:center;padding:16px 4px;border-bottom:1px solid var(--line)}.notification-row.unread{background:#fbfffe}.notification-dot{width:8px;height:8px;border-radius:50%;background:var(--teal)}.notification-row p{margin:4px 0}.empty-mini,.empty-state{text-align:center;padding:35px;color:var(--muted)}.empty-state{padding-top:15vh}.link-btn{border:0;background:transparent;color:var(--teal-dark);cursor:pointer}.mobile-menu{display:none}@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes pop{from{opacity:0;transform:scale(.97) translateY(6px)}to{opacity:1;transform:none}}@keyframes toastIn{from{opacity:0;transform:translateY(-6px)}}@keyframes fade{from{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1000px){.sidebar{width:82px}.brand span,.sidebar nav span{display:none}.sidebar nav a,.brand{justify-content:center}.main{margin-left:82px;width:calc(100% - 82px)}.metrics{grid-template-columns:repeat(2,1fr)}.profile-copy{display:none}.profile-toggle{min-width:0}.grid.two{grid-template-columns:1fr}.auth-shell{grid-template-columns:1fr}.auth-brand{display:none}}
@media(max-width:650px){.sidebar{display:none}.main{margin:0;width:100%}.topbar{padding:0 14px}.content{padding:18px 13px}.metrics{grid-template-columns:repeat(2,1fr)}.page-head{align-items:flex-start;flex-direction:column}.steps{grid-template-columns:1fr 1fr}.step span{font-size:12px}.map{height:390px}.review-grid{grid-template-columns:1fr}.profile-toggle>span:last-child{display:none}.searchbar{flex-direction:column}.modal-layer{padding:12px}.auth-panel,.simple-auth{padding:15px}.auth-card{padding:24px}.head-actions{width:100%}.head-actions .btn{flex:1}.gps-grid{grid-template-columns:1fr 1fr}}

/* --- V2.1 responsive/premium fixes --- */
.eyebrow,.topbar-eyebrow{display:block;color:var(--teal);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin:0 0 4px}.topbar-title{display:flex;align-items:center;gap:11px}.topbar-title strong{display:block}.topbar-eyebrow{margin:0}.avatar-img{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid #e8f7f3}.avatar.large,.avatar-img.large{width:48px;height:48px}.profile-dropdown-head{display:flex;align-items:center;gap:10px;padding:9px 9px 12px;border-bottom:1px solid var(--line);margin-bottom:5px}.profile-dropdown-head div{display:grid;min-width:0}.profile-dropdown-head small{color:var(--muted);overflow:hidden;text-overflow:ellipsis}.profile-dropdown hr{border:0;border-top:1px solid var(--line);margin:5px 0}.danger-link{color:#b91c1c!important}.sidebar-mobile-head{display:none}.sidebar-backdrop{display:none}.sidebar-user-mini{position:absolute;left:14px;right:14px;bottom:18px;border-top:1px solid var(--line);padding:14px 5px 0;display:flex;gap:10px;align-items:center}.sidebar-user-mini>div{display:grid;min-width:0}.sidebar-user-mini small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-mini .avatar,.sidebar-user-mini img{width:34px;height:34px;border-radius:50%;object-fit:cover;flex:none}
#page-loader{display:grid;place-items:center;background:rgba(248,250,252,.58);backdrop-filter:blur(4px)}#page-loader>i{position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--teal),var(--orange),var(--teal));background-size:200% 100%;animation:loaderLine 1s linear infinite}.loader-surface{opacity:0;transform:translateY(5px) scale(.98);transition:.18s;display:flex;align-items:center;gap:11px;background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:16px;padding:12px 16px;box-shadow:0 16px 50px rgba(15,23,42,.12)}#page-loader.show{pointer-events:all}.show .loader-surface{opacity:1;transform:none}.loader-surface img{width:34px;height:34px;object-fit:contain}.loader-spinner{width:20px;height:20px;border:3px solid #dff5ef;border-top-color:var(--teal);border-radius:50%;animation:spin .7s linear infinite}.loader-surface strong{font-size:13px}@keyframes loaderLine{to{background-position:-200% 0}}body.is-loading{cursor:progress}
.profile-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px}.profile-identity-card{text-align:center;align-self:start}.profile-photo-wrap{display:flex;justify-content:center;margin:4px 0 14px}.profile-photo{width:126px;height:126px;border-radius:50%;object-fit:cover;border:5px solid #effaf7;box-shadow:0 10px 30px rgba(13,158,138,.13)}.profile-photo-fallback{display:grid;place-items:center;background:linear-gradient(135deg,var(--teal),var(--teal-dark));color:#fff;font-size:44px;font-weight:900}.profile-identity-card h2{margin:6px 0}.profile-photo-form{margin-top:20px}.upload-profile-btn{border:1px dashed #9bd8cb;background:#f4fffc;padding:12px;border-radius:12px;cursor:pointer;color:var(--teal-dark);transition:.2s}.upload-profile-btn:hover{border-color:var(--teal);background:#ecfdf5}.upload-profile-btn input{display:none}.upload-profile-btn[data-file-name]:after{content:attr(data-file-name);display:block;font-size:11px;color:var(--muted);margin-top:5px}.profile-main-grid{grid-template-columns:1fr}.security-row{display:flex;align-items:center;gap:12px;padding:14px;background:#f8fafc;border:1px solid var(--line);border-radius:13px;margin:16px 0}.security-row span{font-size:24px}.security-row div{display:grid}.security-row small{color:var(--muted)}
.export-metrics{margin-bottom:18px}.export-filter-card{margin-bottom:18px}.export-filter-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:12px}.date-input-wrap{margin-top:6px;border:1px solid #d7dce3;border-radius:11px;padding:10px 12px;background:#fff}.date-input-wrap input{border:0;margin:0;padding:0;box-shadow:none!important}.export-intro{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px;align-items:center;margin-bottom:18px}.export-field-list{display:flex;flex-wrap:wrap;gap:8px}.export-field-list span{background:#f0fdfa;color:#086c5c;border:1px solid #c9f0e7;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:700}.export-format-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}.export-card.detailed{grid-template-columns:58px 1fr;align-items:start;padding:20px}.export-card.detailed button{grid-column:1/-1;width:100%}.export-card.detailed p{margin:5px 0 8px;color:#475569;font-size:13px;line-height:1.5}.export-icon{width:54px!important;height:54px!important;border-radius:15px!important;font-size:12px}.export-icon.excel{background:#e8f7ef!important;color:#137a45!important}.export-icon.csv{background:#eff6ff!important;color:#1d4ed8!important}.export-icon.word{background:#eef2ff!important;color:#4338ca!important}.export-preview{margin-top:0}
.modal-layer{z-index:2147483000!important}.modal-box{z-index:2147483001!important}.leaflet-control-container{z-index:800}.profile-dropdown{z-index:20000}.topbar{z-index:1200}
@media(max-width:1000px){.sidebar-user-mini>div{display:none}.sidebar-user-mini{justify-content:center}.export-filter-grid{grid-template-columns:repeat(2,1fr)}.export-intro{grid-template-columns:1fr}.export-format-grid{grid-template-columns:1fr 1fr}.profile-grid{grid-template-columns:250px 1fr}}
@media(max-width:650px){body.menu-open{overflow:hidden}.mobile-menu{display:inline-grid!important}.sidebar{display:block!important;width:min(86vw,310px)!important;transform:translateX(-105%);transition:transform .25s cubic-bezier(.2,.8,.2,1);z-index:50000!important;box-shadow:0 20px 60px rgba(15,23,42,.25);padding-top:12px}.sidebar.open{transform:translateX(0)}.sidebar-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.5);backdrop-filter:blur(3px);z-index:49999}.sidebar-backdrop.show{display:block;animation:fade .18s ease}.sidebar-mobile-head{display:flex;align-items:center;justify-content:space-between;padding:0 6px 12px;font-weight:800}.brand span,.sidebar nav span{display:inline!important}.brand,.sidebar nav a{justify-content:flex-start!important}.sidebar-user-mini{justify-content:flex-start}.sidebar-user-mini>div{display:grid}.main{margin-left:0!important;width:100%!important}.topbar{height:66px;padding:0 12px}.topbar-title{gap:8px}.topbar-title strong{font-size:14px}.topbar-eyebrow{font-size:9px}.profile-toggle{padding:4px;border-radius:999px;min-width:0}.profile-copy,.profile-toggle .chevron{display:none!important}.avatar,.avatar-img{width:34px;height:34px}.profile-dropdown{position:fixed;left:12px;right:12px;top:72px;width:auto}.notification-btn{width:38px;height:38px}.content{padding:17px 12px 90px}.profile-grid{grid-template-columns:1fr}.profile-photo{width:112px;height:112px}.export-filter-grid{grid-template-columns:1fr}.export-format-grid{grid-template-columns:1fr}.export-intro{padding:17px}.export-card.detailed{grid-template-columns:50px 1fr}.metrics.export-metrics{grid-template-columns:1fr 1fr}.map-float{right:18px;bottom:18px}.fullscreen-map{inset:0!important;border-radius:0!important}.fullscreen-map .admin-map{height:calc(100vh - 82px)!important}}
.notification-summary{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--line)}.notification-dot.read{background:#cbd5e1}.notification-row.unread{background:linear-gradient(90deg,#f0fdfa,transparent);padding-left:10px;padding-right:10px;border-radius:10px}@media(max-width:650px){.notification-summary{align-items:flex-start;flex-direction:column}.notification-row{grid-template-columns:12px 1fr}.notification-row .btn{grid-column:2;width:100%;margin-top:4px}}

/* V3 — collectors, destinations & correspondences */
.document-grid{margin:14px 0 18px}.document-links{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 18px}.collector-identity{display:flex;align-items:center;gap:18px;margin-bottom:20px}.collector-photo{width:96px;height:96px;border-radius:24px;object-fit:cover;border:4px solid #e6f7f3}.avatar.huge{width:96px;height:96px;font-size:30px;border-radius:24px}.detail-list p{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #edf2f4}.detail-list p span{color:#6b7280}.document-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.doc-card{border:1px solid #e6ecef;border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:10px;background:#fbfefd}.table-user{display:flex;align-items:center;gap:10px}.table-user img{width:38px;height:38px;object-fit:cover;border-radius:12px}.badge.verified{background:#dcfce7;color:#166534}.badge.pending{background:#fff7ed;color:#9a3412}.badge.rejected{background:#fee2e2;color:#991b1b}.destinations-block{margin-top:18px;padding-top:18px;border-top:1px solid #e8eeee}.destination-row{display:grid;grid-template-columns:1.3fr .7fr 1.4fr auto;gap:10px;align-items:center;margin:10px 0}.destination-row input{margin:0}.destination-cards{display:grid;gap:10px}.destination-card{display:flex;justify-content:space-between;align-items:center;gap:20px;border:1px solid #e7efed;background:#fbfffe;border-radius:14px;padding:14px 16px}.destination-card div{display:flex;flex-direction:column;gap:4px}.destination-card small{color:#6b7280}.destination-card b{color:#085041;white-space:nowrap}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}.metric-card{background:#fff;border:1px solid #e8eeee;border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:6px}.metric-card span{color:#6b7280}.metric-card strong{font-size:24px;color:#085041}.route-map{height:520px}.route-map-card.map-expanded{position:fixed!important;inset:18px!important;z-index:10050!important;background:#fff!important;padding:16px!important;border-radius:22px!important;box-shadow:0 25px 80px rgba(15,23,42,.28)!important}.route-map-card.map-expanded .route-map{height:calc(100vh - 110px)!important}.route-steps{list-style:none;padding:0;display:grid;gap:12px}.route-steps li{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid #eef2f2}.route-steps li>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e1f5ee;color:#085041;font-weight:700}.route-steps li div{display:flex;flex-direction:column}.route-steps small{color:#6b7280}.empty{text-align:center;color:#6b7280;padding:26px!important}
@media(max-width:760px){.document-cards,.metric-grid{grid-template-columns:1fr}.destination-row{grid-template-columns:1fr 1fr}.destination-row input:nth-child(3){grid-column:1/-1}.destination-row .icon-btn{justify-self:end}.route-map{height:420px}.collector-identity{align-items:flex-start}.document-grid{grid-template-columns:1fr!important}}
/* V3.1 — ordered correspondence stops & delete */
.route-builder{margin:20px 0;padding:18px;border:1px solid #e7efed;border-radius:18px;background:#fbfffe}.route-stop-list{display:grid;gap:10px;margin-top:12px}.route-stop-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center}.route-stop-row select{margin:0}.route-stop-index{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e1f5ee;color:#085041;font-weight:800}.route-stop-actions{display:flex;gap:6px}.icon-btn.danger,.btn.danger{background:#fff1f2;color:#b91c1c;border:1px solid #fecaca}.btn.danger:hover{background:#fee2e2}.btn.small{padding:7px 10px;font-size:12px}.table-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.table-actions form,.page-head-actions form{margin:0}.page-head-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.route-div-icon{background:transparent!important;border:0!important}.route-marker{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;border:3px solid #fff;box-shadow:0 4px 12px rgba(15,23,42,.24)}.route-marker.start{background:#0D9E8A}.route-marker.stop{background:#F97316}.route-marker.end{background:#085041}@media(max-width:760px){.route-stop-row{grid-template-columns:34px minmax(0,1fr)}.route-stop-actions{grid-column:2;justify-content:flex-end}.page-head-actions{width:100%}.page-head-actions .btn,.page-head-actions form{flex:1}.page-head-actions form .btn{width:100%}}


/* V3.2 — road-following correspondence routing */
.routing-status{margin:0 0 12px;padding:10px 12px;border-radius:12px;font-size:.92rem;font-weight:600;background:#f3f4f6;color:#475569;border:1px solid #e5e7eb}
.routing-status.loading{background:#ecfdf5;color:#047857;border-color:#a7f3d0}
.routing-status.success{background:#ecfdf5;color:#047857;border-color:#6ee7b7}
.routing-status.warning{background:#fff7ed;color:#9a3412;border-color:#fed7aa}
.route-note{margin-top:10px;font-size:.86rem}

/* V3.3 — production-safe media upload UX */
.info-callout{display:flex;gap:.75rem;align-items:flex-start;padding:1rem 1.1rem;border:1px solid #cfeee7;background:#f2fbf8;border-radius:16px;margin:1rem 0}.info-callout strong{color:#085041;white-space:nowrap}.info-callout span{color:#526477;font-size:.92rem}.document-upload-stack{display:grid;gap:.8rem}.document-upload-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.7rem;align-items:center;padding:.9rem;border:1px solid #e3e9ee;border-radius:14px;background:#fbfcfd}.document-upload-row div{min-width:0}.document-upload-row strong,.document-upload-row small{display:block}.document-upload-row small{color:#6b7280;margin-top:.2rem}.file-btn{position:relative;overflow:hidden;cursor:pointer;white-space:nowrap}.file-btn input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-status{margin:.65rem 0;padding:.65rem .8rem;border-radius:12px;background:#f6f8fa}.upload-status.loading{background:#fff7e8;color:#8a5a00}.upload-status.success{background:#eaf8f5;color:#08705e}.upload-status.error{background:#fff0f0;color:#a32020}
@media(max-width:760px){.document-upload-row{grid-template-columns:1fr}.document-upload-row .btn{width:100%}.info-callout{flex-direction:column}.info-callout strong{white-space:normal}}