@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;650;700;750;800&display=swap');
:root{--navy:#1d3153;--navy2:#2c4770;--amber:#ac804c;--amber-pale:#f5ecdf;--bg:#f3f5f7;--ink:#1a2c37;--muted:#5f6f7f;--line:#e0e5ec;--green:#236b56;--green-pale:#e8f2ed;--radius:16px;font-size:15px}
::selection{background:#dfc6a2;color:#192d4b}input,textarea{caret-color:var(--navy)}*{scrollbar-color:#b7c1cc transparent;scrollbar-width:thin}h1,h2,h3,h4,.stat-value,.brand,.eta{font-family:'Plus Jakarta Sans',sans-serif}h1{font-size:31px;letter-spacing:-.9px}h2{font-size:21px;letter-spacing:-.5px}h3{font-size:16px;letter-spacing:-.3px}p{max-width:76ch}.eyebrow{display:none}.sidebar{background:#1a2c47;padding-top:29px}.brand{font-size:21px;letter-spacing:-.7px}.brand-icon{background:#d6b183;color:#1d3153;width:38px;height:42px}.brand small{font-size:10px;letter-spacing:.3px;color:#b5c2d5;margin-top:5px}.workspace{margin:20px 0 17px;padding:15px 0 20px}.workspace strong{font-size:11px}.workspace small{font-size:11px;color:#b4c1d1}.nav-label{font-size:11px;letter-spacing:.2px;color:#bdc9d8}.sidebar nav{gap:3px}.sidebar nav button{padding:12px;color:#bdc9db}.sidebar nav button.active{background:#ffffff0d;color:#f2d8b5;box-shadow:inset 0 0 0 1px #ffffff09}.sidebar nav button.active .icon{color:#ddb88b}nav .nav-secondary{margin-top:12px;padding-top:16px}.support-card{background:transparent;padding:15px;border:1px solid #ffffff15}.support-card p{color:#b5c2d4}.support-card .icon{color:#d3ad7c}.creator{color:#b2bfd1}.creator strong{color:#e0e8f3}.topbar{height:77px}.breadcrumb{font-size:13px}.role-switch{border-color:var(--line);background:#f0f3f7}.role-switch button{font-size:12px;padding:9px 16px}.header-actions{gap:12px}.avatar.small{background:#edf1f6;color:var(--navy)}.icon-button{border-radius:10px;width:36px;height:36px}.notification-button{position:relative}.notification-count{position:absolute;right:-5px;top:-5px;background:#a85040;color:#fff;min-width:18px;height:18px;border:2px solid #fff;display:grid;place-items:center;border-radius:50%;font-size:9px;font-weight:700}.page-heading{align-items:center;margin-bottom:26px}.subtitle{font-size:14px;line-height:1.7;margin-top:10px}.date-pill{border-color:var(--line);background:#fff;font-size:12px}.stat{padding:19px 20px}.stat-label{font-size:12px}.stat-value{font-variant-numeric:tabular-nums}.stat-foot{font-size:11px;line-height:1.5}.stat.highlight{background:#203758}.stat.highlight .stat-label,.stat.highlight .stat-foot{color:#c5d2e3}.stat.highlight .stat-value{color:#f4e5d0}.stat.highlight .stat-value span{color:#c5d2e3}.stat.highlight .icon{color:#d7b286}.card-header{padding:21px 24px}.card-header small{font-size:12px;line-height:1.6}.badge{font-size:11px;padding:6px 9px;font-weight:600}.badge.amber{background:#f5ecdf;color:#805a2f}.badge.blue{background:#eaf0f8;color:#3c5b85}.badge.red{background:#f8eae7;color:#9b4336}.btn{font-size:13px;min-height:44px;border-radius:10px;font-weight:600}.btn.primary{background:var(--navy);color:#fff;border-color:var(--navy)}.btn.small{min-height:36px;font-size:12px}.btn.ghost{background:transparent;color:var(--navy)}.btn:focus-visible{outline-color:#ac804c}.segment{background:#e8edf3}.segment button{font-size:12px;padding:9px 13px;min-height:36px}.stop-name{font-size:13px}.stop-main small{font-size:11px}.stop-number.next{background:#f4e7d5;border-color:#e2c7a1;color:#76532e}.stop-number{width:30px;height:30px}.stop-right .badge{font-size:10px}.stop{padding:14px 0}.stops{max-height:478px}.stops-foot{font-size:11px;line-height:1.6;align-items:flex-start}.map-meta{padding:16px 24px;background:#fbfcfe}.map-meta div{font-size:10px;letter-spacing:.3px}.map-meta strong{font-size:12px}.next-stop{padding:21px 24px}.next-top .muted{font-size:12px!important}.next-top h3{font-size:18px}.eta{font-size:25px}.notice-card{background:#f5eee3;border-color:#e7dac8;padding:20px}.notice-card p{color:#7b6445;font-size:12px}.notice-card strong{font-size:13px}.notice-icon{background:#ead9bf;color:#7a582f}.team-card strong{font-size:13px}.team-card small{font-size:11px}.footer{font-size:11px;color:#637386}.footer button{font-size:11px;color:#586b82}.modal-head p,.modal-content p{line-height:1.7}.modal-head{padding:26px 28px 18px}.modal-content{padding:0 28px 28px}.modal-actions .btn{min-width:110px}.field label{font-size:13px}.field input,.field select,.field textarea{font-size:14px;padding:12px}.check-line{background:#f3f6fa;line-height:1.7}.check-line input{accent-color:var(--navy)}.callout{background:#edf2f7;color:#4e637a;font-size:12px}.callout.amber{background:#f6eee2;color:#7d603a}.research-lead{background:#203758}.research-lead .label{display:none}.research-metric strong{color:#dfbd8f}.research-table th{font-size:12px}.research-table td{font-size:13px}th{font-size:11px;text-transform:none}td{font-size:13px}.timeline time{min-width:62px;font-size:11px}.timeline strong{font-size:13px}.timeline small{font-size:12px}.timeline li{padding:18px 0}.timeline .event-dot{background:#a57b49}.student-profile .avatar{background:#f1e6d6;color:#805b30}.details dt{font-size:11px}.details dd{font-size:13px;line-height:1.5}.link-btn{font-size:13px;color:#2e527c}.toast{font-size:13px;line-height:1.5}
/* Tracking is the primary visual surface. Its movement is explicitly simulated. */
.map-area{background:#eef1f3;min-height:330px}.route-map{height:350px}.map-state{background:#fff;color:#30445e;border:1px solid #dae1e8;box-shadow:none;font-size:11px;padding:9px 12px}.map-state .dot{background:#ad8050}.map-legend{font-size:10px;color:#536478;background:#ffffffed;border:0;padding:8px 10px}.map-north{font-size:10px;color:#52637a;border:0;background:#fff;right:18px;top:18px}.tracking-strip{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 23px;border-top:1px solid #e1e6ec;background:#fafbfd;font-size:11px;color:#62758a}.tracking-strip>span{display:flex;align-items:center;gap:7px}.tracking-strip .icon{width:16px;height:16px}.tracking-controls{display:flex;gap:5px;align-items:center}.tracking-controls .btn{font-size:11px;padding:6px 10px;min-height:33px}.live-pip{width:7px;height:7px;border-radius:50%;background:#b48954;display:inline-block}.journey-path{stroke:#af824e}.van-marker{transition:transform 1s linear}.signal-stale{color:#a34a3b}.map-zoom{position:absolute;right:18px;bottom:43px;display:flex;flex-direction:column;background:white;border-radius:9px;border:1px solid #e0e6ed;overflow:hidden}.map-zoom button{width:31px;height:29px;background:white;border:0;font-size:18px;color:#52637a}.map-zoom button+button{border-top:1px solid #e4e9ef}.route-label{font-size:11px;color:#66798e;display:flex;align-items:center;gap:6px}.route-label .icon{width:16px;height:16px}
/* Family space: purpose-built navigation and a single trip overview. */
.family-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:26px}.family-heading h1{font-size:32px}.family-heading p{font-size:14px;color:#5f7186;margin-top:9px}.family-person{display:flex;align-items:center;gap:13px}.family-person .avatar{width:48px;height:48px;font-size:16px;background:#f0e5d4;color:#805a2f;border:3px solid white}.family-person strong{font-size:14px;display:block}.family-person small{font-size:12px;color:#67798c;display:block;margin-top:5px}.family-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(285px,1fr);gap:24px;align-items:start}.family-primary{background:white;border:1px solid var(--line);border-radius:18px;overflow:hidden}.family-route-head{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:23px 26px}.family-route-head h2{font-size:19px}.family-route-head p{font-size:12px;color:var(--muted);margin-top:7px}.family-route-head .segment button{padding:8px 12px}.family-primary .route-map{height:365px}.family-primary .map-area{min-height:365px}.family-status{padding:24px 26px;background:var(--navy);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:20px}.family-status .status-caption{font-size:12px;color:#c3cfdf;display:flex;gap:7px;align-items:center}.family-status .status-caption .icon{width:16px;height:16px;color:#d4b182}.family-status h2{font-size:23px;line-height:1.4;margin-top:8px;color:#fff}.family-status p{font-size:12px;color:#c4d1e0;line-height:1.7;margin-top:6px;max-width:400px}.family-arrival{border-left:1px solid #ffffff20;padding-left:25px;min-width:130px}.family-arrival span{display:block;font-size:11px;color:#c3d1e2}.family-arrival strong{font-family:'Plus Jakarta Sans';font-variant-numeric:tabular-nums;display:block;font-size:33px;letter-spacing:-1px;color:#e1bd8b;margin-top:5px}.family-arrival small{display:block;font-size:10px;color:#c3d1e2;margin-top:7px}.family-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:24px 26px;border-top:1px solid var(--line)}.family-progress-step{display:flex;gap:9px;align-items:center;font-size:12px;color:#687a90}.family-progress-step>span{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;border:1px solid #d7dfe9;background:white;flex-shrink:0}.family-progress-step .icon{width:14px;height:14px}.family-progress-step.done{color:#296c56}.family-progress-step.done>span{background:#e7f2eb;border-color:#cde2d5}.family-progress-step strong{display:block;font-size:12px;font-weight:600}.family-progress-step small{font-size:10px;margin-top:4px;display:block;color:#6b7c8f}.family-side{display:flex;flex-direction:column;gap:21px}.family-pickup{background:#fff;border:1px solid var(--line);border-radius:16px;padding:25px}.family-pickup .pickup-heading{display:flex;align-items:center;gap:10px}.family-pickup .pickup-heading .icon{color:#a37643;width:22px;height:22px}.family-pickup h3{font-size:17px}.family-pickup>p{font-size:12px;color:#63758a;line-height:1.7;margin-top:10px}.pickup-location{display:flex;align-items:flex-start;gap:10px;padding:19px 0 23px;margin-top:5px}.pickup-location .icon{width:19px;height:19px;color:#71849a}.pickup-location strong{font-size:14px;display:block}.pickup-location small{font-size:12px;color:#63758a;display:block;margin-top:6px}.family-pickup .btn{min-height:46px}.family-team{background:#e9eef5;border-radius:16px;padding:24px}.family-team h3{font-size:16px;margin-bottom:20px}.team-member{display:flex;gap:11px;align-items:center;margin:15px 0}.team-member .avatar{background:white;color:#415d7d;width:39px;height:39px}.team-member strong{font-size:13px;display:block}.team-member small{color:#5e738b;font-size:11px;display:block;margin-top:5px}.vehicle-tag{border-top:1px solid #ccd6e2;padding-top:17px;margin-top:20px;display:flex;align-items:center;gap:10px;font-size:12px;color:#49617f}.family-money{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 23px;background:white;border:1px solid var(--line);border-radius:14px}.family-money strong{font-size:13px;display:block}.family-money small{font-size:11px;color:#6a7b8d;display:block;margin-top:5px}.family-money .btn{min-width:44px;padding:10px}.family-activity{margin-top:25px;padding:24px 26px;border:1px solid var(--line);border-radius:16px;background:#fff}.family-activity .section-bar{margin-bottom:5px}.family-activity .section-bar button{padding:0}.family-empty{padding:21px 0 4px;display:flex;gap:13px;align-items:flex-start;color:#60748c}.family-empty p{font-size:13px;line-height:1.7}.family-empty .icon{color:#9e784b;flex-shrink:0}.family-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.family-detail-grid .card{padding:26px}.family-read-list{margin-top:20px}.family-read-list>div{display:flex;gap:12px;padding:17px 0;border-bottom:1px solid var(--line);font-size:13px}.family-read-list>div:last-child{border:0}.family-read-list .icon{color:#8f6a3d}.family-unread{font-size:11px;color:#876235;background:#f1e5d5;padding:5px 8px;border-radius:5px}.safety-note{display:flex;gap:8px;align-items:flex-start;font-size:11px;color:#66798d;line-height:1.7;margin-top:16px}.safety-note .icon{width:16px;height:16px;flex-shrink:0}.family-mode .sidebar .support-card{display:none}.family-mode .workspace strong{font-size:13px}.family-mode .workspace small{color:#b2c3d8}
/* Documents and reminders: a readable agenda, not a wall of cards. */
.document-overview{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;background:#fff;border:1px solid var(--line);border-radius:15px;margin-bottom:24px;padding:23px 0}.doc-stat{padding:0 24px;border-right:1px solid var(--line);display:flex;gap:15px;align-items:center}.doc-stat:last-child{border:0}.doc-stat>span{width:42px;height:42px;display:grid;place-items:center;background:#edf2f8;color:#56728f;border-radius:11px}.doc-stat.urgent>span{color:#9f4a3d;background:#f8ebe7}.doc-stat.soon>span{color:#8b6537;background:#f4e9da}.doc-stat strong{font-family:'Plus Jakarta Sans';font-size:27px;display:block;line-height:1.2}.doc-stat small{font-size:12px;color:#63768b;display:block;margin-top:6px}.document-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px;flex-wrap:wrap}.tab-list{display:flex;gap:7px;flex-wrap:wrap}.tab-list button{background:transparent;border:1px solid transparent;padding:9px 14px;min-height:39px;border-radius:8px;font-size:12px;color:#62748b}.tab-list button.active{background:white;border-color:#d9e1ea;color:var(--navy);font-weight:600}.doc-list{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.doc-row{display:grid;grid-template-columns:minmax(215px,1.6fr) 1fr 1fr auto;align-items:center;gap:18px;padding:21px 24px;border-bottom:1px solid var(--line)}.doc-row:last-child{border-bottom:0}.doc-row.header{background:#f9fbfd;padding-top:13px;padding-bottom:13px;font-size:11px;color:#63778e}.doc-name{display:flex;gap:14px;align-items:flex-start}.doc-name .doc-symbol{display:grid;place-items:center;width:37px;height:39px;border-radius:9px;background:#f0f3f8;color:#637b96;flex-shrink:0}.doc-name strong{font-size:13px;display:block;line-height:1.5}.doc-name small{font-size:11px;color:#63768c;display:block;margin-top:5px}.doc-date{font-size:13px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}.doc-date small{display:block;font-weight:400;color:#6d7f93;font-size:10px;white-space:normal;margin-top:6px}.doc-actions{display:flex;gap:7px}.doc-actions .btn{min-height:36px;padding:8px 12px;font-size:11px}.doc-actions .icon-button{border-radius:8px}.reminder-summary{background:#eaf0f7;border-radius:14px;padding:21px 24px;display:flex;gap:14px;align-items:center;margin-top:22px}.reminder-summary>.icon{color:#557293;flex-shrink:0}.reminder-summary strong{font-size:13px;display:block}.reminder-summary p{font-size:12px;color:#526b88;margin-top:6px;line-height:1.6}.reminder-summary button{margin-left:auto;flex-shrink:0}.document-disclaimer{font-size:11px;color:#667b92;line-height:1.8;margin-top:17px}.alert-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:24px;align-items:start}.alert-list{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#fff}.alert-item{padding:24px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;gap:16px}.alert-item:last-child{border:0}.alert-symbol{width:38px;height:38px;display:grid;place-items:center;background:#f6ecdd;color:#875f30;border-radius:10px;flex-shrink:0}.alert-item.urgent .alert-symbol{background:#f8e9e5;color:#a14b3c}.alert-main{flex:1}.alert-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.alert-top h3{font-size:14px;line-height:1.5}.alert-main p{font-size:12px;color:#61758d;margin-top:8px}.alert-bottom{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:15px}.alert-bottom button{font-size:12px}.alert-side{padding:24px;background:#fff;border:1px solid var(--line);border-radius:15px}.alert-side>p{font-size:12px;line-height:1.8;color:#62768c;margin-top:12px}.reminder-steps{display:flex;gap:6px;margin:22px 0;flex-wrap:wrap}.reminder-steps span{padding:9px 10px;background:#edf2f7;border-radius:7px;font-size:11px;color:#395575}.alert-side .btn{margin-top:10px}.reminder-form{display:flex;gap:9px;flex-wrap:wrap;margin:22px 0}.reminder-option{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;padding:12px 13px;font-size:13px;background:#f8fafc}.reminder-option input{accent-color:var(--navy);width:17px;height:17px}.reminder-schedule{display:flex;gap:7px;flex-wrap:wrap;margin:13px 0 17px}.reminder-schedule span{font-size:11px;color:#526d8e;background:#edf2f8;padding:7px 9px;border-radius:5px}.tracking-option{display:flex;gap:13px;padding:19px 0;border-bottom:1px solid var(--line)}.tracking-option:last-child{border-bottom:0}.tracking-option>.icon{color:#956d3e;margin-top:3px}.tracking-option h3{font-size:14px}.tracking-option p{font-size:12px;color:#64788f;margin-top:7px;line-height:1.75}.tracking-option .badge{margin-top:10px}.quiet-note{font-size:11px;color:#64788f;line-height:1.75;margin-top:16px}.form-help{font-size:11px;color:#667a91;line-height:1.6;margin-top:5px}
@media(min-width:1550px){.family-primary .route-map{height:410px}.family-primary .map-area{min-height:410px}.family-status{padding:28px 30px}.family-route-head{padding:25px 30px}.family-status h2{font-size:27px}}
@media(max-width:1180px){.family-layout{grid-template-columns:minmax(0,1.3fr) minmax(270px,1fr);gap:18px}.family-heading h1{font-size:29px}.family-route-head{padding:20px;flex-wrap:wrap}.family-status{padding:21px;gap:12px}.family-status h2{font-size:21px}.family-arrival{min-width:100px;padding-left:16px}.family-arrival strong{font-size:29px}.family-pickup,.family-team{padding:21px}.doc-row{grid-template-columns:minmax(180px,1.3fr) .9fr .8fr auto;padding:18px;gap:12px}.doc-actions .btn{padding:8px}.alert-layout{grid-template-columns:minmax(0,1.4fr) 260px}.alert-top{flex-wrap:wrap}.doc-stat{padding:0 20px}}
@media(max-width:950px){.family-heading h1{font-size:27px}.family-person{gap:9px}.family-person .avatar{width:40px;height:40px}.family-person small{font-size:10px}.family-layout{grid-template-columns:minmax(0,1.4fr) minmax(250px,1fr)}.family-status{display:block}.family-arrival{border:0;padding:0;margin-top:16px;display:flex;align-items:center;gap:14px}.family-arrival small{display:none}.family-arrival strong{font-size:25px;margin:0}.family-progress{padding:20px 16px;gap:8px}.family-progress-step{display:block;text-align:center}.family-progress-step>span{margin:0 auto 9px}.family-side{gap:16px}.doc-row{grid-template-columns:minmax(0,1.3fr) 1fr auto}.doc-row .doc-date{display:none}.doc-row.header{display:none}.alert-layout{grid-template-columns:1fr}.alert-side{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}.alert-side .reminder-steps{margin:0;align-items:center}.alert-side .quiet-note{grid-column:1/-1}.doc-stat{padding:0 16px;gap:12px}.doc-stat>span{width:35px;height:35px}.sidebar nav button{padding:13px 10px}.sidebar nav button.active{box-shadow:none}.notification-count{right:-4px}.family-detail-grid{grid-template-columns:1fr 1fr;gap:18px}}
@media(max-width:740px){.topbar{height:68px;padding:0 16px}.header-actions{gap:7px}.role-switch button{padding:8px 9px;font-size:10px}.icon-button{width:32px;height:32px}.topbar #help-btn{display:none}.mobile-brand{font-size:17px}.sidebar{padding:0;height:66px}.sidebar nav{height:66px}.sidebar nav button{padding:9px 3px;gap:5px}.sidebar nav button span{font-size:9px}.sidebar nav button[data-page='alumnos'],.sidebar nav button[data-page='bitacora'],.sidebar nav button[data-page='panorama']{display:none}.sidebar nav button[data-page='avisos']{display:flex}.sidebar nav button.active{background:#ffffff08;color:#e1be8d}.shell{padding-bottom:66px}main{padding:23px 17px 10px}.subtitle{font-size:13px;line-height:1.75}h1{font-size:27px;line-height:1.3}.page-heading{margin-bottom:23px;flex-wrap:wrap}.page-heading>.btn{font-size:12px;min-height:40px}.stats{gap:9px}.stat{padding:16px}.stat-foot{font-size:10px}.stat-label{font-size:11px}.stat-value{font-size:27px}.section-bar{align-items:center;flex-wrap:wrap;gap:12px}.section-bar h2{font-size:19px}.segment button{font-size:11px;padding:8px 11px}.card-header{padding:19px}.card-header small{font-size:11px}.route-map{height:300px}.map-area{min-height:300px}.tracking-strip{padding:12px 15px;gap:9px;flex-wrap:wrap}.tracking-strip>span{font-size:10px}.map-meta{padding:15px 18px;gap:15px}.map-meta div{font-size:9px}.map-meta strong{font-size:11px}.next-stop{padding:20px}.stop{padding:15px 0;gap:11px}.stop-name{font-size:13px}.stop-main small{font-size:11px}.stop-right .btn{min-height:39px;padding:7px 9px}.stop-right .badge{font-size:9px}.bottom-grid{gap:14px}.notice-card{padding:17px;gap:12px;align-items:flex-start;flex-wrap:wrap}.notice-card .btn{margin-left:52px;margin-top:-7px;min-height:36px}.notice-card strong{font-size:12px}.notice-card p{font-size:11px}.notice-icon{width:39px;height:39px}.family-heading{margin-bottom:23px;gap:15px;align-items:flex-start}.family-heading h1{font-size:27px;line-height:1.3}.family-heading p{font-size:12px;line-height:1.7;margin-top:9px}.family-person{display:none}.family-layout{grid-template-columns:1fr;gap:19px}.family-route-head{padding:20px;gap:12px}.family-route-head h2{font-size:17px}.family-route-head p{font-size:11px}.family-route-head .segment button{padding:8px 11px;min-height:34px}.family-primary .route-map{height:290px}.family-primary .map-area{min-height:290px}.family-status{padding:20px;display:flex;gap:12px}.family-status h2{font-size:20px}.family-status p{font-size:11px}.family-arrival{border-left:1px solid #ffffff20;display:block;margin:0;padding-left:16px;min-width:94px}.family-arrival strong{font-size:27px;margin-top:5px}.family-arrival span{font-size:10px}.family-arrival small{display:block;font-size:9px;line-height:1.6}.family-progress{padding:19px 16px;gap:8px}.family-progress-step strong{font-size:11px}.family-progress-step small{font-size:9px}.family-side{display:grid;grid-template-columns:1fr}.family-pickup,.family-team{padding:22px}.family-pickup>p{font-size:13px}.family-activity{padding:21px;margin-top:19px}.family-activity .section-bar h3{font-size:16px}.family-activity .section-bar button{font-size:12px}.family-detail-grid{grid-template-columns:1fr}.family-mode nav button{display:flex!important}.family-mode .shell{padding-bottom:66px}.document-overview{padding:18px 0;margin-bottom:22px}.doc-stat{padding:0 12px;display:block;text-align:center}.doc-stat>span{display:none}.doc-stat strong{font-size:26px}.doc-stat small{font-size:10px;line-height:1.55}.document-toolbar{gap:14px}.tab-list{gap:4px;width:100%;display:grid;grid-template-columns:repeat(4,1fr)}.tab-list button{padding:8px 6px;font-size:10px;min-height:38px}.doc-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:20px 17px}.doc-row .doc-date{display:block;grid-column:1;grid-row:2;margin-left:49px;font-size:12px}.doc-row>.badge{justify-self:end;font-size:10px;max-width:116px;white-space:normal;text-align:center;line-height:1.4}.doc-row .doc-actions{grid-column:2;grid-row:2}.doc-name{gap:11px}.doc-name .doc-symbol{width:36px;height:38px}.doc-name strong{font-size:12px}.doc-name small{font-size:10px;line-height:1.5}.doc-actions .btn{font-size:10px;min-height:36px;padding:8px}.doc-actions .icon-button{display:none}.reminder-summary{padding:20px;align-items:flex-start;flex-wrap:wrap}.reminder-summary>div{flex:1;min-width:190px}.reminder-summary p{font-size:12px}.reminder-summary button{margin-left:34px;min-height:40px}.document-disclaimer{font-size:11px}.alert-list{border-radius:14px}.alert-item{padding:21px 18px;gap:12px}.alert-top{flex-direction:column;gap:8px}.alert-top h3{font-size:13px}.alert-symbol{width:33px;height:35px}.alert-main p{font-size:12px;line-height:1.7}.alert-bottom{gap:10px}.alert-bottom button{font-size:11px}.alert-side{display:block;padding:22px}.alert-side .reminder-steps{margin:18px 0}.alert-side h3{font-size:17px}.alert-side .btn{min-height:44px}.alert-layout{gap:19px}.modal-head{padding:24px 22px 16px}.modal-content{padding:0 22px 24px}.modal-head h2{font-size:20px}.modal-head p{font-size:12px}.modal-actions{flex-wrap:wrap}.modal-actions .btn{flex:1;min-height:44px}.reminder-option{padding:11px}.footer{padding:22px 18px}.family-route-head .segment{margin-left:auto}}
@media(max-width:370px){.topbar{padding:0 12px}.mobile-brand{font-size:15px}.role-switch button{font-size:9px;padding:8px}.family-status{display:block}.family-arrival{display:flex;border:0;padding:12px 0 0;gap:13px}.family-arrival strong{font-size:25px;margin:0}.family-arrival small{display:none}.doc-row{padding:18px 14px}.family-route-head{padding:17px}.family-route-head .segment{margin-left:0}.map-state{font-size:10px;max-width:265px}.doc-name strong{font-size:11px}}
@media(prefers-reduced-motion:reduce){.van-marker{transition:none}}