/* مسار — أنماط لوحة الإدارة (فوق المكونات المشتركة في mobility.css) */

.admin-app{display:grid;grid-template-columns:244px minmax(0,1fr);min-height:100dvh}
.sidebar{height:100dvh;overflow-y:auto;position:sticky;top:0;background:var(--navy-900);color:#EDF1FB;padding:32px 18px 20px;display:flex;flex-direction:column}
.sidebar .brand{padding:0 16px}
.sidebar .brand small{color:#B4C0E4}
.sidebar .brand-mark{background:var(--navy-700)}
.sidebar .brand-mark .icon{color:#FFD9BF}
.sidebar .brand-mark::after{box-shadow:0 0 0 3px var(--navy-900)}
.workspace-label{display:flex;justify-content:space-between;padding:0 16px;margin-top:54px;margin-bottom:18px;color:#AFBCE2;font-size:.72rem}
.workspace-label>span{font-size:.68rem;background:var(--navy-800);padding:1px 7px;border-radius:5px}
.sidebar-nav{display:grid;gap:6px}
.sidebar-nav button{background:transparent;color:#AFBCE2;justify-content:flex-start;gap:12px;min-height:52px;padding:13px 16px;font-size:.82rem}
.sidebar-nav button small{margin-inline-start:auto;font-size:.7rem;color:inherit;opacity:.85}
.sidebar-nav button .icon{width:20px}
.sidebar-nav button.active{background:var(--navy-700);color:#fff}
.sidebar-nav button.active .icon{color:var(--accent)}
.sidebar-nav button:hover{background:var(--navy-800);color:#fff}
.passenger-link{display:flex;align-items:center;gap:12px;color:#AFBCE2;font-size:.78rem;margin:30px 16px}
.passenger-link:hover{color:#fff}
.passenger-link>.icon:last-child{width:17px;margin-inline-start:auto}
.sidebar-bottom{margin-top:auto}
.sidebar-note{margin:24px 8px;background:var(--navy-800);border-radius:12px;padding:16px;display:flex;gap:10px;align-items:flex-start}
.sidebar-note>.icon{width:19px;color:var(--accent);margin-top:4px}
.sidebar-note strong{font-size:.75rem;font-weight:600}
.sidebar-note p{font-size:.68rem;color:#AFBCE2;margin-top:5px}
.operator{display:flex;align-items:center;gap:9px;padding:8px 8px 0}
.avatar{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:var(--navy-100);color:var(--navy-800);font-weight:750}
.operator strong{display:block;font-size:.75rem}
.operator small{display:block;font-size:.65rem;color:#AFBCE2}
.operator form{margin-inline-start:auto}
.operator .icon-button{color:#AFBCE2;width:36px;min-height:40px;padding:6px}
.operator .icon-button:hover{background:var(--navy-700);color:#fff}

.admin-main{min-width:0}
.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;padding:20px 38px;background:var(--surface);font-size:.78rem;color:var(--ink-muted);gap:20px}
.crumb{margin-inline:12px;color:var(--ink-faint)}
.topbar-meta,.date-label{display:flex;align-items:center;gap:12px}
.date-label .icon{width:17px;height:17px;color:var(--ink-faint)}
.admin-content{padding:34px 38px 0;max-width:1580px;margin:auto}
.admin-content h1{font-size:1.75rem}
.admin-content>.page-heading>button{align-self:center}
.admin-footer{display:flex;justify-content:space-between;gap:16px;padding:24px 0;margin-top:24px;color:var(--ink-faint);font-size:.7rem}

/* المتابعة الحية */
.tracking-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:24px;align-items:start}
.map-wrap{position:relative}
.panel-body{padding:18px 20px;display:grid;gap:12px}
.tracking-side{display:grid;gap:12px}
.tracking-item{background:var(--surface);border-radius:var(--radius-card);padding:18px 20px;box-shadow:var(--shadow-1);cursor:pointer;transition:background var(--transition),box-shadow var(--transition);font:inherit;color:inherit;text-align:right;width:100%;display:grid;gap:8px;min-height:0}
.tracking-item:hover{background:var(--navy-50);box-shadow:var(--shadow-2)}
.tracking-item.active{background:var(--navy-100)}
.tracking-item-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.tracking-item-top strong{font-size:.85rem}
.tracking-item-time{display:flex;gap:14px;color:var(--ink-muted);font-size:.72rem;flex-wrap:wrap}
.tracking-item-time>span{display:inline-flex;align-items:center;gap:6px}
.tracking-item-time .icon{width:15px;height:15px}
.manual-panel .form-grid{margin-top:18px}
.manual-coords{display:grid;grid-template-columns:1fr 1fr;gap:16px}

/* تسجيل الدخول */
.admin-login{display:grid;grid-template-columns:1fr 1fr;min-height:100dvh}
.login-story{background:var(--navy-950);color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:56px 64px}
.login-story .brand{align-self:flex-start}
.login-story .brand small{color:#B4C0E4}
.login-story .brand-mark{background:var(--navy-700)}
.login-story .brand-mark .icon{color:#FFD9BF}
.login-story .brand-mark::after{box-shadow:0 0 0 3px var(--navy-950)}
.login-story h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1.6;color:#fff}
.login-story p{color:#BAC6E8;font-size:1rem;line-height:2.1;margin-top:28px}
.story-route{display:flex;align-items:center;gap:16px;margin:40px 0;font-size:.82rem;color:#D7DEF6;flex-wrap:wrap}
.story-route>span{display:flex;align-items:center;gap:8px}
.story-route>.icon{width:16px;color:var(--accent)}
.story-footer{color:#AFBCE2;font-size:.75rem}
.login-form-side{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px}
.login-form-side .login-panel{width:100%;max-width:420px;background:transparent;padding:24px;box-shadow:none}
.login-form-side .login-panel h2{font-size:1.7rem}
.login-form-side input{background:var(--surface)}
.login-passenger-link{display:flex;gap:12px;align-items:center;font-size:.8rem;margin:30px auto}
.login-passenger-link .icon{width:17px}

/* قوائم الجوال ضمن قسم الرحلات */
.mobile-trip-list{display:none}
.mobile-trip{background:var(--canvas);padding:20px;border-radius:12px}
.mobile-trip .section-heading{gap:12px;margin-bottom:16px}
.mobile-trip .table-name{font-size:.8rem;gap:9px}
.mobile-trip-details{display:grid;gap:8px;color:var(--ink-muted);font-size:.75rem}
.mobile-trip-details>span{display:flex;gap:8px;align-items:center}
.mobile-trip-details .icon{width:16px;height:16px}
.mobile-trip .form-actions{margin-top:18px}
.mobile-trip .icon-tile{width:30px;height:30px;border-radius:8px}

@media(min-width:1500px){.admin-content{padding:44px 52px 0}.topbar{padding-inline:52px}.admin-app{grid-template-columns:264px minmax(0,1fr)}}
@media(max-width:1150px){
    .admin-app{grid-template-columns:212px minmax(0,1fr)}
    .sidebar{padding-inline:12px}
    .sidebar .brand{padding-inline:12px}
    .sidebar-nav button{padding-inline:12px;font-size:.75rem}
    .admin-content{padding:28px 24px 0}
    .topbar{padding-inline:24px}
    .topbar .date-label{display:none}
    .form-grid.three-columns{grid-template-columns:repeat(2,minmax(0,1fr))}
    th,td{padding-inline:18px}
    .passenger-welcome{gap:36px}
    .login-story{padding:40px}
    .login-story h1{font-size:2.5rem}
}
@media(max-width:900px){.tracking-grid{grid-template-columns:1fr}}
@media(max-width:760px){
    .admin-app{display:block}
    .sidebar{position:static;height:auto;padding:18px 20px 12px}
    .sidebar .brand{padding:0;font-size:1.45rem}
    .sidebar .brand-mark{width:38px;height:38px;border-radius:11px}
    .sidebar .brand small{font-size:.62rem}
    .workspace-label,.sidebar-note,.passenger-link{display:none}
    .sidebar-nav{display:flex;gap:6px;margin-top:22px}
    .sidebar-nav button{flex:1;justify-content:center;padding:10px 8px;gap:7px;min-height:46px;font-size:.7rem}
    .sidebar-nav button>.icon{width:18px;height:18px}
    .sidebar-nav button small{display:none}
    .sidebar-bottom{position:absolute;inset-inline-end:18px;top:18px}
    .operator{padding:0}
    .operator>.avatar,.operator>div{display:none}
    .operator .icon-button{width:40px}
    .topbar{height:62px;padding:14px 20px;font-size:.7rem}
    .topbar-meta{gap:0}
    .topbar .badge{font-size:.62rem}
    .admin-content{padding:24px 20px 0}
    .admin-content h1{font-size:1.45rem}
    .page-heading{gap:16px;margin-bottom:24px;align-items:flex-start}
    .page-heading p{font-size:.78rem;max-width:32ch}
    .page-heading>button{font-size:.74rem;min-height:44px;padding:9px 12px;gap:6px}
    .page-heading>button>.icon{width:17px}
    .form-grid,.form-grid.three-columns{grid-template-columns:1fr}
    .editor{padding:22px}
    .panel-heading{padding:18px 20px}
    .panel-heading .helper-text{display:none}
    .panel-heading p{font-size:.72rem}
    .panel-heading button{font-size:.72rem;padding:8px 10px;min-height:44px}
    .panel-heading button>.icon{width:16px}
    .cash-summary{gap:18px;padding:16px 20px}
    .cash-summary>span{font-size:.72rem;flex-wrap:wrap;gap:8px}
    .cash-summary strong{font-size:.9rem}
    .admin-footer{font-size:.62rem}
    .stop-row{grid-template-columns:24px 1fr 96px;gap:10px}
    .stop-row>.text-button{grid-column:2/-1;justify-self:start;min-height:36px;margin-top:-10px}
    .stop-row .sequence{margin-top:24px;width:24px;height:24px}
    .stop-row label{font-size:.7rem}
    .stop-row input,.stop-row select{padding-inline:8px;font-size:.8rem}
    .admin-login{grid-template-columns:1fr}
    .login-story{padding:28px;gap:38px}
    .login-story h1{font-size:2rem}
    .login-story>div{padding:8px 0 4px}
    .login-story p{font-size:.85rem;margin-top:16px}
    .story-route,.story-footer{display:none}
    .login-form-side{padding:28px 20px}
    .login-form-side .login-panel{padding:8px}
    .manual-coords{grid-template-columns:1fr}
}
@media(max-width:1050px){
    .desktop-trip-table{display:none}
    .mobile-trip-list{display:grid;gap:16px;padding:0 20px 22px}
}
@media(max-width:380px){.admin-content{padding-inline:14px}.sidebar-nav button{font-size:.65rem;gap:4px}.sidebar-nav button>.icon{width:16px;height:16px}.sidebar{padding-inline:14px}}
.design-options{border:0;padding:20px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin:0}.design-options legend{font-weight:700}.design-option{display:grid;gap:10px;background:var(--navy-50);padding:22px;border-radius:20px;cursor:pointer}.design-option.selected{box-shadow:inset 0 0 0 3px var(--navy-700)}.design-option input{width:22px;height:22px;min-height:22px;accent-color:var(--navy-700);margin:0}.design-option>span:not(.design-thumbnail){font-weight:400;color:var(--ink-muted)}.design-thumbnail{display:grid;gap:10px;background:#fff;border-radius:14px;padding:18px;min-height:130px}.design-thumbnail i{display:block;height:20px;border-radius:8px;background:#e9edfa}.design-thumbnail i:first-child{background:#c2540a;width:70%}.design-thumbnail i:last-child{background:#16204a;width:50%}.design-thumbnail.commute i:first-child{background:#cf123f}.design-thumbnail.commute i:last-child{background:#f5e0cf;width:85%}

/* مؤشر القسم النشط في الشريط الجانبي */
.sidebar-nav button,.sidebar-nav a{position:relative}
.sidebar-nav button.active::before,.sidebar-nav a.active::before{content:"";position:absolute;inset-inline-start:0;top:50%;transform:translateY(-50%);width:3px;height:22px;border-radius:0 3px 3px 0;background:var(--accent)}

/* نظرة عامة — بطاقات المؤشرات */
.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(176px,1fr));gap:16px;margin-bottom:24px}
.kpi-tile{display:flex;align-items:center;gap:14px;background:var(--surface);border-radius:var(--radius-card);padding:20px;box-shadow:var(--shadow-1);transition:box-shadow var(--transition)}
.kpi-tile:hover{box-shadow:var(--shadow-2)}
.kpi-tile .icon-tile{background:var(--navy-100);color:var(--navy-700)}
.kpi-tile .icon-tile.accent{background:var(--accent-100);color:var(--action)}
.kpi-tile .icon-tile.live{background:var(--success-100);color:var(--success)}
.kpi-tile strong{display:block;font-size:1.7rem;font-weight:750;font-variant-numeric:tabular-nums;line-height:1.1}
.kpi-tile span:not(.icon-tile){font-size:.76rem;color:var(--ink-muted)}

/* نظرة عامة — الشبكة السفلية */
.overview-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px;align-items:start}
.overview-trips{padding:12px}
.overview-trip{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;background:transparent;color:inherit;font:inherit;text-align:right;padding:12px;border-radius:var(--radius-control);cursor:pointer;transition:background var(--transition)}
.overview-trip:hover{background:var(--navy-50)}
.overview-trip-main{display:flex;align-items:center;gap:12px;min-width:0}
.overview-trip-text{display:grid;gap:3px;min-width:0}
.overview-trip-text strong{font-size:.86rem}
.overview-trip-text small{font-size:.72rem;color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.overview-trip-time{text-align:center;flex-shrink:0}
.overview-trip-time .time{display:block;font-size:1rem}
.overview-trip-time small{font-size:.68rem;color:var(--ink-faint)}
.quick-actions{display:grid;gap:10px;padding:12px}
.quick-actions>button,.quick-actions>.quick-link{display:flex;align-items:center;gap:12px;width:100%;background:var(--navy-50);color:inherit;font:inherit;text-align:right;text-decoration:none;padding:14px;border-radius:var(--radius-control);cursor:pointer;transition:background var(--transition)}
.quick-actions>button:hover,.quick-actions>.quick-link:hover{background:var(--navy-100)}
.quick-text{display:grid;gap:2px;margin-inline-end:auto;min-width:0}
.quick-text strong{font-size:.84rem}
.quick-text small{font-size:.72rem;color:var(--ink-muted)}
.quick-actions .icon:last-child{width:17px;height:17px;color:var(--ink-faint);flex-shrink:0}
@media(max-width:900px){.overview-grid{grid-template-columns:1fr}}
@media(max-width:760px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.kpi-tile{padding:16px;gap:12px}.kpi-tile strong{font-size:1.45rem}}