@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&display=swap');
/* GENACOM-UX-V4: IBM Plex Sans Arabic, with local Cairo fallback */
/* GENACOM Brand Refresh v3.0.0
 * Derived from the approved first GENACOM logo.
 * Primary #E70F4E | Accent #FFAA01 | Ink #182235 | Background #F6F8FB
 */
@font-face{font-family:GenacomCairoV3;src:url('Cairo.ttf') format('truetype');font-weight:200 1000;font-style:normal;font-display:swap}
:root{
  --gc-brand:#E70F4E;--gc-brand-dark:#C80B42;--gc-brand-deep:#A80737;--gc-brand-soft:#FFF0F5;--gc-brand-softer:#FFF7FA;
  --gc-accent:#FFAA01;--gc-accent-dark:#E89600;--gc-accent-soft:#FFF4DA;
  --gc-ink:#182235;--gc-muted:#718096;--gc-line:#E8EDF3;--gc-bg:#F6F8FB;--gc-surface:#FFF;
  --gc-success:#13A36D;--gc-success-soft:#EAF8F2;--gc-danger:#E5485D;--gc-danger-soft:#FDEDEF;
  --gc-shadow:0 8px 26px rgba(24,34,53,.06);--gc-shadow-hover:0 12px 34px rgba(24,34,53,.09)
}
body[data-genacom]{--bg:var(--gc-bg);--ink:var(--gc-ink);--primary:var(--gc-brand);--primary-dark:var(--gc-brand-dark);--line:var(--gc-line);font-family:"IBM Plex Sans Arabic",GenacomCairoV3,Tahoma,"Segoe UI",Arial,sans-serif!important;background:var(--gc-bg)!important;color:var(--gc-ink)!important;line-height:1.7}
body[data-genacom] input,body[data-genacom] button,body[data-genacom] select,body[data-genacom] textarea{font-family:inherit!important}
body[data-genacom] :focus-visible{outline:3px solid rgba(231,15,78,.22)!important;outline-offset:2px}
body[data-genacom] a{color:var(--gc-brand)}

/* Sidebar / primary navigation */
body[data-genacom] .sidebar{width:252px!important;background:#fff!important;border-left:1px solid var(--gc-line)!important;box-shadow:-8px 0 28px rgba(24,34,53,.035)!important;padding:0!important;color:var(--gc-ink)!important}
body[data-genacom] .sidebar>.brand{min-height:106px!important;padding:22px 18px!important;border-bottom:1px solid #F0F2F6!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important}
body[data-genacom] .sidebar>.brand .brand-mark,body[data-genacom] .sidebar>.brand strong,body[data-genacom] .sidebar>.brand>span{display:none!important}
body[data-genacom] .sidebar>.brand:before{content:"";display:block;width:176px;height:62px;background:url('logo.png') center/contain no-repeat}
body[data-genacom] .sidebar-nav{padding:12px 12px 22px!important}
body[data-genacom] .sidebar-nav a,body[data-genacom] .nav a{min-height:48px!important;height:auto!important;margin:3px 0!important;padding:10px 14px!important;border-radius:10px!important;color:#314056!important;font-weight:650!important;gap:12px!important;transition:background .16s ease,color .16s ease,transform .16s ease!important;box-shadow:none!important}
body[data-genacom] .sidebar-nav a:hover,body[data-genacom] .nav a:hover{background:#FFF7FA!important;color:var(--gc-brand)!important;transform:translateX(-1px)}
body[data-genacom] .sidebar-nav a.active,body[data-genacom] .nav a.active{background:linear-gradient(90deg,#FFF4F8,#FFE9F0)!important;color:var(--gc-brand)!important;box-shadow:inset -4px 0 var(--gc-brand)!important}
body[data-genacom] .nav-icon{color:currentColor!important}
body[data-genacom] .nav-icon svg{stroke-width:1.8!important}
body[data-genacom] .nav-label{color:#9AA5B4!important;font-size:10px!important;font-weight:700!important;margin:19px 14px 8px!important}
body[data-genacom] .sidebar-footer{border-top:1px solid #F0F2F6!important;color:#7F8B9A!important}
body[data-genacom] .main-area,body[data-genacom="portal"] .main{margin-right:252px!important}

/* Topbar and page structure */
body[data-genacom] .topbar{min-height:72px!important;height:72px!important;background:rgba(255,255,255,.97)!important;border-bottom:1px solid var(--gc-line)!important;padding:0 28px!important;box-shadow:0 3px 14px rgba(24,34,53,.025)!important;backdrop-filter:blur(12px)}
body[data-genacom] .page-wrap{padding:26px 28px 38px!important;max-width:1760px!important}
body[data-genacom] .page-head{margin-bottom:22px!important}
body[data-genacom] .page-head h1{font-size:26px!important;font-weight:850!important;color:var(--gc-ink)!important;letter-spacing:-.25px}
body[data-genacom] .page-head p{color:var(--gc-muted)!important}

/* Cards */
body[data-genacom] .card,body[data-genacom] .kpi-card,body[data-genacom] .kpi,body[data-genacom] .route-kpi,body[data-genacom] .metric-strip .metric-small{background:#fff!important;border:1px solid var(--gc-line)!important;border-radius:16px!important;box-shadow:var(--gc-shadow)!important}
body[data-genacom] .card:hover{box-shadow:var(--gc-shadow-hover)}
body[data-genacom] .card-head{border-bottom:1px solid #F0F3F6!important;padding:20px 20px 14px!important}
body[data-genacom] .card-head h2,body[data-genacom] .card-head h3{font-size:16px!important;font-weight:800!important;color:#202B3D!important}
body[data-genacom] .card-head a{color:var(--gc-brand)!important;font-weight:700!important}

/* KPI cards already installed by GENACOM-Cards-And-Status-v1 */
body[data-genacom] .gc-summary{gap:16px!important;margin-bottom:22px!important}
body[data-genacom] .gc-summary-card{min-height:118px!important;padding:20px!important;border-radius:16px!important;border:1px solid var(--gc-line)!important;box-shadow:var(--gc-shadow)!important;position:relative!important;overflow:hidden!important}
body[data-genacom] .gc-summary-card:after{content:"";position:absolute;inset:auto -38px -54px auto;width:130px;height:130px;border-radius:50%;background:currentColor;opacity:.035;pointer-events:none}
body[data-genacom] .gc-summary-copy strong{color:#202B3D!important;font-size:31px!important;font-weight:850!important}
body[data-genacom] .gc-summary-copy>span{color:#68788C!important;font-size:13px!important;font-weight:650!important}
body[data-genacom] .gc-summary-icon{width:50px!important;height:50px!important;flex-basis:50px!important;border-radius:14px!important}
body[data-genacom] .gc-summary-total{background:linear-gradient(135deg,#fff 38%,#FFF2F6)!important;color:var(--gc-brand)!important}
body[data-genacom] .gc-summary-total .gc-summary-icon{background:#FFE6EE!important;color:var(--gc-brand)!important}
body[data-genacom] .gc-summary-delivered{background:linear-gradient(135deg,#fff 38%,#F1FBF7)!important;color:var(--gc-success)!important}
body[data-genacom] .gc-summary-delivered .gc-summary-icon{background:#DDF6EB!important;color:var(--gc-success)!important}
body[data-genacom] .gc-summary-transit{background:linear-gradient(135deg,#fff 38%,#FFF8E8)!important;color:#E59A00!important}
body[data-genacom] .gc-summary-transit .gc-summary-icon{background:#FFF0C9!important;color:#E59A00!important}
body[data-genacom] .gc-summary-failed{background:linear-gradient(135deg,#fff 38%,#FFF1F3)!important;color:var(--gc-danger)!important}
body[data-genacom] .gc-summary-failed .gc-summary-icon{background:#FDE3E7!important;color:var(--gc-danger)!important}

/* Buttons */
body[data-genacom] .btn{border-radius:10px!important;min-height:42px!important;font-weight:750!important;transition:transform .15s ease,box-shadow .15s ease,background .15s ease!important}
body[data-genacom] .btn-primary,body[data-genacom="portal-login"] .btn,body[data-genacom="welcome"] .track button{background:linear-gradient(135deg,#F3175C,var(--gc-brand))!important;border-color:var(--gc-brand)!important;color:#fff!important;box-shadow:0 6px 16px rgba(231,15,78,.18)!important}
body[data-genacom] .btn-primary:hover,body[data-genacom="portal-login"] .btn:hover,body[data-genacom="welcome"] .track button:hover{background:var(--gc-brand-dark)!important;border-color:var(--gc-brand-dark)!important;color:#fff!important;box-shadow:0 8px 20px rgba(231,15,78,.22)!important;transform:translateY(-1px)}
body[data-genacom] .btn-primary:active,body[data-genacom="portal-login"] .btn:active,body[data-genacom="welcome"] .track button:active{background:var(--gc-brand-deep)!important;transform:none}
body[data-genacom] .btn-secondary{background:#fff!important;color:#394A60!important;border:1px solid #DDE4EC!important}
body[data-genacom] .btn-secondary:hover{background:#FFF7FA!important;color:var(--gc-brand)!important;border-color:#F7BED0!important}

/* Fields */
body[data-genacom] .field input:not([type=checkbox]):not([type=radio]),body[data-genacom] .field select,body[data-genacom] .field textarea{background:#fff!important;border:1px solid #DDE4EC!important;border-radius:10px!important;color:#223047!important;min-height:46px!important}
body[data-genacom] .field input:focus,body[data-genacom] .field select:focus,body[data-genacom] .field textarea:focus{border-color:#F07198!important;box-shadow:0 0 0 4px rgba(231,15,78,.08)!important;outline:none!important}
body[data-genacom] input[type=checkbox],body[data-genacom] input[type=radio]{accent-color:var(--gc-brand)!important}

/* Tables */
body[data-genacom] .table-wrap{border-radius:0 0 16px 16px!important}
body[data-genacom] .data-table th,body[data-genacom] .table th{background:#FAFBFD!important;color:#65758A!important;font-size:11.5px!important;font-weight:750!important;padding:13px 16px!important;border-bottom:1px solid var(--gc-line)!important}
body[data-genacom] .data-table td,body[data-genacom] .table td{padding:14px 16px!important;font-size:12.5px!important;border-color:#EEF1F5!important;color:#35445A!important}
body[data-genacom] .data-table tbody tr:hover,body[data-genacom] .table tbody tr:hover{background:#FFF9FB!important}
body[data-genacom] .tracking-link,body[data-genacom] .tracking{color:#273A53!important;font-weight:700!important}

/* Status pills */
body[data-genacom] .status-badge,body[data-genacom] .status,body[data-genacom] .route-state{border-radius:999px!important;font-weight:700!important}
body[data-genacom] .status-delivered,body[data-genacom] .st-green,body[data-genacom] .route-state-completed{background:#E6F8F0!important;color:#0E9367!important}
body[data-genacom] .status-in_transit,body[data-genacom] .status-out_for_delivery,body[data-genacom] .st-blue{background:#FFF2D5!important;color:#C88400!important}
body[data-genacom] .status-ready_for_dispatch{background:#FFE8F0!important;color:#D40C4A!important}
body[data-genacom] .status-delivery_failed,body[data-genacom] .status-cancelled,body[data-genacom] .st-red{background:#FDE9ED!important;color:#C6384D!important}
body[data-genacom] .status-on_hold{background:#FFF5DE!important;color:#9E7100!important}
body[data-genacom] .status-return_requested,body[data-genacom] .status-returning,body[data-genacom] .status-returned{background:#F3EDFF!important;color:#6D51A5!important}
body[data-genacom] .status-received,body[data-genacom] .status-processing,body[data-genacom] .status-arrived_at_destination{background:#EEF2F7!important;color:#536981!important}

/* Footer */
body[data-genacom] .reference-footer{border-top:1px solid var(--gc-line)!important;color:#8490A1!important}
body[data-genacom] .reference-footer:before{background:linear-gradient(90deg,var(--gc-accent),var(--gc-brand))!important;width:42px!important}

/* Login surfaces */
body[data-genacom="admin-login"],body[data-genacom="portal-login"]{background:#F7F8FB!important}
body[data-genacom="admin-login"] .login-shell,body[data-genacom="portal-login"] .wrap{border:1px solid #E7EBF0!important;border-radius:20px!important;box-shadow:0 24px 70px rgba(24,34,53,.09)!important;overflow:hidden!important}
body[data-genacom="admin-login"] .login-visual,body[data-genacom="portal-login"] .hero{background:radial-gradient(circle at 25% 20%,rgba(255,170,1,.95),rgba(255,170,1,0) 34%),linear-gradient(145deg,#B9083D 8%,#E70F4E 55%,#F02B67 100%)!important;position:relative!important;isolation:isolate!important}
body[data-genacom="admin-login"] .login-visual:after,body[data-genacom="portal-login"] .hero:after{content:"";position:absolute;inset:38px;background:url('logo-white.png') center 18%/min(72%,330px) auto no-repeat;opacity:.98;z-index:-1}
body[data-genacom="admin-login"] .login-copy h1,body[data-genacom="portal-login"] .hero h1{color:#fff!important;text-shadow:0 2px 12px rgba(100,0,32,.12)!important}
body[data-genacom="admin-login"] .login-copy h1:after,body[data-genacom="portal-login"] .hero h1:after{background:var(--gc-accent)!important}
body[data-genacom="admin-login"] .login-panel,body[data-genacom="portal-login"] .form{background:#fff!important}
body[data-genacom="admin-login"] .mobile-brand,body[data-genacom="portal-login"] .reference-login-brand{min-height:86px!important;margin-bottom:26px!important;position:relative!important;font-size:0!important;color:transparent!important}
body[data-genacom="admin-login"] .mobile-brand>*,body[data-genacom="portal-login"] .reference-login-brand>*{display:none!important}
body[data-genacom="admin-login"] .mobile-brand:before,body[data-genacom="portal-login"] .reference-login-brand:before{content:"";display:block;width:min(100%,260px);height:82px;margin:auto;background:url('logo.png') center/contain no-repeat}
body[data-genacom="admin-login"] .login-form h2,body[data-genacom="portal-login"] .form h2{color:#202B3D!important;font-weight:850!important}
body[data-genacom="admin-login"] .login-form>.muted,body[data-genacom="portal-login"] .form>p{color:#7A8798!important}

/* Driver, portal and public pages */
body[data-genacom="driver"] .driver-top{background:linear-gradient(90deg,#BE0A40,#E70F4E)!important;color:#fff!important}
body[data-genacom="driver"] .driver-top .brand-mark{background-image:url('mark-white.png')!important}
body[data-genacom="portal"] .sidebar{background:#fff!important}
body[data-genacom="tracking"]{background:#F7F8FB!important}
body[data-genacom="tracking"] .tracking-brand{color:var(--gc-ink)!important}
body[data-genacom="welcome"]{background:linear-gradient(145deg,#AF0638,#E70F4E 58%,#F3326D)!important;color:#fff!important}
body[data-genacom="welcome"] .brand:before{background-image:url('mark-white.png')!important}
body[data-genacom="welcome"] .hero{background-image:none!important}
body[data-genacom="welcome"] .card{background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.18)!important;color:#fff!important;backdrop-filter:blur(8px)}
body[data-genacom="welcome"] .card span{color:#FFEAF1!important}
body[data-genacom="welcome"] .track{background:#fff!important;border-color:#fff!important}
body[data-genacom="welcome"] .track button{background:var(--gc-accent)!important;border-color:var(--gc-accent)!important;color:#562700!important;box-shadow:none!important}
body[data-genacom="welcome"] .track button:hover{background:#F29E00!important;border-color:#F29E00!important;color:#562700!important}

/* Dashboard details and small accents */
body[data-genacom] .metric-small b{color:#25364D!important}
body[data-genacom] .metric-small span,body[data-genacom] .metric-small small{color:#7B899B!important}
body[data-genacom] .shipment-hero,body[data-genacom] .driver-active-route,body[data-genacom] .quote-box{background:linear-gradient(135deg,#B9083D,#E70F4E)!important}
body[data-genacom] .alert{border-radius:12px!important}

@media(max-width:1100px){body[data-genacom] .gc-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:980px){body[data-genacom] .sidebar{transform:translateX(100%)!important}body[data-genacom] .sidebar.open{transform:translateX(0)!important}body[data-genacom] .main-area,body[data-genacom="portal"] .main{margin-right:0!important}}
@media(max-width:700px){body[data-genacom] .page-wrap{padding:18px 13px 30px!important}body[data-genacom] .topbar{height:auto!important;min-height:64px!important;padding:10px 13px!important}body[data-genacom] .page-head h1{font-size:22px!important}body[data-genacom] .gc-summary{gap:10px!important}body[data-genacom] .gc-summary-card{padding:14px!important;min-height:102px!important}body[data-genacom] .gc-summary-copy strong{font-size:26px!important}body[data-genacom] .gc-summary-icon{width:40px!important;height:40px!important;flex-basis:40px!important}body[data-genacom="admin-login"] .login-panel,body[data-genacom="portal-login"] .form{padding:30px 22px!important}}
@media(max-width:480px){body[data-genacom] .gc-summary{grid-template-columns:1fr!important}body[data-genacom] .gc-summary-card{min-height:92px!important}}
@media(prefers-reduced-motion:reduce){body[data-genacom] *,body[data-genacom] *:before,body[data-genacom] *:after{transition:none!important}}
@media print{body[data-genacom]{background:#fff!important}body[data-genacom] .sidebar,body[data-genacom] .topbar{display:none!important}body[data-genacom] .main-area,body[data-genacom] .main{margin:0!important}}

/* GENACOM-UX-V4 */
body[data-genacom]{font-weight:400;letter-spacing:0}
body[data-genacom] h1,body[data-genacom] h2,body[data-genacom] h3,body[data-genacom] h4,body[data-genacom] h5,body[data-genacom] h6,body[data-genacom] .page-head h1,body[data-genacom] .sidebar a,body[data-genacom] .btn{font-family:"IBM Plex Sans Arabic",GenacomCairoV3,Tahoma,"Segoe UI",Arial,sans-serif!important}
body[data-genacom] h1,body[data-genacom] h2,body[data-genacom] h3,body[data-genacom] .page-head h1{font-weight:700!important}
body[data-genacom] .sidebar a,body[data-genacom] .btn,body[data-genacom] th{font-weight:600!important}

/* GENACOM-UI-POLISH-V5
   UI density, responsive behavior, table legibility, empty/error states and mobile operations polish.
   No business logic, routes, permissions or database changes.
*/
:root{--gc-radius-sm:10px;--gc-radius:14px;--gc-radius-lg:18px;--gc-control:44px;--gc-section-gap:20px}
body[data-genacom]{font-size:14px!important;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body[data-genacom] .main-area,body[data-genacom] .main{min-width:0!important}
body[data-genacom] .page-wrap{width:100%!important;margin:0 auto!important}
body[data-genacom] .page-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:18px!important}
body[data-genacom] .page-head>div:first-child{min-width:0!important}
body[data-genacom] .page-head h1{margin:0 0 4px!important;line-height:1.35!important}
body[data-genacom] .page-head p{margin:0!important;max-width:760px!important;line-height:1.75!important}
body[data-genacom] .head-actions{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}

/* calmer surfaces: less visual noise, clearer hierarchy */
body[data-genacom] .card,body[data-genacom] .kpi-card,body[data-genacom] .kpi,body[data-genacom] .route-kpi{border-radius:var(--gc-radius-lg)!important;box-shadow:0 5px 20px rgba(24,34,53,.045)!important}
body[data-genacom] .card:hover{box-shadow:0 7px 24px rgba(24,34,53,.06)!important}
body[data-genacom] .card-head{min-height:58px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:17px 20px 13px!important}
body[data-genacom] .card-body{padding:20px!important}
body[data-genacom] .stack{gap:var(--gc-section-gap)!important}
body[data-genacom] .summary-layout{gap:20px!important;align-items:start!important}

/* dashboard KPIs */
body[data-genacom] .gc-summary{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;margin-bottom:20px!important}
body[data-genacom] .gc-summary-card{min-width:0!important;min-height:112px!important;padding:18px!important;box-shadow:0 5px 18px rgba(24,34,53,.045)!important}
body[data-genacom] .gc-summary-copy strong{font-size:29px!important;line-height:1.15!important}
body[data-genacom] .gc-summary-copy>span{font-size:12.5px!important;line-height:1.5!important}
body[data-genacom] .gc-summary-icon{width:46px!important;height:46px!important;flex-basis:46px!important;border-radius:13px!important}

/* sidebar and topbar */
body[data-genacom] .sidebar-nav a,body[data-genacom] .nav a{min-height:46px!important;padding:9px 13px!important;border-radius:11px!important;font-size:13.5px!important}
body[data-genacom] .sidebar-nav a.active,body[data-genacom] .nav a.active{background:#FFF0F5!important;box-shadow:inset -3px 0 var(--gc-brand)!important}
body[data-genacom] .nav-label{letter-spacing:0!important;margin-top:17px!important}
body[data-genacom] .topbar{box-shadow:none!important}

/* controls */
body[data-genacom] .btn{min-height:var(--gc-control)!important;padding:9px 16px!important;border-radius:11px!important;line-height:1.35!important}
body[data-genacom] .btn-sm{min-height:34px!important;padding:6px 11px!important;border-radius:9px!important}
body[data-genacom] .field{gap:6px!important}
body[data-genacom] .field>span,body[data-genacom] .field>label{font-size:12px!important;color:#65758A!important;font-weight:600!important}
body[data-genacom] .field input:not([type=checkbox]):not([type=radio]),body[data-genacom] .field select,body[data-genacom] .field textarea{min-height:var(--gc-control)!important;border-radius:11px!important;padding:9px 12px!important}
body[data-genacom] .field textarea{min-height:98px!important;resize:vertical}
body[data-genacom] .form-help,body[data-genacom] .muted,body[data-genacom] .subtext{line-height:1.65!important}

/* tables */
body[data-genacom] .table-wrap{overflow:auto!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:thin;scrollbar-color:#D8DEE7 transparent}
body[data-genacom] .data-table,body[data-genacom] .table{width:100%!important;border-collapse:separate!important;border-spacing:0!important}
body[data-genacom] .data-table th,body[data-genacom] .table th{white-space:nowrap!important;font-size:12px!important;padding:12px 14px!important}
body[data-genacom] .data-table td,body[data-genacom] .table td{font-size:13px!important;padding:13px 14px!important;vertical-align:middle!important}
body[data-genacom] .data-table tbody tr:last-child td,body[data-genacom] .table tbody tr:last-child td{border-bottom:0!important}
body[data-genacom] .tracking-link,body[data-genacom] .tracking{font-variant-numeric:tabular-nums!important;letter-spacing:.1px}
body[data-genacom] .status-badge,body[data-genacom] .status,body[data-genacom] .route-state{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:28px!important;padding:4px 10px!important;font-size:11.5px!important;white-space:nowrap!important}

/* empty, alert and note states */
body[data-genacom] .empty-state{margin:10px!important;padding:30px 20px!important;border:1px dashed #D9E0E9!important;border-radius:14px!important;background:#FBFCFE!important;color:#78879A!important;text-align:center!important;line-height:1.8!important}
body[data-genacom] .empty-state b,body[data-genacom] .empty-state strong{display:block!important;color:#33445B!important;margin-bottom:3px!important}
body[data-genacom] .note-box{border-radius:13px!important;border:1px solid #F1E2A8!important;background:#FFFBED!important;color:#705918!important;padding:14px 16px!important;line-height:1.75!important}
body[data-genacom] .alert{padding:13px 16px!important;border-radius:13px!important;line-height:1.7!important}

/* shipment / operations detail readability */
body[data-genacom] .info-grid{gap:12px!important}
body[data-genacom] .info-block{border-radius:13px!important;padding:14px!important;background:#FBFCFE!important;border:1px solid #EDF1F5!important}
body[data-genacom] .info-block small{color:#8190A2!important}
body[data-genacom] .info-block strong{color:#26364D!important;line-height:1.55!important}
body[data-genacom] .compact-item{gap:12px!important;padding:9px 0!important}
body[data-genacom] .timeline-item{padding-bottom:18px!important}
body[data-genacom] .shipment-finance{gap:10px!important}
body[data-genacom] .shipment-finance>div{border-radius:12px!important}

/* portal / driver usability */
body[data-genacom="portal"] .page-wrap,body[data-genacom="driver"] .page-wrap{max-width:1500px!important}
body[data-genacom="driver"] .driver-top{box-shadow:0 5px 18px rgba(142,6,45,.16)!important}
body[data-genacom="driver"] .driver-card,body[data-genacom="driver"] .task-card,body[data-genacom="driver"] .route-card{border-radius:16px!important;box-shadow:0 4px 18px rgba(24,34,53,.055)!important}
body[data-genacom="driver"] .driver-actions,body[data-genacom="driver"] .delivery-actions{display:flex!important;gap:10px!important;flex-wrap:wrap!important}

/* mobile */
@media(max-width:1100px){
 body[data-genacom] .gc-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body[data-genacom] .summary-layout{grid-template-columns:minmax(0,1fr)!important}
}
@media(max-width:980px){
 body[data-genacom] .sidebar{width:min(88vw,286px)!important;box-shadow:-18px 0 44px rgba(24,34,53,.13)!important}
 body[data-genacom] .topbar{position:sticky!important;top:0!important;z-index:40!important}
}
@media(max-width:700px){
 body[data-genacom]{font-size:13.5px!important}
 body[data-genacom] .page-wrap{padding:16px 12px 26px!important}
 body[data-genacom] .page-head{flex-direction:column!important;gap:12px!important;margin-bottom:16px!important}
 body[data-genacom] .page-head h1{font-size:21px!important}
 body[data-genacom] .head-actions{width:100%!important}
 body[data-genacom] .head-actions .btn,body[data-genacom] .head-actions form{flex:1 1 auto!important}
 body[data-genacom] .head-actions form .btn{width:100%!important}
 body[data-genacom] .card,body[data-genacom] .kpi-card,body[data-genacom] .kpi{border-radius:15px!important}
 body[data-genacom] .card-head{padding:15px 15px 11px!important;min-height:52px!important}
 body[data-genacom] .card-body{padding:15px!important}
 body[data-genacom] .gc-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
 body[data-genacom] .gc-summary-card{min-height:96px!important;padding:13px!important}
 body[data-genacom] .gc-summary-copy strong{font-size:24px!important}
 body[data-genacom] .gc-summary-copy>span{font-size:11.5px!important}
 body[data-genacom] .gc-summary-icon{width:38px!important;height:38px!important;flex-basis:38px!important}
 body[data-genacom] .data-table,body[data-genacom] .table{min-width:720px!important}
 body[data-genacom] .data-table th,body[data-genacom] .data-table td,body[data-genacom] .table th,body[data-genacom] .table td{padding:11px 12px!important}
 body[data-genacom] .form-grid,body[data-genacom] .package-add-grid,body[data-genacom] .info-grid{grid-template-columns:1fr!important}
 body[data-genacom] .shipment-finance{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body[data-genacom="driver"] .driver-actions .btn,body[data-genacom="driver"] .delivery-actions .btn,body[data-genacom="driver"] form>.btn{min-height:50px!important;flex:1 1 100%!important;font-size:14px!important}
 body[data-genacom="driver"] input,body[data-genacom="driver"] select,body[data-genacom="driver"] textarea{font-size:16px!important}
}
@media(max-width:430px){
 body[data-genacom] .gc-summary{grid-template-columns:1fr!important}
 body[data-genacom] .gc-summary-card{min-height:86px!important}
 body[data-genacom] .shipment-finance{grid-template-columns:1fr!important}
 body[data-genacom] .btn{padding-inline:13px!important}
}


/* GENACOM-ADMIN-WORKFLOW-V6
   Elegant pickup-request workspace + safe row actions for customer/driver lists.
   Presentation only; delete behavior continues to use Guarded Record Deletion v1.
*/

/* Pickup requests: quieter hierarchy, stronger operational focus */
body[data-genacom] .gc-pickups-page{--gc-pickup-soft:#fff6f8;--gc-pickup-line:#f0e8ec;--gc-pickup-ink:#24334a}
body[data-genacom] .gc-pickups-page .page-head{margin-bottom:18px!important}
body[data-genacom] .gc-pickups-page .page-head h1{font-size:27px!important;color:#1f2f46!important}
body[data-genacom] .gc-pickups-page .page-head p{color:#77859a!important}
body[data-genacom] .gc-pickups-page .card{border:1px solid #edf0f4!important;background:#fff!important}
body[data-genacom] .gc-pickups-page .kpi-grid,
body[data-genacom] .gc-pickups-page .stats-grid,
body[data-genacom] .gc-pickups-page .metrics-grid,
body[data-genacom] .gc-pickups-page .summary-cards,
body[data-genacom] .gc-pickups-page .kpis{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin:0 0 18px!important}
body[data-genacom] .gc-pickups-page .kpi-card,
body[data-genacom] .gc-pickups-page .kpi,
body[data-genacom] .gc-pickups-page .stat-card,
body[data-genacom] .gc-pickups-page .metric-card{position:relative!important;overflow:hidden!important;min-height:104px!important;padding:18px 20px!important;border:1px solid #edf0f4!important;border-radius:16px!important;background:linear-gradient(145deg,#fff 0%,#fffafd 100%)!important;box-shadow:0 7px 22px rgba(25,38,58,.045)!important}
body[data-genacom] .gc-pickups-page .kpi-card:after,
body[data-genacom] .gc-pickups-page .kpi:after,
body[data-genacom] .gc-pickups-page .stat-card:after,
body[data-genacom] .gc-pickups-page .metric-card:after{content:"";position:absolute;inset-inline-start:0;top:0;width:4px;height:100%;background:linear-gradient(180deg,var(--gc-brand),var(--gc-accent));opacity:.82}
body[data-genacom] .gc-pickups-page .kpi-card strong,
body[data-genacom] .gc-pickups-page .kpi strong,
body[data-genacom] .gc-pickups-page .stat-card strong,
body[data-genacom] .gc-pickups-page .metric-card strong{font-size:30px!important;color:#17263c!important;font-weight:700!important}
body[data-genacom] .gc-pickups-page .kpi-card span,
body[data-genacom] .gc-pickups-page .kpi span,
body[data-genacom] .gc-pickups-page .stat-card span,
body[data-genacom] .gc-pickups-page .metric-card span{color:#7c899b!important}

/* GET filter bar used on admin pickup page */
body[data-genacom] .gc-pickups-page form[method="GET"],
body[data-genacom] .gc-pickups-page form[method="get"]{display:flex!important;align-items:center!important;gap:9px!important;flex-wrap:wrap!important;margin:0 0 15px!important;padding:11px!important;border:1px solid #eceff3!important;border-radius:14px!important;background:#fff!important;box-shadow:0 4px 16px rgba(24,34,53,.035)!important}
body[data-genacom] .gc-pickups-page form[method="GET"] input,
body[data-genacom] .gc-pickups-page form[method="GET"] select,
body[data-genacom] .gc-pickups-page form[method="get"] input,
body[data-genacom] .gc-pickups-page form[method="get"] select{min-height:42px!important;border:1px solid #e2e7ed!important;border-radius:10px!important;background:#fbfcfe!important;padding:8px 11px!important;color:#31435b!important}
body[data-genacom] .gc-pickups-page form[method="GET"] input[type="text"],
body[data-genacom] .gc-pickups-page form[method="get"] input[type="text"]{min-width:260px!important;flex:1 1 320px!important}
body[data-genacom] .gc-pickups-page form[method="GET"] .btn,
body[data-genacom] .gc-pickups-page form[method="get"] .btn{min-height:42px!important}

body[data-genacom] .gc-pickups-page .table-wrap{border:1px solid #edf0f4!important;border-radius:16px!important;background:#fff!important;box-shadow:0 7px 22px rgba(24,34,53,.04)!important}
body[data-genacom] .gc-pickups-page .data-table thead th,
body[data-genacom] .gc-pickups-page .table thead th{background:#fafbfc!important;color:#748197!important;font-size:11.5px!important;border-bottom:1px solid #edf0f4!important}
body[data-genacom] .gc-pickups-page .data-table tbody tr,
body[data-genacom] .gc-pickups-page .table tbody tr{transition:background .16s ease,transform .16s ease!important}
body[data-genacom] .gc-pickups-page .data-table tbody tr:hover,
body[data-genacom] .gc-pickups-page .table tbody tr:hover{background:#fffafd!important}
body[data-genacom] .gc-pickups-page .data-table td,
body[data-genacom] .gc-pickups-page .table td{border-bottom:1px solid #f0f2f5!important}
body[data-genacom] .gc-pickups-page select[name="status"],
body[data-genacom] .gc-pickups-page select[name="driver_id"]{min-height:36px!important;border:1px solid #dfe5eb!important;border-radius:9px!important;background:#fff!important;padding:5px 9px!important}
body[data-genacom] .gc-pickups-page .btn-primary{box-shadow:0 7px 18px rgba(231,15,78,.16)!important}

/* Customers / drivers list row actions */
body[data-genacom] .gc-entity-list .gc-actions-col{width:150px!important;text-align:center!important}
body[data-genacom] .gc-entity-list .gc-row-actions{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;white-space:nowrap!important}
body[data-genacom] .gc-entity-list .gc-row-actions form{display:inline-flex!important;margin:0!important}
body[data-genacom] .gc-entity-list .gc-action-edit,
body[data-genacom] .gc-entity-list .gc-action-delete{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-height:34px!important;padding:6px 11px!important;border-radius:9px!important;font-size:11.5px!important;font-weight:600!important;text-decoration:none!important;transition:.16s ease!important}
body[data-genacom] .gc-entity-list .gc-action-edit{color:#31435b!important;background:#f7f9fb!important;border:1px solid #dfe5eb!important}
body[data-genacom] .gc-entity-list .gc-action-edit:hover{color:var(--gc-brand)!important;border-color:#f1b4c7!important;background:#fff5f8!important}
body[data-genacom] .gc-entity-list .gc-action-delete{color:#b42318!important;background:#fff6f5!important;border:1px solid #ffd5d1!important;cursor:pointer!important}
body[data-genacom] .gc-entity-list .gc-action-delete:hover{background:#ffebe8!important;border-color:#ffc3bd!important}
body[data-genacom] .gc-entity-list .table-wrap{border-radius:16px!important;border:1px solid #edf0f4!important;background:#fff!important;box-shadow:0 6px 20px rgba(24,34,53,.04)!important}
body[data-genacom] .gc-entity-list tbody tr:hover{background:#fffafd!important}

/* Existing guarded deletion section on edit screens */
body[data-genacom] .gc-danger-zone{border:1px solid #ffd8d4!important;background:linear-gradient(145deg,#fff 0%,#fff8f7 100%)!important;box-shadow:none!important}
body[data-genacom] .gc-danger-zone h2{color:#9f261c!important}
body[data-genacom] .gc-danger-zone p{color:#78615f!important;line-height:1.75!important}

@media(max-width:980px){
 body[data-genacom] .gc-pickups-page .kpi-grid,
 body[data-genacom] .gc-pickups-page .stats-grid,
 body[data-genacom] .gc-pickups-page .metrics-grid,
 body[data-genacom] .gc-pickups-page .summary-cards,
 body[data-genacom] .gc-pickups-page .kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){
 body[data-genacom] .gc-pickups-page .page-head h1{font-size:22px!important}
 body[data-genacom] .gc-pickups-page form[method="GET"],
 body[data-genacom] .gc-pickups-page form[method="get"]{align-items:stretch!important}
 body[data-genacom] .gc-pickups-page form[method="GET"] input,
 body[data-genacom] .gc-pickups-page form[method="GET"] select,
 body[data-genacom] .gc-pickups-page form[method="GET"] .btn,
 body[data-genacom] .gc-pickups-page form[method="get"] input,
 body[data-genacom] .gc-pickups-page form[method="get"] select,
 body[data-genacom] .gc-pickups-page form[method="get"] .btn{width:100%!important;min-width:0!important;flex:1 1 100%!important}
 body[data-genacom] .gc-entity-list .gc-row-actions{justify-content:flex-start!important}
}
@media(max-width:480px){
 body[data-genacom] .gc-pickups-page .kpi-grid,
 body[data-genacom] .gc-pickups-page .stats-grid,
 body[data-genacom] .gc-pickups-page .metrics-grid,
 body[data-genacom] .gc-pickups-page .summary-cards,
 body[data-genacom] .gc-pickups-page .kpis{grid-template-columns:1fr 1fr!important;gap:8px!important}
 body[data-genacom] .gc-pickups-page .kpi-card,
 body[data-genacom] .gc-pickups-page .kpi,
 body[data-genacom] .gc-pickups-page .stat-card,
 body[data-genacom] .gc-pickups-page .metric-card{min-height:88px!important;padding:14px!important}
}