/* Compact Jouri workspace. Controls keep 44px touch targets and existing focus states. */
main:has(>nav[aria-label="أقسام جوري"]){max-width:1440px;padding:16px 16px 32px!important}
main:has(>nav[aria-label="أقسام جوري"])>:not([hidden])~:not([hidden]){margin-block-start:12px!important}
main:has(>nav[aria-label="أقسام جوري"])>header{padding:12px 16px!important;border-radius:16px}
main:has(>nav[aria-label="أقسام جوري"])>header>div:first-child{gap:10px}
main:has(>nav[aria-label="أقسام جوري"])>header h1{font-size:24px;line-height:1.3;margin-top:2px}
main:has(>nav[aria-label="أقسام جوري"])>header h1+p{display:none}
main:has(>nav[aria-label="أقسام جوري"])>header>div:last-child{margin-top:8px;padding-top:8px;gap:8px}
main:has(>nav[aria-label="أقسام جوري"])>nav{gap:6px}
main:has(>nav[aria-label="أقسام جوري"])>nav>button{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:6px;position:relative;min-height:48px;padding:8px;border-radius:10px}
main:has(>nav[aria-label="أقسام جوري"])>nav>button>span:nth-child(2){margin:0;padding-inline-end:16px;font-size:13px;line-height:1.4}
main:has(>nav[aria-label="أقسام جوري"])>nav>button>span:last-child{display:none}
main:has(>nav[aria-label="أقسام جوري"])>nav>button>span:first-child>span{position:absolute;inset-inline-end:5px;top:4px;padding:1px 4px;font-size:11px}
main:has(>nav[aria-label="أقسام جوري"]) section[aria-label="سير متابعة طلبات اليوم"]{padding:10px 12px;--tw-space-y-reverse:0}
main:has(>nav[aria-label="أقسام جوري"]) section[aria-label="سير متابعة طلبات اليوم"]>div:first-child p{display:none}
main:has(>nav[aria-label="أقسام جوري"]) .jouri-workflow-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
main:has(>nav[aria-label="أقسام جوري"]) .jouri-workflow-tab{min-height:76px;padding:8px;border-radius:10px}
main:has(>nav[aria-label="أقسام جوري"]) .jouri-workflow-tab>span:nth-child(2){margin-top:4px;font-size:13px;line-height:1.3}
main:has(>nav[aria-label="أقسام جوري"]) .jouri-workflow-tab strong{font-size:16px}
main:has(>nav[aria-label="أقسام جوري"]) section[aria-label="سير متابعة طلبات اليوم"]>p{margin-top:6px;font-size:12px;line-height:1.5}
main:has(>nav[aria-label="أقسام جوري"])>details{padding:8px 12px}
main:has(>nav[aria-label="أقسام جوري"])>section.flex{padding:10px 12px;gap:8px}
main:has(>nav[aria-label="أقسام جوري"])>section.flex p{margin-top:2px;line-height:1.5}
main:has(>nav[aria-label="أقسام جوري"])>section.space-y-4>div:first-child>h2{font-size:18px}
main:has(>nav[aria-label="أقسام جوري"])>section.space-y-4>div:first-child>p{margin-top:4px;font-size:12px;line-height:1.5}
main:has(>nav[aria-label="أقسام جوري"]) section[aria-label="نطاق التصفية والأهمية"]>div:first-child{font-size:12px}
main:has(>nav[aria-label="أقسام جوري"]) section[aria-label="نطاق التصفية والأهمية"]>p:last-child{display:none}
main:has(>nav[aria-label="أقسام جوري"]) div:has(>article>button[aria-label^="فتح الطلب:"]){gap:10px}
main:has(>nav[aria-label="أقسام جوري"]) article:has(>button[aria-label^="فتح الطلب:"]){border-radius:12px}
main:has(>nav[aria-label="أقسام جوري"]) article>button[aria-label^="فتح الطلب:"]{padding:12px}
main:has(>nav[aria-label="أقسام جوري"]) article>button[aria-label^="فتح الطلب:"]>span.mt-3{margin-top:6px}
main:has(>nav[aria-label="أقسام جوري"]) article>button[aria-label^="فتح الطلب:"]>span.mt-4{margin-top:8px}
main:has(>nav[aria-label="أقسام جوري"]) article>button[aria-label^="فتح الطلب:"] .leading-7{line-height:1.55;font-size:13px}
main:has(>nav[aria-label="أقسام جوري"]) article>button[aria-label^="فتح الطلب:"]>span:last-child{padding-top:8px}
main:has(>nav[aria-label="أقسام جوري"]) article:has(>button[aria-label^="فتح الطلب:"])>div:last-child{padding:8px;gap:6px}
main:has(>nav[aria-label="أقسام جوري"]) article:has(>button[aria-label^="فتح الطلب:"])>div:last-child button,
main:has(>nav[aria-label="أقسام جوري"]) article:has(>button[aria-label^="فتح الطلب:"])>div:last-child a{font-size:12px;min-height:44px;padding-inline:10px}
@media(min-width:768px){main:has(>nav[aria-label="أقسام جوري"]) .jouri-workflow-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(min-width:1200px){main:has(>nav[aria-label="أقسام جوري"]) .jouri-workflow-grid{grid-template-columns:repeat(9,minmax(0,1fr))}}
@media(min-width:1440px){main:has(>nav[aria-label="أقسام جوري"]) div:has(>article>button[aria-label^="فتح الطلب:"]){grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:639px){main:has(>nav[aria-label="أقسام جوري"]){padding:10px 10px 90px!important}main:has(>nav[aria-label="أقسام جوري"])>header{padding:10px!important}main:has(>nav[aria-label="أقسام جوري"]) section[aria-label="سير متابعة طلبات اليوم"]>div:first-child>span{display:none}}

.jouri-ticket-image{max-height:45vh;object-fit:contain;background:var(--muted)}

.jouri-advanced-filters[open]>div{margin-top:10px}.jouri-advanced-filters summary{display:list-item;align-content:center}.jouri-advanced-filters{padding:6px 10px}
main:has(>nav[aria-label="أقسام جوري"])>section.space-y-4>div.space-y-4{padding:12px}
main:has(>nav[aria-label="أقسام جوري"])>:not([hidden]){margin-block-end:0!important}
main:has(>nav[aria-label="أقسام جوري"])>header>div:first-child>div:first-child>div:first-child{padding:6px}
main:has(>nav[aria-label="أقسام جوري"]) .jouri-workflow-tab strong{line-height:20px}
main:has(>nav[aria-label="أقسام جوري"]) section[aria-label="سير متابعة طلبات اليوم"]>*{margin-block-end:0!important}
main:has(>nav[aria-label="أقسام جوري"]) section[aria-label="سير متابعة طلبات اليوم"]>*+*{margin-block-start:6px!important}
main:has(>nav[aria-label="أقسام جوري"])>details{padding-block:4px}
main:has(>nav[aria-label="أقسام جوري"])>section.flex{padding-block:6px}