/* FleetNow operations — shared navy/lime visual system. */
.ops-shell{max-width:1200px;margin:auto;padding:24px;color:#1c2d3c;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,Tahoma,sans-serif}.ops-shell *{box-sizing:border-box}.ops-workspace{max-width:none;min-height:100vh;padding:0;display:grid;grid-template-columns:246px minmax(0,1fr);grid-template-rows:auto 1fr;background:#f5f7f8}.ops-workspace>header{grid-column:2;padding:18px clamp(22px,3vw,48px);margin:0;background:#fff;border-bottom:1px solid #e1e7ec;gap:16px;flex-wrap:wrap}.ops-workspace>header .brand{font-size:1.5rem;color:#193446;text-decoration:none}.ops-workspace>header .brand span{color:#467753}.ops-workspace>header>.row{flex-wrap:wrap;gap:8px}.ops-workspace>header a:not(.brand){font-size:.8rem;color:#536c7c;font-weight:600;text-decoration:none;padding:8px}.ops-workspace>header button{min-height:40px;background:#edf2f4;color:#234052;padding:8px 12px;font-size:.82rem;box-shadow:none}.ops-workspace #ops-language{max-width:145px}.ops-sidebar{grid-column:1;grid-row:1/3;background:linear-gradient(165deg,#182d3e,#102030);padding:26px 16px;min-width:0;border-inline-end:1px solid #2a3d4b}.ops-mark{display:flex;align-items:center;justify-content:center;background:#c4f477;width:46px;height:46px;border-radius:14px;margin:0 12px 30px;color:#172e39;text-decoration:none;font-size:28px;font-weight:850;box-shadow:0 6px 18px #0002}.ops-mark span{font-size:9px;align-self:flex-end;margin-bottom:10px}.ops-shell #tabs{display:flex;flex-direction:column;gap:6px;margin:0}.ops-shell #tabs button{display:flex;align-items:center;gap:12px;background:transparent;color:#b5c5d0;border:0;box-shadow:none;text-align:start;padding:12px 13px;border-radius:11px;font-size:.88rem;font-weight:550;line-height:1.45;min-height:46px;width:100%}.ops-shell #tabs button:hover{background:#ffffff0b;color:#fff}.ops-shell #tabs button[aria-current=true]{background:#c4f477;color:#193325;font-weight:750;box-shadow:0 4px 18px #0001}.ops-nav-icon{display:inline-grid;place-items:center;width:22px;font-size:19px;flex-shrink:0}.ops-main{grid-column:2;min-width:0;width:100%;max-width:1540px;margin:0 auto;padding:32px clamp(22px,3vw,48px) 60px}.ops-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.ops-eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.7rem;font-weight:700;color:#7a8e9c;margin:0 0 8px}.ops-shell h1{font-size:clamp(1.6rem,2.7vw,2.3rem);margin:0;line-height:1.3;letter-spacing:-.035em}.ops-user{border:1px solid #dce5e8;border-radius:30px;background:#fff;padding:8px 15px;color:#536b78;font-size:.83rem;overflow-wrap:anywhere;max-width:45%}.ops-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:26px}.ops-summary:empty{display:none}.ops-metric{position:relative;overflow:hidden;border:1px solid #e1e7ec;border-radius:18px;background:#fff;padding:22px 24px;box-shadow:0 5px 22px #15273705}.ops-metric:first-child{background:linear-gradient(125deg,#193a3b,#132a39);color:#fff;border-color:#193a3b}.ops-metric>span{font-size:.83rem;color:#627583;font-weight:600;display:block}.ops-metric:first-child>span{color:#c0d4d0}.ops-metric strong{display:block;font-size:clamp(1.9rem,3vw,2.7rem);line-height:1.2;margin-top:15px;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.ops-metric i{position:absolute;width:80px;height:80px;border:14px solid #c4f47720;border-radius:50%;inset-inline-end:-18px;bottom:-22px}.ops-shell .panel{padding:clamp(20px,2.2vw,30px);margin:0 0 22px;border:1px solid #e1e7ec;border-radius:18px;background:#fff;box-shadow:0 5px 22px #15273706;min-width:0}.ops-shell .panel>.panel{box-shadow:none;background:#f8fafb;border-radius:14px;margin-top:20px;padding:20px}.ops-shell h2{font-size:1.15rem;margin:0 0 22px;letter-spacing:-.02em}.ops-shell h3{font-size:1rem}.ops-shell .panel>p{color:#657581;font-size:.88rem;max-width:80ch}.ops-shell .ops-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:18px;align-items:end;margin-bottom:24px}.ops-shell label{display:grid;gap:8px;margin:0;color:#536b7a;font-size:.82rem;font-weight:650}.ops-shell input,.ops-shell select,.ops-shell textarea{width:100%;min-width:0;border:1px solid #d5e0e6;border-radius:10px;padding:11px 13px;background:#fff;color:#203d4d;font:inherit;font-size:.9rem;min-height:46px}.ops-shell textarea{min-height:130px;resize:vertical}.ops-shell input[type=checkbox]{width:22px;height:22px;min-height:22px;accent-color:#295b46}.ops-shell input[type=file]{font-size:.78rem;padding:9px;max-width:260px}.ops-shell input::file-selector-button{border:0;border-radius:6px;padding:6px 9px;background:#edf3ef;color:#315644;margin-inline-end:8px}.ops-shell button{min-height:44px;border-radius:10px;background:#203b4c;color:#fff;padding:11px 17px;border:0;font-weight:650;cursor:pointer}.ops-shell button:hover{background:#2e5166}.ops-shell button:disabled{opacity:.5;cursor:not-allowed}.ops-shell button.danger{background:#fff0f1;color:#ad3540}.ops-shell button.danger:hover{background:#ffe1e5}.ops-shell button:focus-visible,.ops-shell a:focus-visible,.ops-shell input:focus-visible,.ops-shell select:focus-visible,.ops-shell textarea:focus-visible{outline:3px solid #538b74;outline-offset:3px}.ops-shell .table-wrap{overflow:auto;max-width:100%;border:1px solid #e6edf0;border-radius:12px;scrollbar-width:thin}.ops-shell table{width:100%;border-collapse:collapse;margin:0;font-size:.87rem}.ops-shell th{text-align:start;background:#f4f7f8;color:#738492;font-size:.75rem;font-weight:650;white-space:nowrap;padding:13px 16px;border-bottom:1px solid #e1e7ec}.ops-shell td{max-width:360px;min-width:90px;overflow-wrap:anywhere;padding:16px;vertical-align:top;border-bottom:1px solid #edf1f3;color:#304c5c;font-variant-numeric:tabular-nums}.ops-shell tbody tr:last-child td{border-bottom:0}.ops-shell tbody tr:hover{background:#fafcfc}.ops-shell td button{padding:8px 12px;font-size:.78rem;min-height:36px;margin:0 4px 5px 0}.ops-shell small{display:block;color:#7b8d98;font-size:.76rem;margin-top:5px}.ops-shell #status{white-space:pre-wrap;border:1px solid #dce9d8;border-radius:12px;background:#f0f7ec;color:#38573a;padding:12px 16px;margin:0 0 22px;overflow-wrap:anywhere}.ops-shell #status:empty{display:none}.ops-photos{display:grid;gap:8px;min-width:170px;margin-top:10px}.ops-photos a{overflow-wrap:anywhere;font-size:.8rem;color:#416d57}.ops-photos form{display:grid;gap:10px;padding:12px;border:1px dashed #d6e2df;border-radius:10px;background:#fafcfb}.ops-shell pre{white-space:pre-wrap}html[lang=ar] .ops-shell :is(h1,h2,h3){letter-spacing:0}
@media(min-width:1000px){.ops-sidebar{position:sticky;top:0;height:100vh;overflow:auto;scrollbar-width:thin;scrollbar-color:#405361 transparent}}
@media(max-width:999px){.ops-workspace{grid-template-columns:1fr;grid-template-rows:auto auto 1fr}.ops-workspace>header{grid-column:1;grid-row:1;padding:16px 22px}.ops-sidebar{grid-column:1;grid-row:2;padding:10px 18px}.ops-mark{display:none}.ops-shell #tabs{flex-direction:row;overflow-x:auto;gap:7px;padding:3px 0;scrollbar-width:thin}.ops-shell #tabs button{width:auto;flex-shrink:0;white-space:nowrap;padding:10px 13px;font-size:.8rem;min-height:42px}.ops-main{grid-column:1;grid-row:3;padding:25px 22px 44px}}
@media(max-width:600px){.ops-workspace>header{padding:13px 16px}.ops-workspace>header>.row{width:100%;gap:5px;justify-content:space-between}.ops-workspace #ops-language{max-width:115px;font-size:.8rem}.ops-workspace>header a:not(.brand){padding:5px;font-size:.75rem}.ops-main{padding:22px 14px 35px}.ops-heading{gap:12px;margin-bottom:20px}.ops-user{max-width:38%;font-size:.73rem;padding:7px 11px}.ops-summary{gap:8px;margin-bottom:18px}.ops-metric{padding:15px 12px;border-radius:13px}.ops-metric>span{font-size:.72rem;line-height:1.5}.ops-metric strong{font-size:1.75rem;margin-top:12px}.ops-shell .panel{padding:17px 14px;border-radius:14px}.ops-shell .panel>.panel{padding:15px 12px}.ops-shell h2{font-size:1.05rem}.ops-shell th,.ops-shell td{padding:12px}.ops-shell .ops-grid{gap:14px}.ops-shell .ops-grid>button{width:100%}}
@media(prefers-reduced-motion:reduce){.ops-shell *{transition:none!important;scroll-behavior:auto!important}}

/* Embedded administration section: reuse the existing main navigation and top bar. */
.ops-embedded{padding:0;margin:0;max-width:none;background:transparent}.ops-embedded #tabs{flex-direction:row;flex-wrap:wrap;gap:8px;margin:0 0 24px;padding-bottom:20px;border-bottom:1px solid var(--border,#e1e7ec)}.ops-embedded #tabs button{width:auto;min-height:40px;padding:9px 13px;border:1px solid #dce5e8;background:#fff;color:#526a7a;font-size:.83rem;white-space:normal}.ops-embedded #tabs button:hover{background:#edf2f4;color:#234052}.ops-embedded #tabs button[aria-current=true]{background:#203b4c;border-color:#203b4c;color:#fff;box-shadow:none}.ops-embedded .ops-nav-icon{font-size:16px;width:18px}.ops-embedded .ops-summary{margin-bottom:22px}.ops-embedded .panel{box-shadow:var(--shadow,none)}@media(max-width:600px){.ops-embedded #tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;padding-bottom:12px}.ops-embedded #tabs button{white-space:nowrap;flex-shrink:0}}
