/* مساحة المواقع والتصنيفات؛ قواعد محصورة دون تغيير الغلاف أو بطاقة الأصل. */
#master-data{font-size:16px;line-height:1.6;color:#182b3d;min-width:0;overflow-wrap:anywhere}
#master-data .md-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px;background:var(--secondary,#12313b);color:white;border-radius:12px}
#master-data .md-heading h2{color:inherit;margin:0;font-size:28px;line-height:1.4}
#master-data .md-heading p{margin:4px 0;max-width:64ch}
#master-data .md-eyebrow{font-weight:600;font-size:14px}
#master-data .md-definition{display:flex;flex-wrap:wrap;gap:12px 24px;margin-block:16px;padding:12px 16px;background:#eef3f6;border-inline-start:4px solid var(--primary,#087e8b);border-radius:8px}
#master-data #master-status:empty{display:none}
#master-data #master-status,#master-data #md-source-state{color:#354c5c}
#master-data #md-lock-help{font-size:14px;color:#354c5c;max-width:85ch}
#master-data #md-level-nav{display:flex;flex-wrap:wrap;gap:8px;margin-block:18px}
#master-data #md-level-nav button{background:white;color:var(--secondary,#12313b);border:1px solid #a8b9c7;text-align:start;max-width:100%}
#master-data #md-level-nav [aria-pressed=true]{background:var(--secondary,#12313b);color:white;border-color:var(--secondary,#12313b)}
#master-data .md-toolbar{display:grid;grid-template-columns:minmax(140px,1fr) minmax(200px,2fr) minmax(160px,1.5fr);gap:16px;align-items:end}
#master-data label{min-width:0}
#master-data select,#master-data input:not([type=checkbox]){width:100%;box-sizing:border-box;min-width:0;max-width:100%;font:inherit}
#master-data button,#master-data summary{min-height:44px;min-width:44px;font-size:14px;line-height:1.5;white-space:normal}
#master-data button{padding:10px 14px;max-width:100%}
#master-data input,#master-data select{min-height:44px;font-size:16px}
#master-data input[type=checkbox]{width:20px;height:20px;min-height:20px;flex-shrink:0}
#master-data details{margin-block:16px;border:1px solid #cdd7df;border-radius:10px;padding:12px}
#master-data summary{cursor:pointer;font-size:16px;font-weight:600;padding:4px;box-sizing:border-box}
#master-data #master-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-block:12px}
#master-data #master-parent{grid-column:1/-1}
#master-data .md-pref,#master-data .md-pagination{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-block:12px}
#master-data .md-pref p{margin:0}
#master-data #md-results{font-weight:600}
#master-data .md-column{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:8px;border-bottom:1px solid #dce3e8}
#master-data .md-column label{display:flex;align-items:center;gap:10px;min-height:44px;flex:1}
#master-data table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:16px;white-space:normal}
#master-data caption{text-align:start;font-weight:600;padding:12px}
#master-data th,#master-data td{padding:14px 12px;text-align:start;vertical-align:top;white-space:normal;overflow-wrap:anywhere;border-bottom:1px solid #dce3e8}
#master-data th{background:#eef3f6}
#master-data th button{background:transparent;color:#182b3d;border:0;text-align:start;padding:4px}
#master-data bdi{unicode-bidi:isolate;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
#master-data #md-cards{display:none}
#master-data .md-node-card{border:1px solid #cdd7df;border-radius:10px;padding:16px;background:white;margin-block:12px}
#master-data .md-node-card dl{margin:0;display:grid;grid-template-columns:minmax(70px,1fr) minmax(0,2fr);gap:8px 12px}
#master-data dt{color:#354c5c;font-size:14px}
#master-data dd{margin:0;min-width:0}
#master-data .md-node-card button{margin-top:12px}
#master-data #master-edit{width:min(520px,calc(100vw - 32px));box-sizing:border-box;max-height:calc(100svh - 24px);overflow:auto;border:1px solid #a8b9c7;border-radius:12px;padding:20px;font:inherit;color:#182b3d}
#master-data #master-edit::backdrop{background:#10243d88}
#master-data #master-edit-form{display:grid;gap:12px}
#master-data :focus-visible{outline:3px solid #a74400;outline-offset:3px}
#master-data [hidden]{display:none!important}
body[data-density=compact] #master-data td,body[data-density=compact] #master-data th{padding-block:8px}
body[data-density=compact] #master-data .md-node-card{padding:12px}
@media(max-width:900px){#master-data .md-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}#master-data .md-toolbar label:nth-child(2){grid-column:1/-1;grid-row:2}}
@media(max-width:600px){#master-data .md-heading{display:block;padding:16px}#master-data .md-heading button{margin-top:12px}#master-data .md-toolbar,#master-data #master-form{grid-template-columns:minmax(0,1fr)}#master-data .md-toolbar label:nth-child(2){grid-column:auto;grid-row:auto}#master-data #md-table-wrap{display:none}#master-data #md-cards:not([hidden]){display:block}#master-data .md-column{padding-inline:0}#master-data .md-node-card dl{grid-template-columns:minmax(0,1fr)}#master-data dt:not(:first-child){margin-top:6px}}

#master-data .md-heading p{color:white;font-size:16px}
#master-data .md-heading .md-eyebrow{font-size:14px}
#master-data label,#master-data .md-column label{font-size:16px}
#master-data #md-context,#master-data #md-results,#master-data #md-source-state,#master-data #master-status{font-size:16px}
#master-data #md-lock-help,#master-data #md-pref-state{font-size:14px;color:#354c5c}
#master-data #md-source-state:empty{display:none}
#master-data .md-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-block:12px}
#master-data .md-options>details{margin:0;min-width:0}
#master-data .md-options>details[open]{grid-column:1/-1}
/* فصل أسماء الأعمدة عن أزرار النقل في العرض الضيق دون تغيير ترتيب التحكم. */
@media(max-width:600px){
    /* Keep the label full width; DOM order still defines keyboard and Earlier/Later behavior. */
    #master-data .md-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
    #master-data .md-column label{grid-column:1/-1}
}
