@font-face{font-family:Cairo;src:url('/assets/fonts/cairo-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
.order-summary-grid{display:block}.order-summary-heading{margin:0 0 9px;color:#52657f;font-size:14px;font-weight:700}.order-summary-heading:not(:first-child){margin-top:17px}.order-summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.order-summary-cards+.order-summary-heading{margin-top:17px}@media(max-width:767px){.order-summary-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}@media(max-width:420px){.order-summary-cards{grid-template-columns:1fr}}
.order-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin:0 0 18px}.order-summary-card{--summary-color:#176fe3;--summary-bg:#eef6ff;display:flex;align-items:center;gap:12px;min-width:0;padding:15px 16px;border:1px solid color-mix(in srgb,var(--summary-color),white 72%);border-radius:14px;background:linear-gradient(135deg,#fff,var(--summary-bg));color:var(--ink);text-decoration:none;box-shadow:0 6px 18px #1a2f4f0b;transition:transform .16s,box-shadow .16s,border-color .16s}.order-summary-card:hover,.order-summary-card.active{transform:translateY(-2px);border-color:var(--summary-color);box-shadow:0 10px 24px #1a2f4f1a}.order-summary-icon{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:12px;background:var(--summary-color);color:#fff;font-size:18px}.order-summary-copy{display:flex;flex-direction:column;gap:1px;min-width:0}.order-summary-copy strong{font-size:24px;line-height:1.2;color:var(--summary-color)}.order-summary-copy span{font-size:13px;color:#52657f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-summary-arrow{margin-right:auto;color:var(--summary-color);font-size:14px}.order-summary-blue{--summary-color:#176fe3;--summary-bg:#eef6ff}.order-summary-red{--summary-color:#c23b55;--summary-bg:#fff0f3}.order-summary-purple{--summary-color:#7355c7;--summary-bg:#f4f0ff}.order-summary-orange{--summary-color:#d47a16;--summary-bg:#fff6e7}.order-summary-teal{--summary-color:#087f83;--summary-bg:#eafafa}.order-summary-green{--summary-color:#13845d;--summary-bg:#eaf8f1}.order-summary-gold{--summary-color:#a36c00;--summary-bg:#fff8df}.order-summary-loading,.order-summary-error{grid-column:1/-1;padding:18px;text-align:center;color:var(--muted);background:#fff;border:1px dashed var(--line);border-radius:12px}.order-summary-loading i{margin-left:7px}@media(max-width:767px){.order-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.order-summary-card{padding:12px}.order-summary-icon{width:38px;height:38px;flex-basis:38px;font-size:15px}.order-summary-copy strong{font-size:21px}.order-summary-copy span{font-size:12px}.order-summary-arrow{display:none}}@media(max-width:420px){.order-summary-grid{grid-template-columns:1fr}.order-summary-card{padding:13px 14px}}
/* نظام ألوان موحّد لإجراءات النظام وملخصات كروت الصيانة */
.action-details{background:#fff7df!important;border-color:#f3d27a!important;color:#8a5a00!important}.action-details:hover,.action-details:focus-visible{background:#ffedb8!important;border-color:#e4b741!important;color:#704800!important}.action-add{background:#0866ff!important;border-color:#0866ff!important;color:#fff!important}.action-add:hover,.action-add:focus-visible{background:#0758db!important;border-color:#0758db!important;color:#fff!important}.action-edit{background:#e8f8f1!important;border-color:#99ddc0!important;color:#08785d!important}.action-edit:hover,.action-edit:focus-visible{background:#d4f2e3!important;border-color:#55b98b!important;color:#065d46!important}.action-delete{background:#fdecef!important;border-color:#f4cbd3!important;color:#b32943!important}.action-delete:hover,.action-delete:focus-visible{background:#fbdde2!important;border-color:#e990a0!important;color:#8f2035!important}.action-next{background:#eef2ff!important;border-color:#d8defd!important;color:#3246a8!important}.action-next:hover,.action-next:focus-visible{background:#e2e9ff!important;border-color:#adbaf3!important;color:#263886!important}
/* أدوات كروت الصيانة */
.card-filter-panel{margin-bottom:16px}.card-filter-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.stage-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px}.stage-summary-card{position:relative;min-height:124px;overflow:hidden;border:1px solid var(--stage-line,#dbe6f1);border-radius:14px;background:linear-gradient(135deg,#fff,var(--stage-bg,#f8fbff));padding:16px;text-align:right;color:#233b5a;box-shadow:0 7px 18px #173b5c0a;transition:.18s}.stage-summary-card:before{position:absolute;top:0;right:0;bottom:0;width:4px;background:var(--stage,#0875a3);content:''}.stage-summary-card>i{display:grid;place-items:center;width:39px;height:39px;margin-bottom:10px;border-radius:12px;background:var(--stage-icon-bg,#e8f3ff);color:var(--stage,#0875a3);font-size:17px}.stage-summary-card:hover,.stage-summary-card:focus-visible{transform:translateY(-3px);border-color:var(--stage,#00a0ae);box-shadow:0 14px 26px #10396118;outline:none}.stage-summary-card span,.stage-summary-card small{display:block}.stage-summary-card span{font-size:14px;font-weight:700}.stage-summary-card strong{display:block;margin:5px 0 2px;font-size:29px;line-height:1;color:var(--stage,#0875a3)}.stage-summary-card small{font-size:12px;color:#74849c}.stage-summary-card[id$=pending]{--stage:#1677d2;--stage-bg:#f3f8ff;--stage-line:#cfe4fb;--stage-icon-bg:#e4f1ff}.stage-summary-card[id$=waiting_parts]{--stage:#c88713;--stage-bg:#fffaf0;--stage-line:#f2dfb5;--stage-icon-bg:#fff0c9}.stage-summary-card[id$=in_progress]{--stage:#6b56c9;--stage-bg:#f7f5ff;--stage-line:#ded8fb;--stage-icon-bg:#ebe7ff}.stage-summary-card[id$=completed]{--stage:#078365;--stage-bg:#f1fbf7;--stage-line:#c4eadc;--stage-icon-bg:#ddf5eb}.stage-summary-card[id$=closed]{--stage:#506174;--stage-bg:#f6f8fa;--stage-line:#dce3ea;--stage-icon-bg:#e8edf2}.card-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-detail-grid>div,.card-detail-notes{border:1px solid #e0e9f2;border-radius:10px;background:#f9fcff;padding:12px}.card-detail-grid span,.card-detail-notes strong{display:block;color:#6b7e98;font-size:12px;margin-bottom:5px}.card-detail-grid bdi{font-weight:700;color:#183657}.card-detail-notes{margin-top:12px}.card-detail-notes p{margin:0;line-height:1.8;color:#334d6b;white-space:pre-wrap}@media(max-width:900px){.stage-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.card-filter-head{align-items:stretch;flex-direction:column}.stage-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.stage-summary-card{min-height:108px;padding:13px}.stage-summary-card>i{width:34px;height:34px;margin-bottom:7px;font-size:15px}.stage-summary-card strong{font-size:24px}.card-detail-grid{grid-template-columns:1fr}}
@font-face{font-family:Cairo;src:url('/assets/fonts/cairo-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Cairo;src:url('/assets/fonts/cairo-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Cairo;src:url('/assets/fonts/cairo-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
:root{--navy:#182e4f;--teal:#00a5b4;--blue:#0866ff;--ink:#202d45;--muted:#6d7d9c;--line:#e2e8f2;--surface:#f4f7fb;--surface-2:#fbfcfe;--danger:#cb3a52;--success:#0d8d68;--shadow:0 18px 45px #1a2f4f12}*{box-sizing:border-box}html{overflow-x:hidden}body{margin:0;background:var(--surface);color:var(--ink);font-family:Cairo,system-ui,sans-serif;font-size:16px;line-height:1.75;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:3px}a{text-decoration:none}a,button{transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s,transform .15s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.select2-container--default.select2-container--focus .select2-selection--single,.select2-container--default.select2-container--focus .select2-selection--multiple{outline:0;box-shadow:0 0 0 3px #00a5b426;border-color:#2b8fa2!important}h1,h2,h3,h4,h5,h6{margin:0;line-height:1.4;font-weight:700}bdi{unicode-bidi:isolate}.app-shell #sidebar{position:fixed;right:0;top:0;bottom:0;width:258px;background:linear-gradient(180deg,#173152 0%,#1b3559 56%,#163457 100%);color:#fff;z-index:1035;overflow:auto;display:flex;flex-direction:column;padding:24px 14px}.brand{display:flex;gap:14px;align-items:center;color:#fff;font-size:28px;font-weight:700;margin:4px 14px 34px}.brand i{color:#37d0dd;font-size:40px}.brand small{display:block;font-size:12px;color:#c2d3ea;line-height:1.55}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:13px 14px;border-radius:10px;color:#e6effa;margin:4px 0;font-size:15px;font-weight:600}.nav-item i{font-size:18px;width:22px;text-align:center}.nav-item:hover{background:#ffffff14;color:#fff}.nav-item.active{background:linear-gradient(135deg,#00a5b4,#0f7fe7);color:#fff;box-shadow:0 10px 24px #061d362e}.sidebar-foot{margin-top:auto;padding:28px 12px 8px;font-size:14px;color:#d2def0;line-height:1.8}.sidebar-foot small{display:block;margin-top:6px;font-size:12px;color:#a7bbd5}.workspace{margin-right:258px;min-height:100vh;display:flex;flex-direction:column}.topbar{min-height:82px;padding:18px 30px;background:#ffffffd9;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px;backdrop-filter:blur(12px)}.topbar-title{display:flex;flex-direction:column;gap:2px;flex:1}.topbar-title strong{font-size:20px;font-weight:700}.topbar-title small{color:var(--muted);font-size:13px}.topbar-icon{width:46px;min-width:46px;height:46px;padding:0;display:grid;place-items:center}.user-name{font-weight:600;color:#314361}.user-avatar{width:35px;height:35px;background:#e9edf4;border-radius:50%;display:grid;place-items:center;color:#71809b}main{padding:28px 30px;min-height:calc(100vh - 150px)}footer{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:13px;color:var(--muted);padding:16px 30px;border-top:1px solid var(--line);background:#fff}.page-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:16px}.page-head h1{font-size:30px;margin:0 0 8px}.breadcrumb-line{font-size:13px;color:var(--muted);margin-bottom:10px}.subtext{font-size:15px;color:var(--muted);margin:0;line-height:1.8}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;margin-bottom:18px;box-shadow:0 6px 18px #233a5b05}.section-title{font-size:19px;font-weight:700;margin:0 0 18px;display:flex;align-items:center;justify-content:space-between;gap:10px}.section-title i{color:var(--teal);margin-left:8px}.btn{font-size:14px;font-weight:600;padding:10px 16px;border-radius:10px;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px}.btn-primary{background:var(--blue);border-color:var(--blue)}.btn-primary:hover,.btn-primary:focus-visible{background:#0758db;border-color:#0758db}.btn-light{background:#fff;border:1px solid var(--line);color:#495c7d}.btn-light:hover,.btn-light:focus-visible{background:#f7f9fd;border-color:#cfd8e7;color:#273857}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:26px 0}.service-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;display:flex;flex-direction:column;min-height:194px;transition:transform .15s,box-shadow .15s}.service-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.service-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.service-card h2{font-size:20px;margin:0 0 8px}.service-card p{color:var(--muted);font-size:14px;margin:0}.service-icon{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;font-size:25px;background:color-mix(in srgb,var(--accent),white 91%);color:var(--accent);flex-shrink:0}.service-card a{margin-top:auto;font-size:14px;font-weight:600;color:var(--accent);align-self:flex-start;border:1px solid color-mix(in srgb,var(--accent),white 68%);border-radius:10px;padding:7px 14px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;display:flex;gap:14px;align-items:center}.stat i{background:#e9f3ff;color:var(--blue);padding:13px;border-radius:12px}.stat strong{font-size:25px;display:block;line-height:1.35}.stat span{font-size:13px;color:var(--muted)}.dashboard-bottom{display:grid;grid-template-columns:1.7fr 1fr;gap:20px;margin-top:20px}.quick-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0;border-bottom:1px solid var(--line);font-size:15px;color:var(--ink)}.quick-link i{color:var(--blue)}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.field label{font-size:14px;font-weight:700;display:block;margin-bottom:8px;color:#233453}.required{color:#ed5861}.form-control,.form-select{min-height:46px;border-color:#d7dfeb;font-size:15px;color:var(--ink);border-radius:10px;padding:10px 14px}.form-control::placeholder{color:#9ca8be}.picker{display:flex;gap:8px;align-items:stretch;min-width:0}.picker .select2-container{flex:1;min-width:0;width:0!important}.quick-add{border:1px solid #dbe7ff;border-radius:10px;background:#f5f9ff;color:var(--blue);padding:0 12px;font-size:13px;min-height:46px;font-weight:600}.select2-container{font-family:Cairo,system-ui,sans-serif}.select2-container--default .select2-selection--single,.select2-container--default .select2-selection--multiple{min-height:46px;border-color:#d7dfeb;border-radius:10px;display:flex;align-items:center;padding:3px 0;background:#fff}.select2-container--default .select2-selection--single .select2-selection__rendered{font-size:15px;padding-right:14px;padding-left:34px;color:#46597a;line-height:1.8}.select2-container--default .select2-selection--single .select2-selection__arrow{top:10px;left:10px;right:auto}.select2-container--default .select2-selection--multiple .select2-selection__rendered{padding:3px 8px 3px 8px}.select2-dropdown{border-color:#d4dfed;border-radius:10px;box-shadow:0 16px 32px #20355b10}.select2-results__option,.select2-search__field{font-size:14px}.table-responsive{overflow:auto;overflow-y:hidden;border-radius:12px}.table{min-width:680px;vertical-align:middle;margin-bottom:0}.table th{background:#f7f9fc;color:#667793;font-weight:700;font-size:13px;padding:16px}.table td{padding:15px;font-size:14px;line-height:1.8}.empty-state{text-align:center;padding:45px;color:var(--muted)}.modal-content{border:0;border-radius:18px;overflow:hidden}.modal-header,.modal-footer{border-color:var(--line);padding:20px 24px}.modal-body{padding:24px}.modal-title{font-size:21px}.details-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.details-grid div{background:var(--surface-2);border-radius:10px;padding:14px;overflow-wrap:anywhere}.details-grid small{display:block;color:var(--muted);margin-bottom:4px}.dt-container,.toast,.swal2-popup,.apexcharts-tooltip,.apexcharts-menu,.apexcharts-xaxistooltip,.apexcharts-yaxistooltip{font-family:Cairo,system-ui,sans-serif!important}.dt-container{font-size:14px}.dt-layout-row{align-items:center;gap:12px}.dt-input,.dt-length select{border:1px solid #d7dfeb!important;border-radius:10px!important;padding:8px 12px!important;min-height:42px}.dt-info{color:var(--muted)}.swal2-popup{border-radius:18px!important;padding:1.4rem!important}.swal2-title{font-size:1.5rem!important}.swal2-html-container,.swal2-input,.swal2-textarea{font-size:1rem!important}.swal2-confirm,.swal2-cancel{border-radius:10px!important}.toast{direction:rtl;border-radius:12px!important;box-shadow:0 14px 28px #1b2f5017}.apexcharts-canvas text,.apexcharts-legend-text{font-family:Cairo,system-ui,sans-serif!important}.permission-toolbar,.permission-search-row,.permission-grid,.permission-card-head,.permission-list,.permission-line,.role-summary-grid,.activity-stack,.activity-card,.activity-meta,.activity-detail-list,.activity-change-list,.toolbar-inline,.empty-inline{display:flex}.permission-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap}.toolbar-inline{gap:10px;align-items:center;flex-wrap:wrap}.empty-inline{gap:8px;align-items:center;color:var(--muted)}.permission-search-row{align-items:center;gap:10px}.permission-search-row .form-control{min-width:260px}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.permission-card{border:1px solid var(--line);border-radius:14px;padding:18px;background:linear-gradient(180deg,#fff,#fbfcff)}.permission-card-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.permission-card-head h3{font-size:18px}.permission-card-head p{margin:4px 0 0;color:var(--muted);font-size:13px}.permission-list{flex-direction:column;gap:10px}.permission-line{align-items:flex-start;gap:12px;border-top:1px solid #edf1f7;padding-top:10px}.permission-line:first-child{border-top:0;padding-top:0}.permission-line input{margin-top:7px;accent-color:var(--blue)}.permission-line strong{display:block;font-size:15px}.permission-line span{display:block;color:var(--muted);font-size:13px;line-height:1.7}.permission-count{font-size:13px;color:var(--muted);font-weight:700}.role-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.role-card{border:1px solid var(--line);border-radius:14px;padding:18px;background:#fff}.role-card.protected{background:#f8fbff}.role-card h3{font-size:19px;margin-bottom:6px}.role-card p{margin:0;color:var(--muted);font-size:14px}.role-card .badge{border:1px solid #d6e1f1;background:#f7faff;color:#32496b;font-size:12px;padding:6px 10px;border-radius:999px}.activity-stack{flex-direction:column;gap:12px}.activity-card{flex-direction:column;gap:10px;border:1px solid var(--line);border-radius:14px;padding:16px;background:#fff}.activity-meta{justify-content:space-between;gap:12px;flex-wrap:wrap}.activity-detail-list,.activity-change-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.activity-detail-list li,.activity-change-list li{background:#f8fbff;border-radius:10px;padding:10px 12px}.activity-detail-list small,.activity-change-list small{display:block;color:var(--muted);margin-bottom:4px}.activity-change-list b{color:#223758}.document-card{border:1px solid var(--line);border-radius:12px;padding:14px;background:#fff}.document-card p{margin:10px 0 0}.document-card a{overflow-wrap:anywhere}.list-note{font-size:13px;color:var(--muted)}.auth-page{min-height:100vh;background:linear-gradient(135deg,#10243f 0%,#173761 44%,#0b7d8b 100%)}.auth-layout{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,500px);align-items:stretch}.auth-brand-panel{padding:56px 54px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:linear-gradient(145deg,#112742a8,#0f32579e)}.auth-brand-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border:1px solid #ffffff24;border-radius:999px;background:#ffffff12;width:max-content;font-weight:700}.auth-brand-badge i{font-size:20px;color:#7fe4ee}.auth-brand-panel h1{font-size:52px;max-width:9ch}.auth-brand-panel p{font-size:19px;max-width:28rem;color:#dfebf8}.auth-brand-points{display:grid;gap:16px}.auth-brand-points div{padding:18px;border:1px solid #ffffff1e;border-radius:16px;background:#ffffff0d;backdrop-filter:blur(8px)}.auth-brand-points strong{display:block;font-size:18px;margin-bottom:4px}.auth-brand-points span{color:#d7e6f5;font-size:14px}.auth-form-panel{display:grid;place-items:center;padding:28px}.auth-card{width:min(100%,440px);background:#fff;border:1px solid #d9e1ec;border-radius:24px;padding:32px;box-shadow:0 28px 56px #08162633}.auth-card-head{display:flex;align-items:center;gap:16px;margin-bottom:22px}.auth-icon{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:#e8f2ff;color:var(--blue);font-size:24px}.auth-card h2{font-size:28px}.auth-card p{margin:4px 0 0;color:var(--muted);font-size:15px}.input-icon-wrap{position:relative}.input-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#6f84a7;font-size:15px;pointer-events:none}.auth-input{padding-right:42px}.password-wrap .auth-input{padding-left:108px}.password-toggle{position:absolute;left:10px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#2f4c73;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:6px;padding:8px;border-radius:8px}.password-toggle:hover,.password-toggle:focus-visible{background:#eef5ff}.auth-submit{width:100%;min-height:48px;font-size:16px}.invalid-feedback{font-size:13px;line-height:1.7}.alert{border-radius:14px}.photo-preview{width:100%;height:105px;object-fit:cover;border-radius:10px}.document-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.badge{font-weight:700}.workflow-steps{display:flex;gap:8px;flex-wrap:wrap}.workflow-steps span{padding:8px 14px;border-radius:999px;background:#eef3f9;font-size:13px}.workflow-steps .current{background:#0866ff;color:#fff}[hidden]{display:none!important}.vehicle-lookup+.select2-container{width:100%!important}@media(min-width:1600px){.service-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.form-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1200px){.app-shell #sidebar{width:224px}.workspace{margin-right:224px}main{padding:24px}.form-grid,.permission-grid,.role-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-layout{grid-template-columns:1fr}}@media(max-width:991px){.auth-layout{grid-template-columns:1fr}.auth-brand-panel{padding:32px 24px;gap:30px}.auth-brand-panel h1{font-size:38px;max-width:none}.auth-form-panel{padding:18px 14px 28px}}@media(max-width:767px){.app-shell #sidebar{transform:translateX(100%);transition:transform .2s;width:270px}.app-shell #sidebar.open{transform:translateX(0)}.workspace{margin:0}.topbar{padding:14px;height:auto;min-height:70px}.topbar-title strong{font-size:18px}.topbar-title small{font-size:12px}main{padding:18px 12px}.page-head{align-items:flex-start;flex-direction:column}.page-head h1{font-size:24px}.panel{padding:16px 14px}.form-grid,.permission-grid,.role-summary-grid,.details-grid{grid-template-columns:1fr;gap:16px}.dashboard-bottom,.service-grid,.stats{grid-template-columns:1fr}.service-card{padding:16px;min-height:180px}.stat strong{font-size:21px}.table{min-width:620px}.permission-search-row{width:100%}.permission-search-row .form-control{min-width:0;width:100%}.auth-page{background:linear-gradient(180deg,#112744 0%,#173861 56%,#0b7d8b 100%)}.auth-brand-panel{padding:24px 18px 8px}.auth-brand-panel p{font-size:16px}.auth-card{padding:24px 18px;border-radius:20px}.auth-card-head{align-items:flex-start}.password-wrap .auth-input{padding-left:84px}.password-toggle span{display:none}footer{padding:14px 12px;flex-direction:column;align-items:flex-start}}.stats{align-items:stretch}.dashboard-stat{min-height:104px;padding:18px 20px;border-radius:12px;align-items:center;overflow:hidden}.dashboard-stat i{width:46px;height:46px;min-width:46px;padding:0;display:grid;place-items:center;font-size:17px;border-radius:12px}.dashboard-stat-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.dashboard-stat strong{font-size:24px;line-height:1.25;white-space:nowrap;unicode-bidi:isolate;text-align:right}.dashboard-stat span{line-height:1.5}.service-grid{align-items:stretch;gap:16px;margin:24px 0 20px}.service-card{min-height:176px;padding:20px;border-radius:12px}.service-card h2{font-size:19px;line-height:1.45}.service-card p{line-height:1.75}.service-copy{min-width:0}.service-top{gap:14px}.service-icon{width:54px;height:54px;border-radius:14px;font-size:23px}.service-card a{min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;border-radius:9px}.dashboard-bottom{align-items:start;gap:18px}.dashboard-chart-panel,.dashboard-followup-panel{margin-bottom:0;border-radius:12px}.dashboard-chart-panel{overflow:hidden}.dashboard-chart-panel #chart{min-height:300px;max-width:100%}.dashboard-chart-panel .apexcharts-canvas,.dashboard-chart-panel svg{max-width:100%}.dashboard-followup-summary{display:grid;gap:8px;margin-bottom:14px}.dashboard-followup-summary p{margin:0;color:#314361;font-size:15px}.dashboard-followup-summary b{unicode-bidi:isolate}.dashboard-recent-list{display:flex;flex-direction:column}.dashboard-recent-list .quick-link{min-width:0;padding:12px 0}.dashboard-recent-list .quick-link span{min-width:0;display:inline-flex;align-items:center;gap:7px;overflow-wrap:anywhere}.dashboard-recent-list .quick-link small{color:var(--muted);line-height:1.5;text-align:left;flex-shrink:0}@media(max-width:1200px){.dashboard-stat{min-height:96px}.service-card{min-height:168px}.dashboard-bottom{grid-template-columns:1fr}.dashboard-chart-panel #chart{min-height:300px}}@media(max-width:767px){.dashboard-stat{min-height:88px;padding:16px}.dashboard-stat i{width:42px;height:42px;min-width:42px}.dashboard-stat strong{font-size:21px}.service-grid{gap:14px;margin:20px 0 18px}.service-card{min-height:0;padding:16px}.service-top{align-items:flex-start}.service-icon{width:48px;height:48px;font-size:20px}.dashboard-chart-panel,.dashboard-followup-panel{padding:16px 14px}.dashboard-chart-panel #chart{min-height:300px}.dashboard-recent-list .quick-link{align-items:flex-start}.dashboard-recent-list .quick-link small{max-width:45%;white-space:normal;text-align:left}}@media(max-width:420px){.dashboard-stat strong{font-size:20px}.service-card h2{font-size:18px}.service-card p{font-size:13px}.dashboard-recent-list .quick-link{gap:8px}.dashboard-recent-list .quick-link span{font-size:14px}.dashboard-recent-list .quick-link small{font-size:12px;max-width:42%}}.po-filter-panel,.po-table-panel{min-width:0}.po-table-wrap{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:12px}.po-table{min-width:980px}.po-table th{vertical-align:middle;white-space:nowrap}.po-table td{vertical-align:middle}.po-code bdi,.po-date bdi,.po-money bdi{direction:ltr;unicode-bidi:isolate;white-space:nowrap}.po-money{text-align:left}.po-status-cell{white-space:nowrap}.po-status{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:6px 10px;border-radius:999px;font-size:12px;line-height:1.3;color:#263a58;background:#edf2f7;border:1px solid #d8e1ec}.po-status-draft{background:#f4f6f9;color:#46576f;border-color:#dce3ec}.po-status-accountant,.po-status-manager,.po-status-supervisor{background:#eaf4ff;color:#0b5fa5;border-color:#cfe5fb}.po-status-matching{background:#fff7df;color:#8a5a00;border-color:#f3dda1}.po-status-ready{background:#e8f8f4;color:#08785d;border-color:#bce6dc}.po-status-paid,.po-status-closed{background:#e8f5ee;color:#0d754f;border-color:#bde0cd}.po-status-rejected{background:#fdecef;color:#aa2e45;border-color:#f4cbd3}.po-actions{white-space:nowrap}.po-action{min-height:34px;padding:6px 10px;border-radius:8px;font-size:13px;gap:6px}.po-table .dt-empty,.po-table .dataTables_empty{text-align:center;color:var(--muted);padding:32px 16px}@media(max-width:767px){.po-filter-panel .form-grid{grid-template-columns:1fr}.po-table-panel{padding:12px}.po-table{min-width:820px}.po-table th,.po-table td{padding:11px 10px}.po-action{width:34px;height:34px;min-height:34px;padding:0}.po-action span{display:none}}@media(max-width:420px){.po-table-panel{padding:10px}.po-table{min-width:760px}.po-table th,.po-table td{font-size:13px;padding:10px 8px}.po-status{font-size:11px;padding:5px 8px}.po-action{width:32px;height:32px;min-height:32px}}.po-form-panel{border-radius:12px}.po-form-grid{align-items:start}.po-field{min-width:0}.po-field label{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.po-required-text{font-size:12px;color:#7b4a00;background:#fff7df;border:1px solid #f0dea8;border-radius:999px;padding:1px 8px;line-height:1.6}.po-form-errors{margin-bottom:16px}.po-lines-wrap{border:1px solid var(--line);border-radius:12px;-webkit-overflow-scrolling:touch}.po-lines-table{min-width:920px}.po-lines-table th,.po-lines-table td{vertical-align:top}.po-lines-table th{white-space:nowrap}.po-lines-table .field{margin:0}.po-lines-table .field label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.po-lines-table .picker{min-width:230px}.po-line-description{display:block;min-width:150px;color:#415575;line-height:1.7;overflow-wrap:anywhere}.po-line-total{display:inline-flex;min-height:46px;align-items:center;direction:ltr;unicode-bidi:isolate;font-weight:700;color:#223758;white-space:nowrap}.po-lines-table .remove-line{width:44px;min-width:44px;padding:0;color:var(--danger)}.po-summary-panel textarea{min-height:116px}.po-totals{background:#f8fbff;border:1px solid #dce6f3;border-radius:12px;padding:16px;display:grid;gap:8px;align-self:stretch}.po-totals span,.po-totals strong{display:flex;justify-content:space-between;gap:14px}.po-totals bdi{direction:ltr;unicode-bidi:isolate;white-space:nowrap}.po-totals small{color:var(--muted);line-height:1.7}.po-submit.is-loading{cursor:progress}.po-submit.is-loading i{animation:poPulse .8s ease-in-out infinite alternate}.po-error{display:none}.po-field .is-invalid+.select2-container .select2-selection,.po-lines-table .is-invalid+.select2-container .select2-selection,.po-field .select2-selection.is-invalid,.po-lines-table .select2-selection.is-invalid{border-color:var(--danger)!important;box-shadow:0 0 0 3px #cb3a5217}#editor-form .btn.is-loading{cursor:progress;opacity:.78}#editor-form .is-invalid+.select2-container .select2-selection,#editor-form .select2-selection.is-invalid{border-color:var(--danger)!important;box-shadow:0 0 0 3px #cb3a5217}.modal-field-error{margin-top:6px}.inventory-table-wrap{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:12px}.inventory-table{min-width:820px}.inventory-table th{vertical-align:middle;white-space:nowrap}.inventory-table td{vertical-align:middle}.inventory-balances-table{min-width:760px}.inventory-movements-table{min-width:980px}.inventory-code bdi,.inventory-date bdi,.inventory-number bdi,.inventory-lines bdi{direction:ltr;unicode-bidi:isolate;white-space:nowrap}.inventory-number{text-align:left}.inventory-lines{min-width:230px}.inventory-lines span{display:inline-block;max-width:260px;overflow-wrap:anywhere;margin-left:8px}.inventory-notes{max-width:280px;overflow-wrap:anywhere}.inventory-state-cell{white-space:nowrap}.inventory-badge{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700;line-height:1.3;border:1px solid #d8e1ec;background:#edf2f7;color:#263a58}.inventory-movement-issue{background:#eaf4ff;color:#0b5fa5;border-color:#cfe5fb}.inventory-movement-transfer{background:#eef2ff;color:#3246a8;border-color:#d8defd}.inventory-movement-return,.inventory-stock-ok{background:#e8f8f4;color:#08785d;border-color:#bce6dc}.inventory-movement-adjust,.inventory-stock-low{background:#fff7df;color:#8a5a00;border-color:#f3dda1}.inventory-stock-negative{background:#fdecef;color:#aa2e45;border-color:#f4cbd3}.inventory-table .dt-empty,.inventory-table .dataTables_empty{text-align:center;color:var(--muted);padding:32px 16px}@media(max-width:767px){.inventory-table{min-width:720px}.inventory-movements-table{min-width:900px}.inventory-lines span{max-width:190px}}.master-table-wrap,.maintenance-card-table-wrap{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:12px}.master-table,.maintenance-card-table{min-width:760px}.vehicle-master-table{min-width:920px}.master-table th,.maintenance-card-table th{vertical-align:middle;white-space:nowrap}.master-table td,.maintenance-card-table td{vertical-align:middle}.master-code bdi,.master-number bdi,.card-code bdi,.card-date bdi,.card-number bdi{direction:ltr;unicode-bidi:isolate;white-space:nowrap}.master-number,.card-number{text-align:left}.master-state-cell,.card-state-cell,.master-actions,.card-actions{white-space:nowrap}.state-badge,.card-status{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700;line-height:1.3;border:1px solid #d8e1ec;background:#edf2f7;color:#263a58}.state-active,.card-status-completed,.card-status-closed{background:#e8f8f4;color:#08785d;border-color:#bce6dc}.state-inactive{background:#f4f6f9;color:#64748b;border-color:#dce3ec}.card-status-pending{background:#eaf4ff;color:#0b5fa5;border-color:#cfe5fb}.card-status-waiting_parts{background:#fff7df;color:#8a5a00;border-color:#f3dda1}.card-status-in_progress{background:#eef2ff;color:#3246a8;border-color:#d8defd}.compact-action{min-height:34px;padding:6px 10px;border-radius:8px;font-size:13px;gap:6px}.card-actions .compact-action{margin-left:6px}.master-table .dt-empty,.master-table .dataTables_empty,.maintenance-card-table .dt-empty,.maintenance-card-table .dataTables_empty{text-align:center;color:var(--muted);padding:32px 16px}@media(max-width:767px){.master-table,.maintenance-card-table{min-width:720px}.vehicle-master-table{min-width:850px}.compact-action{width:34px;height:34px;min-height:34px;padding:0}.compact-action span{display:none}}@media(max-width:420px){.master-table,.maintenance-card-table{min-width:680px}.vehicle-master-table{min-width:800px}.master-table th,.master-table td,.maintenance-card-table th,.maintenance-card-table td{font-size:13px;padding:10px 8px}.state-badge,.card-status{font-size:11px;padding:5px 8px}.compact-action{width:32px;height:32px;min-height:32px}}.admin-table-wrap{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:12px}.admin-table{min-width:820px}.activity-table{min-width:980px}.admin-table th{vertical-align:middle;white-space:nowrap}.admin-table td{vertical-align:middle}.admin-code bdi{direction:ltr;unicode-bidi:isolate;white-space:nowrap}.admin-state-cell,.admin-actions{white-space:nowrap}.admin-pill{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700;line-height:1.3;border:1px solid #d8e1ec;background:#f7faff;color:#32496b;margin:2px}.role-pill{background:#eef7ff;color:#145da0;border-color:#d3e8fb}.scope-pill{background:#f4f6f9;color:#46576f;border-color:#dce3ec}.activity-pill{background:#eef2ff;color:#3246a8;border-color:#d8defd}.admin-table .dt-empty,.admin-table .dataTables_empty{text-align:center;color:var(--muted);padding:32px 16px}@media(max-width:767px){.admin-table{min-width:760px}.activity-table{min-width:900px}}@media(max-width:420px){.admin-table{min-width:720px}.activity-table{min-width:860px}.admin-table th,.admin-table td{font-size:13px;padding:10px 8px}.admin-pill{font-size:11px;padding:5px 8px}}.global-search{position:relative;flex:0 1 420px;min-width:220px}.global-search>i{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#70819d;font-size:14px;pointer-events:none}.global-search input{width:100%;min-height:44px;border:1px solid #d7dfeb;border-radius:12px;background:#fff;padding:9px 40px 9px 42px;color:var(--ink)}.global-search input::placeholder{color:#8a98ad}.global-search button{position:absolute;left:8px;top:50%;transform:translateY(-50%);border:0;background:#eef3f9;color:#52657f;width:28px;height:28px;border-radius:8px;display:grid;place-items:center}.global-search-results{position:absolute;z-index:1040;top:calc(100% + 8px);right:0;left:0;max-height:430px;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 45px #1a2f4f1f;padding:8px}.global-search-group+.global-search-group{border-top:1px solid #edf1f7;margin-top:8px;padding-top:8px}.global-search-group-title{font-size:12px;font-weight:700;color:var(--muted);padding:6px 8px}.global-search-option{display:flex;align-items:center;gap:10px;border-radius:10px;padding:10px;color:var(--ink)}.global-search-option:hover,.global-search-option.active{background:#f3f8ff;color:#12345a}.global-search-option>i{width:24px;color:var(--blue);text-align:center}.global-search-option strong{display:block;font-size:14px}.global-search-option small{display:block;color:var(--muted);font-size:12px;line-height:1.6;direction:rtl}.global-search-state{display:flex;align-items:center;gap:8px;padding:14px;color:var(--muted);font-size:14px}.global-search-state .fa-spinner{animation:poPulse .8s ease-in-out infinite alternate}@media(max-width:991px){.topbar{flex-wrap:wrap}.global-search{order:3;flex-basis:100%}}@media(max-width:420px){.global-search{min-width:0}.global-search input{font-size:14px}.global-search-results{max-height:360px}.user-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@keyframes poPulse{from{opacity:.45}to{opacity:1}}@media(max-width:767px){.po-lines-table{min-width:0;width:100%;border-collapse:separate;border-spacing:0 12px}.po-lines-table thead{display:none}.po-lines-table tbody,.po-lines-table tr,.po-lines-table td{display:block;width:100%}.po-lines-table tr{border:1px solid var(--line);border-radius:12px;background:#fff;padding:12px}.po-lines-table td{border:0!important;padding:8px 0}.po-lines-table td::before{content:attr(data-label);display:block;font-size:12px;font-weight:700;color:var(--muted);margin-bottom:5px}.po-lines-table .picker,.po-line-description{min-width:0}.po-lines-table .remove-line{width:100%;min-width:0}.po-totals{grid-column:auto}.po-submit{width:100%}}@media(max-width:420px){.po-form-panel{padding:14px 10px}.po-lines-table tr{padding:10px}.po-required-text{font-size:11px;padding:1px 7px}.po-totals{padding:12px}.po-totals span,.po-totals strong{align-items:flex-start;flex-direction:column;gap:2px}}/* شعار روتانا في شريط النظام وشاشة الدخول */.brand{justify-content:center;padding:10px;background:#fff;border-radius:14px;box-shadow:0 10px 24px #061d362e}.brand>*{display:none}.brand::before{content:"";display:block;width:185px;height:60px;background:url('/assets/brand/rotana-logo.jpg') center/contain no-repeat}.auth-logo-wrap{width:max-content;padding:12px 18px;border-radius:18px;background:#fff;box-shadow:0 14px 32px #071a3040}.auth-logo{display:block;width:210px;max-width:100%;height:auto}.auth-icon{width:68px!important;overflow:hidden;background:#fff!important;border:1px solid #dbe5f0}.auth-icon img{width:100%;height:100%;object-fit:contain}@media(max-width:767px){.brand::before{width:185px}.auth-logo{width:180px}}
/* تحسينات القائمة الجانبية والتفاعل مع الرابط الحالي */
.nav-section-label{margin:20px 10px 6px;padding-top:14px;border-top:1px solid #ffffff18;color:#8fb1d5;font-size:11px;font-weight:700;letter-spacing:.02em}
.nav-section-label:first-child{margin-top:4px;border-top:0;padding-top:0}
.nav-item{position:relative;min-height:46px;padding:11px 14px;gap:13px;border:1px solid transparent;transition:background-color .16s,border-color .16s,transform .16s,box-shadow .16s}
.nav-item i{width:24px;min-width:24px;color:#b7d0e9;font-size:17px;transition:color .16s,transform .16s}
.nav-item span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nav-item:hover{background:#ffffff12;border-color:#ffffff1d;transform:translateX(-3px)}
.nav-item:hover i{color:#7fe4ee;transform:scale(1.08)}
.nav-item.active{background:linear-gradient(105deg,#0798aa 0%,#176fe3 100%);border-color:#58d3dc66;box-shadow:0 10px 24px #061d3640,0 0 0 1px #ffffff14 inset;transform:none}
.nav-item.active:before{content:"";position:absolute;right:-14px;top:9px;bottom:9px;width:4px;border-radius:0 5px 5px 0;background:#78f0eb;box-shadow:0 0 14px #78f0eb99}
.nav-item.active i{color:#fff}
@media(max-width:767px){.nav-item:hover{transform:none}.nav-item.active:before{right:-14px}}
.movement-lines-section{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.movement-lines-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.movement-lines-head h3{font-size:17px}.movement-lines-table{min-width:620px}.movement-lines-table .field{margin:0}.movement-lines-table .field label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.movement-lines-table .picker{min-width:250px}.movement-lines-table .movement-line-remove{min-width:42px;padding:0}.inventory-actions{white-space:nowrap}.inventory-detail-lines{min-width:620px}
.order-summary-grid{display:block!important;margin:0 0 22px;padding:20px 22px;background:#f8fbff;border:1px solid #dce7f4;border-radius:16px}.order-summary-heading{display:flex;align-items:center;gap:9px;margin:0 0 12px;color:#173152;font-size:16px}.order-summary-heading::before{content:"";width:4px;height:20px;border-radius:4px;background:#176fe3}.order-summary-heading:not(:first-child){margin-top:22px}.order-summary-cards{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.order-summary-card{min-height:84px;padding:14px 16px;border-radius:13px}.order-summary-card:hover,.order-summary-card.active{transform:translateY(-2px)}.order-summary-copy strong{font-size:25px}.order-summary-icon{width:46px;height:46px;flex-basis:46px}.order-summary-arrow{font-size:13px}@media(max-width:767px){.order-summary-grid{padding:15px 12px}.order-summary-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.order-summary-card{min-height:76px;padding:11px}.order-summary-icon{width:38px;height:38px;flex-basis:38px}.order-summary-copy strong{font-size:21px}}@media(max-width:420px){.order-summary-cards{grid-template-columns:1fr}}
.order-filter-actions>div{display:flex;gap:8px}.order-filter-actions button{flex:1;white-space:nowrap}.clear-order-filters{color:#a23b4e;border-color:#e7b9c2;background:#fff}.clear-order-filters:not(:disabled):hover{color:#fff;background:#b33c51;border-color:#b33c51}.order-summary-selected{position:absolute;top:9px;left:10px;padding:2px 7px;border-radius:999px;background:var(--summary-color);color:#fff;font-size:10px;font-style:normal;font-weight:700}.order-summary-card{position:relative}.order-summary-card.active{border-width:2px;box-shadow:0 8px 24px color-mix(in srgb,var(--summary-color),transparent 72%),0 0 0 3px color-mix(in srgb,var(--summary-color),transparent 86%)}.order-summary-card.active .order-summary-icon{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--summary-color)}@media(max-width:767px){.order-filter-actions>div{flex-direction:column}.order-summary-selected{top:7px;left:7px;font-size:9px}}