:root{--blue:#315e9d;--blue-dark:#23344f;--ink:#24344c;--muted:#7a8799;--line:#e1e6ed}body{background:#f6f7f8;font-family:Arial,Helvetica,sans-serif}.sidebar{background:#fff}.topbar{background:#343c46;color:#fff;height:76px}.breadcrumb,.breadcrumb b,.top-date,.cloud-user{color:#e2e7ed}.content{width:min(100%,1200px)}.portal-content{padding:24px 36px 48px;max-width:1450px;margin:auto}.portal-statusbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:28px;font-size:12px;color:#64748b}.portal-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.portal-heading h1{font:700 29px Arial;letter-spacing:-.6px;margin-bottom:10px}.portal-heading p,.portal-toolbar p{margin:0;color:#68788c;font-size:14px;line-height:1.6}.sos-button{background:#b42332;color:#fff;border-color:#b42332;min-height:42px;padding:0 21px}.sos-button:hover{background:#941d29}.portal-stats{display:grid;grid-template-columns:repeat(4,1fr);margin:32px 0 40px}.portal-stats>div{border-right:1px solid #dce2eb;padding:0 24px;display:grid;gap:8px}.portal-stats>div:first-child{padding-left:0}.portal-stats>div:last-child{border:0}.portal-stats span{font-size:13px;color:#617187}.portal-stats b{font-size:34px;color:#263e61}.portal-stats em{font-style:normal;font-size:18px;color:#8a97a9}.portal-stats small{font-size:11px;color:#7a8799}.portal-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.portal-toolbar h2{font-size:20px;margin-bottom:6px}.portal-toolbar .field{min-width:240px}.fleet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.fleet-card{background:#fff;text-align:left;border:1px solid #dce3ed;border-radius:10px;padding:22px;box-shadow:0 3px 12px #24344c05;color:var(--ink);transition:transform .15s,border-color .15s}.fleet-card:hover{transform:translateY(-2px);border-color:#315e9d}.fleet-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.fork-icon{font-size:25px;color:#315e9d;background:#edf2fa;border-radius:9px;width:42px;height:42px;text-align:center;padding:3px}.portal-badge{display:inline-block;font-size:11px;font-weight:600;border-radius:5px;padding:6px 9px;background:#edf1f6;color:#52657d}.portal-badge.complete{background:#e3f1e9;color:#26704d}.portal-badge.blocked{background:#fce9e7;color:#a33332}.portal-badge.partial,.portal-badge.missing{background:#fff2d6;color:#865e18}.fleet-card h3{font-size:23px;margin:21px 0 5px}.fleet-card p{font-size:13px;color:#748297;margin-bottom:23px}.fleet-progress{height:5px;background:#edf1f5;border-radius:5px;overflow:hidden}.fleet-progress i{height:100%;display:block;background:#315e9d}.fleet-foot{margin-top:14px;display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#748297}.fleet-foot strong{font-weight:600;color:#315e9d}.portal-empty{padding:36px;border:1px dashed #cbd5e1;border-radius:10px;color:#64748b;background:#fff;grid-column:1/-1;line-height:1.7}.ticket-list{display:grid;gap:16px}.ticket-card{padding:24px;border:1px solid #dce3ed;border-radius:10px;background:#fff;margin:0 0 16px;overflow-wrap:anywhere}.ticket-head{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.ticket-head small{margin-left:auto;color:#7a8799;font-size:11px}.ticket-card h3{font-size:19px;margin:0 0 9px}.ticket-card>p{color:#607087;line-height:1.6}.ticket-meta{display:flex;gap:28px;flex-wrap:wrap;margin:20px 0;font-size:11px;color:#7a8799}.ticket-meta b{display:block;font-size:13px;color:#30435f;margin-top:5px}.ticket-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.action-plan,.service-result{background:#f3f6fa;border-radius:7px;padding:13px;font-size:13px}.service-result{display:grid;gap:7px;color:#315e9d}.service-result span{font-size:12px;color:#566981}.ticket-timeline{font-size:12px;color:#64748b;margin-top:16px}.ticket-timeline summary{cursor:pointer}.ticket-timeline p{border-left:2px solid #dce3ed;padding:8px 12px;margin:4px 0}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.settings-grid .card{margin:0}.settings-grid h2{font-size:19px}.settings-grid p{color:#748297;font-size:13px;line-height:1.6}.portal-history{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 0;border-top:1px solid #edf0f4;font-size:13px}.portal-history p{font-size:12px;margin:6px 0 0;color:#748297}.portal-history>span{color:#748297;font-size:12px}.daily-items>div{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #edf0f4;padding:12px 0;font-size:13px}.daily-items b{white-space:nowrap}.nc-text{color:#b42332}#portal-dialog{width:min(540px,calc(100% - 28px));max-height:90vh;overflow:auto;border:1px solid #dce3ed;border-radius:13px;padding:26px;color:#24344c;box-shadow:0 22px 80px #1d2f4d33}#portal-dialog::backdrop{background:#14213588}#portal-dialog h2{font-size:22px;margin:0}#portal-dialog p{font-size:13px;color:#68788c;line-height:1.6}#portal-dialog .field{margin-bottom:17px;font-size:13px}#portal-dialog input,#portal-dialog select{font-size:14px;height:43px}#portal-dialog textarea{font:inherit;border:1px solid #dce3ed;border-radius:7px;padding:10px;width:100%;resize:vertical}.reason-check{display:flex;gap:10px;align-items:center;font-size:13px;margin:8px 0}.reason-check input{height:auto!important}.dialog-error{color:#b42332!important}.sos-pulse{animation:sos-pulse 1.8s ease-in-out infinite;border-color:#c24952}@keyframes sos-pulse{50%{box-shadow:0 0 0 4px #b4233226;background:#fff5f4}}@media(prefers-reduced-motion:reduce){.sos-pulse{animation:none;border:3px solid #b42332}}@media(max-width:1200px){.fleet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-stats>div{padding:0 15px}.portal-content{padding:24px}.topbar{padding:12px 24px}.breadcrumb{display:none}}@media(max-width:720px){.portal-content{padding:20px 16px}.portal-heading{align-items:flex-start;flex-wrap:wrap;margin-bottom:22px}.portal-heading h1{font-size:25px}.portal-stats{grid-template-columns:repeat(2,1fr);gap:22px 0;margin:25px 0}.portal-stats>div{padding-left:16px}.portal-stats>div:nth-child(odd){padding-left:0}.portal-stats>div:nth-child(even){border:0}.portal-stats b{font-size:30px}.fleet-grid,.settings-grid{grid-template-columns:1fr}.portal-toolbar{align-items:stretch;flex-direction:column}.portal-toolbar .field{min-width:0}.portal-statusbar{align-items:flex-start;line-height:1.6}.portal-statusbar button{font-size:11px}.ticket-card{padding:18px}.ticket-meta{gap:18px}.topbar{height:auto;min-height:65px;gap:8px}.topbar-right{flex-wrap:wrap;gap:6px}.top-date{display:none}.portal-history{flex-wrap:wrap}.sidebar nav{overflow:visible}.sidebar .nav-link{font-size:12px;min-height:38px}.portal-heading .heading-actions{justify-content:flex-start}.daily-items>div{font-size:12px}}@media print{#portal,.sos-button,#portal-dialog{display:none!important}}
@media(max-width:760px){.sidebar{height:auto;display:block;padding:12px 16px}.sidebar .brand{margin-bottom:12px}.sidebar nav{display:flex;overflow-x:auto;gap:8px;padding-bottom:6px}.sidebar .nav-link{flex:0 0 auto;white-space:nowrap;padding:0 11px}.sidebar .nav-count{margin-left:6px}}
.preview-banner{position:relative;z-index:8;background:#fff2d6;color:#76500f;padding:9px 16px;text-align:center;font-size:11px;letter-spacing:.5px}.nav-link.active{background:#edf2fa;color:#315e9d}