/* مساحة المكونات فقط؛ هوية البرنامج وخطه وتفضيلاته الحالية باقية. */
#asset-components{container-type:inline-size;container-name:components;min-width:0}
#asset-components #component-grid-parent-name,#asset-components #component-grid-parent-code{overflow-wrap:anywhere}
#asset-components p,#asset-components summary{font-size:1rem;color:var(--ink)}
#asset-components summary{min-height:44px;line-height:1.9}
#asset-components .component-tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));gap:12px;align-items:end}
#asset-components input,#asset-components select,#asset-components button{font-size:1rem;max-width:100%;min-height:44px}
#asset-components button{white-space:normal;min-width:44px;overflow-wrap:anywhere}
#asset-components .component-tools label{min-width:0;font-size:1rem}
#asset-components #component-grid-scope,#asset-components #component-grid-state,#asset-components #component-grid-count{font-size:1rem;line-height:1.9;color:var(--ink);overflow-wrap:anywhere}
#asset-components .org-column-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:12px}
#asset-components .ux-column{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;min-width:0}
#asset-components .ux-column>label{min-width:0;font-size:1rem;overflow-wrap:anywhere;display:flex;gap:8px;align-items:start}
#asset-components .ux-column>button{min-height:44px!important;min-width:44px!important;font-size:1rem!important}
#asset-components :focus-visible{outline:3px solid var(--primary);outline-offset:3px}
#asset-components .table-scroll{max-width:100%;overflow:auto}
#asset-components th,#asset-components td{font-size:1rem;vertical-align:top}
#asset-components #component-grid-cards{display:none}
#asset-components .component-card{border:1px solid var(--line);border-radius:12px;padding:16px;margin-block:12px;background:var(--canvas);min-width:0}
#asset-components .component-card dl{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;margin:0 0 16px}
#asset-components .component-card dt{font-size:1rem;font-weight:600;color:var(--muted)}
#asset-components .component-card dd{font-size:1rem;line-height:1.9;margin:0 0 12px;overflow-wrap:anywhere;min-width:0;color:var(--ink)}
#asset-components [dir="ltr"]{unicode-bidi:isolate;text-align:start}
#asset-components .component-access-note{display:none}
/* The existing card access marker also masks cached component content, without observers or requests. */
#asset-card:not([data-acw-source="accepted"]) #asset-components #component-workspace{display:none}
#asset-card:not([data-acw-source="accepted"]) #asset-components .component-access-note{display:block}
body[data-density="compact"] #asset-components .component-card{padding:12px;margin-block:8px}
@container components (max-width:700px){
 #asset-components #component-grid-table{display:none}
 #asset-components #component-grid-cards:not([hidden]){display:block}
 #asset-components .ux-column{grid-template-columns:repeat(2,minmax(0,1fr))}
 #asset-components .ux-column>label{grid-column:1/-1}
}