/* ينظم مساحة العمل المتجاوبة والهوية البصرية دون مكتبات تحتاج تراخيص. */
:root{--canvas:#f4f6fa;--ink:#182b3d;--muted:#748295;--line:#e6ebf1;--rail-width:248px}body.assetone-workspace{background:var(--canvas);color:var(--ink);font-size:13px;line-height:1.6}body.assetone-workspace>header{padding:13px 28px;min-height:78px;position:sticky;top:0;z-index:25;border-color:var(--line);box-shadow:0 1px 12px #14283c04}body.assetone-workspace>header .brand{font-size:20px}body.assetone-workspace>header nav{gap:10px}body.assetone-workspace>header nav a,body.assetone-workspace>header nav button{font-size:12px}body.workspace-ready>header{margin-inline-start:var(--rail-width)}body.assetone-workspace main{max-width:none;padding:24px 30px 50px}body.workspace-ready main{margin-inline-start:var(--rail-width)}#workspace-rail{width:var(--rail-width);position:fixed;inset-block:0;inset-inline-start:0;background:var(--secondary,#142f3b);color:#dce8ee;padding:30px 18px 20px;z-index:40;display:flex;flex-direction:column}.rail-brand{display:flex;align-items:center;gap:12px;color:white;padding:0 9px 30px}.rail-brand img{width:43px;height:43px;border-radius:12px;background:white;padding:3px}.rail-brand span{font-size:20px;direction:ltr}.rail-brand small{display:block;color:#8faebc;font-size:8px;letter-spacing:2px;margin-top:3px}.rail-caption{color:#8ca7b5;font-size:10px;letter-spacing:1.7px;padding:0 15px;margin:15px 0}#workspace-nav{display:flex;flex-direction:column;gap:5px;overflow-y:auto;align-items:stretch}#workspace-nav button{display:flex;align-items:center;gap:12px;position:relative;color:#bdced7;background:transparent;border:0;border-radius:10px;padding:12px 14px;text-align:start;font-size:12px;min-height:45px}#workspace-nav button:hover{background:#ffffff0a;color:white}#workspace-nav button.active{background:#ffffff12;color:white;box-shadow:inset -3px 0 var(--accent,#27b8a5)}#workspace-nav svg{width:18px;height:18px;flex-shrink:0;opacity:.9}.nav-counter{margin-inline-start:auto;font-size:10px;background:#ffffff14;border-radius:5px;padding:1px 7px}.rail-foot{margin-top:auto;border-top:1px solid #ffffff12;padding:22px 8px 0;font-size:10px;color:#94afbb;display:flex;gap:8px;align-items:center}.rail-live{height:6px;width:6px;background:var(--accent);border-radius:50%}.workspace-toolbar{display:flex;align-items:center;gap:14px;margin:0 0 25px}.workspace-toolbar small{font-size:10px;color:var(--muted)}.workspace-toolbar h1{font-size:24px;line-height:1.3;margin:4px 0}.workspace-tools{margin-inline-start:auto;display:flex;align-items:center;gap:14px}.workspace-tools span{font-size:12px;color:var(--muted)}#rail-toggle{display:none}#workspace > .welcome{display:none}.overview-hero{min-height:230px;border-radius:18px;background:var(--secondary,#12313b);color:white;padding:36px 38px;display:flex;gap:40px;justify-content:space-between;align-items:center;overflow:hidden;position:relative}.overview-hero>div:first-child{max-width:580px}.overview-hero h2{font-size:30px;line-height:1.6;color:white;margin:10px 0}.overview-hero p{color:#c0d1db;max-width:540px;font-size:12px;line-height:1.9}.overview-hero .eyebrow{color:var(--accent);font-size:9px;letter-spacing:2px}.overview-hero .primary{font-size:12px;margin-top:14px;background:white;color:var(--secondary);border-radius:8px}.hero-orbit{height:160px;width:160px;min-width:160px;border:1px solid #ffffff21;border-radius:50%;display:grid;place-items:center;position:relative;margin:0 35px;direction:ltr}.hero-orbit:before{content:"";position:absolute;inset:-25px;border:1px solid #ffffff0c;border-radius:50%}.hero-orbit span{position:absolute;top:0;right:9px;background:var(--accent);color:var(--secondary);border-radius:8px;font-size:10px;padding:5px 8px}.hero-orbit b{font-size:16px;letter-spacing:5px;font-weight:500;text-align:center;line-height:1.7}.hero-orbit i{width:9px;height:9px;background:var(--accent);border-radius:50%;position:absolute;bottom:14px;left:13px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:22px 0}.metric{background:white;border:1px solid var(--line);border-radius:13px;padding:21px;display:flex;gap:14px;align-items:center}.metric-icon{background:color-mix(in srgb,var(--primary) 9%,white);color:var(--primary);height:42px;width:42px;border-radius:11px;display:grid;place-items:center}.metric-icon svg{width:20px;height:20px}.metric strong{font-size:26px;display:block;font-weight:650;line-height:1.3}.metric small{font-size:11px;color:var(--muted)}.overview-columns{display:grid;grid-template-columns:1.35fr 1fr;gap:20px}.overview-card{background:white;border:1px solid var(--line);border-radius:14px;padding:24px}.overview-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.overview-heading h3{font-size:14px;margin:0}.overview-heading>span{color:#94a2b0;font-size:8px;letter-spacing:1.5px}.shortcut-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.shortcut{display:flex;text-align:start;align-items:center;gap:13px;padding:16px;border:1px solid var(--line);border-radius:10px;background:white}.shortcut:hover{border-color:var(--primary);background:#f8fafc}.shortcut svg{width:21px;height:21px;color:var(--primary)}.shortcut span{font-size:12px}.shortcut small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.activity-row{display:flex;gap:12px;border-bottom:1px solid var(--line);padding:15px 0}.activity-row:last-child{border:0}.activity-dot{width:8px;height:8px;min-width:8px;background:var(--accent);border-radius:50%;margin-top:7px}.activity-row strong{display:block;font-size:12px}.activity-row small{font-size:10px;color:var(--muted)}body.assetone-workspace .card{border-radius:13px;border-color:var(--line);padding:25px;box-shadow:0 3px 15px #182d3b02}body.assetone-workspace h2{font-size:19px}body.assetone-workspace table{font-size:11px}body.assetone-workspace th{font-weight:600;background:#f7f9fc;color:#6e7f92;padding:12px 14px}body.assetone-workspace td{padding:13px 14px;border-color:#edf0f5}body.assetone-workspace th button{background:transparent;border:0;font-size:11px;padding:0}body.assetone-workspace tbody tr:hover{background:#f9fbfd}body.assetone-workspace input,body.assetone-workspace select,body.assetone-workspace button{border-radius:7px;font-size:12px}body.assetone-workspace input:not([type=checkbox]),body.assetone-workspace select{min-height:40px;background:white;border-color:#dce3ec}body.assetone-workspace input:focus,body.assetone-workspace select:focus{outline:2px solid color-mix(in srgb,var(--primary) 35%,white);outline-offset:2px}body.assetone-workspace label{color:#637386;font-size:11px}body.assetone-workspace button{min-height:35px}body.assetone-workspace .primary{background:var(--primary);color:white;border:0}body.assetone-workspace details{border:1px solid var(--line);padding:12px 15px;border-radius:9px;margin-block:14px}body.assetone-workspace summary{cursor:pointer;font-size:12px}body.assetone-workspace .login{max-width:490px;margin:6vh auto;padding:40px;box-shadow:0 12px 50px #15283c08}body.assetone-workspace .login h1{font-size:26px}body.assetone-workspace .login .eyebrow{color:var(--primary)}body.assetone-workspace #message:empty{display:none}body.assetone-workspace #message:not(:empty){border:1px solid #edcec9;background:#fff5f3;border-radius:9px;margin-bottom:15px;font-size:12px}.workspace-module{animation:arrive .18s ease-out}@keyframes arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}[data-workspace-hidden]{display:none!important}@media(min-width:1600px){body.assetone-workspace main{max-width:1700px;margin-inline-end:auto;padding:35px 45px}}@media(max-width:1150px){:root{--rail-width:212px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-hero h2{font-size:25px}.hero-orbit{display:none}.overview-columns{grid-template-columns:1fr}}@media(max-width:760px){body.workspace-ready>header,body.workspace-ready main{margin-inline-start:0}body.assetone-workspace>header{padding:12px 16px}body.assetone-workspace>header .brand{font-size:16px}body.assetone-workspace>header .brand small{font-size:8px}body.assetone-workspace>header nav a{display:none}body.assetone-workspace main{padding:20px 14px}#workspace-rail{transform:translateX(110%);transition:transform .2s}html[dir=ltr] #workspace-rail{transform:translateX(-110%)}body.rail-open #workspace-rail{transform:none;box-shadow:0 0 0 100vmax #10243d55}#rail-toggle{display:block}.workspace-tools span{display:none}.workspace-toolbar h1{font-size:20px}.workspace-toolbar{gap:10px}.overview-hero{padding:25px}.overview-hero h2{font-size:25px}.metric-grid{gap:10px}.metric{padding:15px;gap:10px}.metric strong{font-size:22px}.metric small{font-size:10px}.metric-icon{width:35px;height:35px;min-width:35px}.shortcut-grid{grid-template-columns:1fr}.overview-card{padding:20px}body.assetone-workspace .cards{grid-template-columns:1fr}body.assetone-workspace .card{padding:19px}.workspace-tools button{font-size:10px}}

#workspace-nav{scrollbar-width:thin;scrollbar-color:#58727f transparent}

#admin-tools{display:block}#admin-tools>article.card{max-width:1000px}#identity-panel #user-form{max-width:760px}#identity-panel #identity-role-form{max-width:1000px}

/* يحافظ على قراءة مبررات التسوية الطويلة دون إخفاء الحركات خارج الجدول. */
#inventory-settlement td{white-space:normal;min-width:95px;max-width:240px;overflow-wrap:anywhere}#inventory-settlement .inline{flex-wrap:wrap}#settlement-columns{display:flex;flex-wrap:wrap;gap:16px}#settlement-columns label{display:flex;align-items:center;gap:6px}

/* مساحة مصمم الملصقات ومعاينة المقاس على الشاشات المختلفة. */
.label-studio{display:grid;grid-template-columns:minmax(0,2fr) minmax(220px,1fr);gap:24px}.label-preview-box{background:#f2f5f7;border:1px solid #dce3e8;border-radius:16px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center}.label-preview-box img{max-width:100%;height:auto;box-shadow:0 6px 28px #172d4226;background:white}.label-preview-box p{font-size:.85rem;line-height:1.7}#lbl-events{white-space:pre-wrap;overflow-wrap:anywhere}#asset-labels select{max-width:100%}@media(max-width:900px){.label-studio{grid-template-columns:1fr}}
/* يميز تغيرات Excel ويعرض المهام والنتائج بوضوح على الشاشات الصغيرة. */
.import-changed{background:#e6f3ed;color:#124c3e;font-weight:600}.import-job-card{padding:20px;border:1px solid #cddfdf;border-radius:14px;background:#f6faf9;margin:20px 0}.import-job-card progress{width:100%}.import-changes p{white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0}#import-events{white-space:pre-wrap;overflow-wrap:anywhere;max-height:260px;overflow:auto}

/* UX02A: scoped customer shell and real register. Theme and Cairo remain server-owned. */
body.assetone-workspace{--muted:#506174;font-size:15px;line-height:1.65}
body.assetone-workspace>header{min-height:62px;padding:8px 24px;flex-direction:row;align-items:center;gap:12px;flex-wrap:wrap}
body.assetone-workspace>header .brand{font-size:18px}.brand img{width:36px;height:36px}
body.assetone-workspace>header nav{flex-wrap:wrap;gap:8px}
body.assetone-workspace>header nav a,body.assetone-workspace>header nav button{font-size:14px}
body.assetone-workspace main{padding:18px 24px 40px;min-width:0;max-width:none}
body.assetone-workspace button,body.assetone-workspace input,body.assetone-workspace select,body.assetone-workspace label,body.assetone-workspace summary,body.assetone-workspace th button{font-size:14px}
body.assetone-workspace label{color:#354c5c}
body.assetone-workspace button{min-height:40px}
body.assetone-workspace :focus-visible{outline:3px solid #a74400;outline-offset:3px}
#workspace-rail{padding:18px 12px 12px;overflow:hidden}
.rail-brand{padding:0 8px 12px}.rail-brand small{color:#d2e1e9;font-size:10px;letter-spacing:1px}
.rail-caption{margin:8px;font-size:12px;color:#d2e1e9}
.ux-nav-search{margin:5px 8px 12px!important;color:white!important;font-size:13px!important}
.ux-nav-search input{color:#182b3d;min-width:0}
#workspace-nav{display:block;min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
#workspace-nav details{padding:0;border:0;margin:0 0 8px;border-radius:0;background:transparent}
#workspace-nav summary{padding:7px 8px;font-size:13px;color:#d2e1e9}
.ux-nav-row{display:flex;align-items:center;gap:2px;min-width:0}
#workspace-nav button{font-size:14px;padding:8px;min-height:42px;line-height:1.7;border-radius:7px;color:#edf5fa}
#workspace-nav .ux-nav-row>button:first-child{flex:1;min-width:0;overflow-wrap:anywhere}
#workspace-nav .ux-nav-row>button:last-child:not(:first-child){flex:0 0 36px;justify-content:center;font-size:18px}
#workspace-nav button.active{background:#ffffff24;border-inline-start:3px solid white;box-shadow:none}
.rail-foot{padding:10px 8px 0;color:#d2e1e9;font-size:11px}
.workspace-toolbar{gap:10px;margin-bottom:16px;flex-wrap:wrap}
.workspace-toolbar h1{font-size:24px;margin:0}.workspace-toolbar small{font-size:12px}
.workspace-tools{gap:10px;flex-wrap:wrap}.workspace-tools span{font-size:14px;color:#354c5c}
#rail-toggle{display:block;flex-shrink:0}
body.rail-collapsed{--rail-width:0px}body.rail-collapsed #workspace-rail{display:none}
.ux-customer{display:flex;align-items:center;gap:8px;font-size:14px;overflow-wrap:anywhere;max-width:260px}
.ux-customer img{height:32px;width:32px;object-fit:contain}
#workspace>*{min-width:0;max-width:100%}
body.assetone-workspace .card{padding:20px}
#asset-register h2{margin:0 0 8px;font-size:20px}
#asset-register .org-toolbar{grid-template-columns:minmax(190px,2fr) minmax(130px,1fr) auto auto;gap:12px;margin:8px 0;align-items:end}
#asset-register label{margin:3px 0;line-height:1.65}
#asset-register details{padding:9px 12px;margin:10px 0}
.ux-register-tools{display:flex;align-items:end;gap:12px;flex-wrap:wrap}
.ux-register-tools label{flex:1 1 125px}
#ux-local-note,#asset-grid-pref{font-size:12px;color:#506174;line-height:1.7;margin:6px 0;overflow-wrap:anywhere}
#asset-grid-state{font-size:14px;color:#354c5c;margin:6px 0;min-height:1.65em}
#asset-register .table-scroll,#asset-components .table-scroll{max-width:100%;overscroll-behavior:contain;scrollbar-gutter:stable}
#asset-register table,#asset-components table{font-size:14px;line-height:1.7}
#asset-register table{width:max-content;min-width:100%}
#asset-register td:nth-child(n){min-width:145px}
#asset-register td[data-column=nameAr],#asset-register td[data-column=nameEn]{min-width:280px;max-width:340px}
#asset-register .eyebrow{margin:0 0 6px}
#asset-register th,#asset-components th{font-size:14px;padding:10px 12px;color:#354c5c}
#asset-register td,#asset-components td{padding:12px;white-space:normal;min-width:125px;max-width:300px;overflow-wrap:anywhere;vertical-align:top}
#asset-register .ux-code,#asset-components .ux-code{unicode-bidi:isolate;min-width:100px;text-align:start;font-variant-numeric:tabular-nums}
body[data-density=compact] #asset-register td{padding-block:7px}
.ux-column{display:flex;align-items:center;gap:5px;flex-wrap:wrap;border:1px solid var(--line);border-radius:6px;padding:5px}
.ux-column label{display:flex;align-items:center;gap:3px;margin:0!important}
.ux-column button{font-size:12px!important;padding:3px 7px;min-height:34px!important}
.ux-asset-cards{display:none;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.ux-asset-card{border:1px solid #cdd7df;border-radius:10px;padding:14px;min-width:0}
.ux-asset-card dl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:6px 12px;margin:0 0 12px;font-size:14px}
.ux-asset-card dt{font-weight:600;color:#506174}.ux-asset-card dd{margin:0;overflow-wrap:anywhere}
body[data-asset-layout=cards] #asset-register .table-scroll{display:none}body[data-asset-layout=cards] .ux-asset-cards{display:grid}
#asset-card{scroll-margin-top:90px}#asset-card-title{overflow-wrap:anywhere}
#ux-return-list{margin-bottom:12px}
#ux-destinations{padding:20px;max-height:88dvh;overflow:auto;color:#182b3d}
#ux-destinations h2{font-size:19px;margin:0;flex:1}
#ux-quick-list{display:flex;flex-direction:column;align-items:stretch;gap:8px}
#ux-quick-list button{display:flex;gap:12px;align-items:center;text-align:start;overflow-wrap:anywhere}
#ux-quick-list svg{width:20px;height:20px;flex-shrink:0}
#ux-quick-list button.active{border:2px solid #354c5c;font-weight:bold}
@media(max-width:1000px){.ux-customer{max-width:100%}.workspace-tools{margin-inline-start:0}}
@media(max-width:760px){
 body.assetone-workspace>header{padding:8px 14px;position:static;gap:8px}
 body.assetone-workspace>header .brand{font-size:16px}
 body.assetone-workspace>header nav button{font-size:14px}
 body.assetone-workspace main{padding:14px 10px 30px}
 #workspace-rail{display:none}body.assetone-workspace .card{padding:14px}
 .workspace-toolbar{gap:10px}.workspace-toolbar h1{font-size:21px}
 .workspace-tools{width:100%}.workspace-tools span{display:block}
 .workspace-tools button{font-size:14px}.ux-customer{flex:1}
 #asset-register .org-toolbar{grid-template-columns:minmax(0,1fr);gap:8px}
 .ux-register-tools{gap:8px}.ux-register-tools label{flex-basis:100%}
 #workspace input,#workspace select,#workspace textarea{min-width:0;max-width:100%}
 .org-form-grid{grid-template-columns:minmax(0,1fr)}
 .org-pagination{flex-wrap:wrap;gap:8px;justify-content:start;font-size:14px}
 #ux-destinations{position:fixed;inset-block:0;inset-inline-start:0;inset-inline-end:auto;margin:0;width:min(92vw,420px);max-width:none;max-height:none;height:100dvh;padding:14px;border-radius:0}
 #asset-card{scroll-margin-top:10px}
}
@media(max-width:640px){body[data-asset-layout=auto] #asset-register .table-scroll{display:none}body[data-asset-layout=auto] .ux-asset-cards{display:grid}}
@media(prefers-reduced-motion:reduce){.workspace-module{animation:none}*{scroll-behavior:auto!important;transition:none!important}}

/* UX02A.1: retained-card actions remain readable at narrow widths and text scaling. */
#ux-card-session{align-items:center;margin-block:10px;overflow-wrap:anywhere}
#ux-card-session>*{max-width:100%;white-space:normal}
#ux-card-read-state{color:#354c5c}
@media(max-width:640px){#ux-card-session button{width:100%}}

/* Card source feedback remains readable with enlarged text and narrow viewports. */
#asset-read-feedback{align-items:center;overflow-wrap:anywhere;margin-block:10px}
#asset-read-feedback>*{max-width:100%;white-space:normal}
#asset-read-feedback [role=status]{color:#354c5c}
@media(max-width:640px){#asset-read-feedback button{width:100%}}

/* UX02B.1.1: هوية العميل تقرأ في صف كامل على الهاتف دون تصغير الخط. */
/* Keep the logo fixed and let words wrap within the available identity row. */
#workspace-toolbar .ux-customer{min-width:0}
#workspace-toolbar .ux-customer img{flex:0 0 32px;width:32px;height:32px}
#workspace-toolbar #ux-customer{min-width:0;flex:1;overflow-wrap:anywhere;word-break:normal}
#workspace-toolbar>button,#workspace-toolbar .workspace-tools button{min-width:44px;min-height:44px}
#workspace-toolbar .workspace-tools{min-width:0;max-width:100%}
@media(max-width:760px){
 #workspace-toolbar .ux-customer{flex:0 0 100%;width:100%;max-width:100%;align-items:flex-start}
 #workspace-toolbar .workspace-tools{flex:0 0 100%;width:100%;margin-inline-start:0}
 #workspace-toolbar .workspace-tools>*{max-width:100%;overflow-wrap:anywhere}
}