/* توزيع مساحة العمل حسب العرض؛ لا يغيّر الصفحات العامة أو صلاحيات الخدمة. */
.adaptive-workspace{--dock-height:72px}
.adaptive-workspace [hidden]{display:none!important}
.adaptive-workspace main{font-size:15px;padding:28px;max-width:1600px}
.adaptive-workspace h1{font-size:30px;line-height:1.55;font-weight:600;letter-spacing:0}
.adaptive-workspace h2{font-size:19px;font-weight:600}
.adaptive-workspace .heading{gap:16px;align-items:center}
.adaptive-workspace .heading .eyebrow{display:none}
.adaptive-workspace .heading .muted{font-size:13px}
.adaptive-workspace .mobile-header{min-height:64px;padding:8px 24px;gap:12px}
.adaptive-workspace .workspace-location{font-size:13px;color:var(--muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.adaptive-workspace .mobile-header .brand-name{display:none}
.adaptive-workspace .workspace-header-actions{gap:8px;flex:none}
.adaptive-workspace .notification-entry{position:relative;gap:4px}
.adaptive-workspace .notification-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.workspace-rail{display:none}
.sidebar-brand{display:flex;align-items:center;gap:10px;padding:12px 16px;min-height:64px;border-bottom:1px solid var(--line)}
.sidebar-brand .brand-symbol{width:34px;height:34px}
.sidebar-brand .brand-name{font-size:17px}
.sidebar-brand .brand-name small{font-size:8px}
.adaptive-workspace .sidebar-workspace-heading{margin:0}
.adaptive-workspace .sidebar-body a,.adaptive-workspace .sidebar-bottom>a{font-size:13px;min-height:44px}
.adaptive-workspace .sidebar-group{margin-bottom:8px}
.adaptive-workspace .sidebar-group h2{font-size:11px}
.adaptive-workspace .sidebar-account-info strong{font-size:13px}
.adaptive-workspace .sidebar-logout{min-height:44px}
.content-list{border-block:1px solid var(--line);margin-bottom:20px}
.content-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 16px;padding:18px 12px;border-bottom:1px solid var(--line);border-radius:0;color:var(--text);min-width:0;min-height:80px}
.content-row:last-child{border-bottom:0}
.content-row-title{font:inherit!important;font-weight:500!important;opacity:1!important;overflow-wrap:anywhere;line-height:1.75}
.content-row-meta{grid-column:1;font:inherit!important;font-size:12px!important;opacity:1!important;color:var(--muted);overflow-wrap:anywhere}
.content-row-state{grid-column:2;grid-row:1 / span 2;display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;font:inherit!important;opacity:1!important;font-size:12px!important}
.content-row-state .badge{font-size:12px;padding:3px 8px;font-family:inherit;opacity:1}
.content-row:hover{background:var(--raised);color:var(--text)}
.content-row:focus-visible{outline-offset:-3px}
.content-row.selected{background:var(--accent-soft);box-shadow:inset -3px 0 var(--accent)}
.work-home{max-width:980px;margin-inline:auto}
.review-spotlight{border:1px solid var(--line);border-radius:12px;padding:14px 16px;background:var(--panel);margin-block:20px}
.review-spotlight>p{font-size:12px;color:var(--muted);margin:0}
.review-spotlight .content-row{padding:10px 0;border:0}
.review-spotlight>button{min-height:44px;font-size:12px;padding:4px 0}
.queue-hint{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.work-home .heading{display:flex;margin-bottom:24px}
.adaptive-workspace .work-home .heading h1{font-size:30px}
.work-home .heading>.secondary{margin:0;flex:none}
.work-home .work-queue{margin-block:24px}
.work-home .section-heading h2{font-size:18px}
.work-home .section-heading button{font-size:12px;padding:8px;min-height:44px}
.work-home .queue-empty{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:0 8px;margin:0}
.work-home .queue-empty summary{font-size:14px;min-height:44px}
.work-home .overview-summary,.work-home .starter-templates{background:none;border:0;border-top:1px solid var(--line);border-radius:0;padding:8px;box-shadow:none;margin-block:12px}
.content-workbench{display:block;min-width:0}
.content-queue{display:none}
.workbench-document{min-width:0}
.content-document{max-width:900px;margin-inline:auto;min-width:0}
.detail-back{margin-bottom:12px}
.document-heading h1{overflow-wrap:anywhere;margin:0 0 14px}
.document-meta{display:flex;align-items:center;gap:8px 16px;flex-wrap:wrap;color:var(--muted);font-size:13px}
.document-toolbar{margin-top:16px}
.document-toolbar a,.document-toolbar button{font-size:13px}
.detail-tabs{display:flex;border-bottom:1px solid var(--line);margin-block:24px}
.detail-tabs button{flex:1;border:0;border-radius:0;background:none;color:var(--muted);min-height:48px;padding:10px;font-weight:500}
.detail-tabs button[aria-selected=true]{color:var(--accent);box-shadow:inset 0 -3px var(--accent)}
.detail-tabs button:focus-visible{outline-offset:-3px}
.detail-section{min-width:0;outline-offset:4px}
.detail-copy{padding-bottom:20px}
.detail-copy h2{font-size:18px}
.detail-copy .prose{font-size:16px;line-height:1.85;max-width:74ch}
.detail-section>.panel,.detail-section .review-panel{border:0;border-radius:0;border-top:1px solid var(--line);padding:20px 0;background:none;box-shadow:none;margin-block:12px}
.detail-section .review-panel h2{font-size:18px}
.detail-section .review-panel h3{font-size:15px}
.detail-section .review-panel .section-heading{margin-top:0}
.detail-section .review-panel .section-heading button{font-size:12px;padding:8px;min-height:44px}
.detail-section .notice{font-size:13px;margin-block:12px;padding:12px}
.detail-section .fine,.detail-section .muted{font-size:13px}
.detail-resources{border-top:1px solid var(--line);padding-block:20px}
.detail-resources .source{display:flex;gap:8px 14px;align-items:center;flex-wrap:wrap;margin:0;border:0;padding-block:6px;min-width:0}
.detail-resources .source .resource{flex:1;min-width:180px}
.detail-resources .source small{font-size:12px}
.detail-tools,.detail-delivery,.detail-section .blocker-details{border-top:1px solid var(--line);margin-block:0;padding-block:8px}
.detail-section summary{min-height:44px;font-size:13px}
.detail-delivery dl{display:grid;grid-template-columns:100px minmax(0,1fr);gap:8px;padding:12px 0}
.detail-delivery dd{margin:0;overflow-wrap:anywhere}
.detail-section .panel{max-width:100%;min-width:0}
.detail-actions{position:sticky;bottom:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:var(--bg);padding:16px 0;border-top:1px solid var(--line);margin-top:24px}
.detail-actions>span{font-size:13px;color:var(--muted)}
.detail-actions button{min-height:48px;font-size:14px}
.content-document:has(#detail-notes:not([hidden])) .detail-actions{display:none}
.content-document [id],.content-document button,.content-document input,.content-document textarea{scroll-margin-block:24px 170px}
.detail-section form{max-width:760px}
.detail-section .comment,.detail-section .decision{overflow-wrap:anywhere}
.detail-section .comment strong{font-size:14px}
.detail-section .comment small{font-size:12px}
.detail-section .revision-compare{font-size:13px}
@media(min-width:801px){
 .adaptive-workspace .content-document{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:24px}
 .adaptive-workspace .content-document .detail-actions{background:var(--panel)}
 .layout.adaptive-workspace{grid-template-columns:208px minmax(0,1fr);padding-bottom:0}
 .adaptive-workspace .workspace-sidebar{grid-template-rows:auto auto minmax(0,1fr) auto;background:var(--bg)}
 .adaptive-workspace .mobile-header>.mobile-brand{display:none}
 .adaptive-workspace .mobile-dock{display:none}
 .adaptive-workspace .sidebar-workspace{padding:4px 12px 10px}
 .adaptive-workspace .sidebar-manage{font-size:11px;min-height:36px}
 .adaptive-workspace .sidebar-workspace select{min-height:44px}
 .sidebar-collapsed .layout.adaptive-workspace{grid-template-columns:76px minmax(0,1fr);padding-bottom:0}
 .sidebar-collapsed .adaptive-workspace .workspace-sidebar{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
 .sidebar-collapsed .adaptive-workspace .sidebar-workspace,.sidebar-collapsed .adaptive-workspace .sidebar-body,.sidebar-collapsed .adaptive-workspace .sidebar-brand .brand-name,.sidebar-collapsed .adaptive-workspace .sidebar-bottom>a:not(.sidebar-account),.sidebar-collapsed .adaptive-workspace .sidebar-logout,.sidebar-collapsed .adaptive-workspace .sidebar-account-info,.sidebar-collapsed .adaptive-workspace .sidebar-account>svg{display:none}
 .sidebar-collapsed .adaptive-workspace .workspace-rail{display:flex;flex-direction:column;padding:12px 4px;gap:8px;overflow:auto}
 .workspace-rail a,.workspace-rail button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 4px;min-height:64px;color:var(--muted);font-size:11px;background:none;border:0;border-radius:8px}
 .workspace-rail a span,.workspace-rail button span{font:inherit;opacity:1}
 .workspace-rail a.active,.workspace-rail button.active{background:var(--accent-soft);color:var(--accent);border-inline-start:3px solid var(--accent)}
 .workspace-rail svg{width:22px;height:22px}
 .sidebar-collapsed .adaptive-workspace .sidebar-account{justify-content:center;padding:8px}
 .sidebar-collapsed .adaptive-workspace .workspace-location{display:none}
}
@media(min-width:801px) and (max-width:1199px){
 .layout.adaptive-workspace{grid-template-columns:76px minmax(0,1fr)}
 .adaptive-workspace .workspace-sidebar{grid-template-rows:auto minmax(0,1fr) auto}
 .adaptive-workspace .sidebar-workspace,.adaptive-workspace .sidebar-body,.adaptive-workspace .sidebar-brand .brand-name,.adaptive-workspace .sidebar-bottom>a:not(.sidebar-account),.adaptive-workspace .sidebar-logout,.adaptive-workspace .sidebar-account-info,.adaptive-workspace .sidebar-account>svg{display:none}
 .adaptive-workspace .workspace-rail{display:flex;flex-direction:column;gap:8px;padding:12px 4px;overflow:auto}
 .adaptive-workspace .sidebar-account{justify-content:center;padding:8px}
 .adaptive-workspace .mobile-header>.workspace-switch{display:inline-flex;max-width:70%}
 .adaptive-workspace .workspace-location,.adaptive-workspace .sidebar-reopen{display:none}
 .adaptive-workspace main{padding:20px 16px}
 .adaptive-workspace .content-document{max-width:760px}
}
@media(min-width:1200px){
 .adaptive-workspace main:has(.content-workbench){padding:0;max-width:none}
 .content-workbench{display:grid;grid-template-columns:288px minmax(0,1fr)}
 .content-queue{display:block;position:sticky;top:0;align-self:start;height:calc(100dvh - 8px);overflow:auto;border-inline-end:1px solid var(--line);padding:16px 12px;scrollbar-width:thin}
 .content-queue .section-heading{margin:0 0 12px}
 .content-queue .section-heading h2{font-size:20px}
 .content-queue .section-heading a{font-size:11px;padding:8px}
 .content-queue form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:end}
 .content-queue label{font-size:11px;margin:0}
 .content-queue input{font-size:13px;min-height:44px;padding:8px}
 .content-queue form button{padding:8px;font-size:12px}
 .queue-context{display:flex;flex-direction:column;margin-block:8px}
 .queue-context small{font-size:11px}
 .queue-context a{font-size:12px;min-height:44px}
 .content-queue nav{display:block}
 .content-queue .content-row{grid-template-columns:minmax(0,1fr);gap:4px;padding:14px 8px}
 .content-queue .content-row-state{grid-row:auto;grid-column:1;justify-content:flex-start}
 .content-queue .content-row-title{font-size:14px!important}
 .content-queue .content-row-meta{font-size:12px!important}
 .queue-paging{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-block:12px}
 .queue-paging span,.queue-paging button{font-size:10px}
 .queue-paging button{padding:6px;min-height:44px}
 .workbench-document{padding:16px}
 .content-workbench .detail-back{margin-bottom:8px}
 .content-workbench .document-heading h1{font-size:28px}
}
@media(max-width:800px){
 .layout.adaptive-workspace{display:block;padding-bottom:calc(72px + var(--safe-bottom))}
 .adaptive-workspace .workspace-sidebar,.adaptive-workspace .sidebar-reopen,.adaptive-workspace .workspace-location{display:none}
 .adaptive-workspace .mobile-header{padding:8px 16px;min-height:60px;gap:10px}
 .adaptive-workspace .mobile-header>.workspace-switch{display:flex}
 .adaptive-workspace main{padding:20px 16px}
 .adaptive-workspace .mobile-brand .brand-symbol{width:30px;height:30px}
 .adaptive-workspace .mobile-dock{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;height:calc(72px + var(--safe-bottom));background:var(--bg);padding:4px 8px calc(4px + var(--safe-bottom));border-radius:0;box-shadow:none;z-index:20}
 .adaptive-workspace .mobile-dock a,.adaptive-workspace .mobile-dock button{border:0;border-radius:0;background:none;font-size:11px;font-weight:500;color:var(--muted);gap:5px;min-height:60px}
 .adaptive-workspace .mobile-dock a.active,.adaptive-workspace .mobile-dock button.active{color:var(--accent);box-shadow:inset 0 -3px var(--accent)}
 .adaptive-workspace .mobile-dock a:focus-visible,.adaptive-workspace .mobile-dock button:focus-visible{outline-offset:-3px}
 .adaptive-workspace .work-home .heading h1{font-size:28px}
 .adaptive-workspace .work-home .heading>.secondary{font-size:12px;padding:8px 12px;margin:0}
 .work-home .heading .muted{font-size:12px}
 .work-home .work-queue{margin-block:20px}
 .work-home .section-heading h2{font-size:16px}
 .content-row{padding:16px 4px;gap:5px 10px}
 .content-row-title{font-size:15px!important}
 .content-row-state{gap:4px;max-width:95px;font-size:11px!important}
 .content-row-state .badge{font-size:11px;padding:2px 5px}
 .content-row-meta{font-size:12px!important}
 .adaptive-workspace .document-heading h1{font-size:24px}
 .document-meta{font-size:12px;gap:8px 12px}
 .document-toolbar a,.document-toolbar button{font-size:12px}
 .detail-tabs{margin-block:20px}
 .detail-tabs button{font-size:13px}
 .detail-copy .prose{font-size:16px}
 .detail-section .review-panel .section-heading{flex-direction:column;align-items:stretch}
 .detail-section .review-panel .section-heading button{align-self:flex-start}
 .detail-section .revision-compare{grid-template-columns:1fr}
 .detail-actions{bottom:calc(72px + var(--safe-bottom));gap:8px;padding-block:12px}
 .detail-actions>span{width:100%;font-size:12px}
 .detail-actions .actions{width:100%;display:flex}
 .detail-actions .actions button{flex:1;font-size:13px}
 .editing-field .adaptive-workspace .mobile-dock,body:has(.mobile-menu[open]) .adaptive-workspace .mobile-dock{display:none}
 .editing-field .adaptive-workspace .detail-actions{position:static}
 body:has(.adaptive-workspace) #status{bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:30}
 .adaptive-workspace footer{font-size:11px;padding:16px}
}
@media(forced-colors:active){.detail-tabs button[aria-selected=true],.mobile-dock .active,.content-row.selected{outline:2px solid Highlight;outline-offset:-3px}}