/* Only the order list is condensed; popup and other modules retain their layout. */
main:has(.orders-page)>header{height:42px;padding:0 20px;font-size:.85rem}
.content:has(>.orders-page){padding:12px 20px;max-width:none}
.orders-page .order-compact-heading{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;min-height:32px;gap:8px 18px;margin:0 0 8px}
.orders-page .order-compact-heading h1{font-size:1.25rem;line-height:1.2}
.orders-page .order-heading-actions{display:flex;flex-direction:row;margin-left:auto}
.orders-page .order-compact-heading .primary-button{padding:6px 12px;font-size:.85rem;min-height:32px}
.orders-page .order-hours-inline{flex:1;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:5px 8px;margin:0;padding:0;border:0;background:transparent;min-width:0}
.order-hours-inline .hours-values{gap:6px;justify-content:flex-end}
.order-hours-inline .hours-values>span{padding:4px 8px;font-size:.8rem;white-space:nowrap}
.order-hours-inline .hours-values b{font-size:.95rem}
.order-hours-inline .hours-message{flex-basis:100%;text-align:right}
.hours-help{position:relative;flex-shrink:0;color:#52606d}
.hours-help summary{display:flex;align-items:center;justify-content:center;list-style:none;cursor:pointer;width:26px;height:26px;border:1px solid #cdd5dc;border-radius:50%;font-weight:700;font-size:.8rem;background:white}
.hours-help summary::-webkit-details-marker{display:none}
.hours-help summary:hover,.hours-help summary:focus-visible{border-color:#245b8a;color:#245b8a}
.hours-help>div{position:absolute;right:0;top:32px;z-index:20;width:min(350px,calc(100vw - 40px));padding:12px;border:1px solid #cdd5dc;border-radius:8px;background:#fff;box-shadow:0 5px 18px #18202a20;font-size:.8rem;line-height:1.4}
.hours-help p{margin:6px 0 0}
.orders-page .order-plan-panel{border-radius:10px}
.orders-page .order-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;padding:8px 12px}
.orders-page .order-toolbar .date-navigation,.orders-page .order-toolbar .view-switch,.orders-page .order-toolbar .sort-switch{display:flex;align-items:center;flex-wrap:wrap;gap:5px;grid-column:auto;justify-content:flex-start}
.orders-page .order-toolbar .sort-switch{margin-left:auto}
.orders-page .order-toolbar .sort-switch>span{font-size:.75rem}
.orders-page .order-project-filter{display:flex;align-items:center;gap:5px}.orders-page .order-project-filter label{display:flex;align-items:center;gap:5px;color:#647180;font-size:.75rem}.orders-page .order-project-filter select{min-height:30px;max-width:230px;border:1px solid #cdd5dc;border-radius:6px;background:#fff;color:#24313d;padding:4px 7px;font:inherit;font-size:.8rem}.orders-page .order-project-filter select[name="projektmodus"]{max-width:110px}.orders-page .order-project-filter select:disabled{background:#f2f4f6;color:#8a949d}.orders-page .project-filter-chip{background:#e9f2ff;color:#245b8a}
.orders-page .order-toolbar .tool-button{min-height:30px;padding:4px 8px;font-size:.8rem;white-space:nowrap;border-radius:6px}
.orders-page .order-toolbar .icon-button{width:30px;font-size:1.1rem}
.orders-page .order-toolbar .period-display{min-width:0;min-height:30px;padding:4px 9px;font-size:.83rem;white-space:nowrap;border-radius:6px;flex:none}
.order-date-form{margin:0;max-width:100%}
.orders-page .order-date-label{gap:4px;cursor:pointer}
.order-date-label input{width:124px;min-width:0;border:0;padding:0;background:transparent;color:inherit;font:inherit;font-weight:700;cursor:pointer}
.order-date-label:focus-within{outline:2px solid #245b8a;outline-offset:1px}
.order-date-label input:focus{outline:none}
.order-date-label input::-webkit-calendar-picker-indicator{cursor:pointer;margin:0;padding:0 0 0 3px}
.order-period-range{font-size:.8rem;color:#52606d}
.orders-page .order-statistics{gap:6px;padding:0 12px 7px}
.orders-page .stat-chip{padding:3px 8px;font-size:.75rem}
.orders-page .order-table tbody tr.order-row-printed,
.orders-page .order-table tbody tr.order-row-printed:hover,
.orders-page .order-table tbody tr.order-row-printed.selected{background:#e8f6ed;box-shadow:inset 4px 0 0 #3fa667}
.orders-page .order-printed-label{display:inline-flex!important;width:max-content;margin-top:5px!important;border-radius:999px;background:#cfeeda;color:#176b36!important;padding:3px 8px;font-size:.7rem!important;font-weight:750}
@media(max-width:900px){
    .orders-page .order-hours-inline{order:3;flex-basis:100%;justify-content:flex-start}
    .order-hours-inline .hours-values{justify-content:flex-start}
    .order-hours-inline .hours-message{text-align:left}
    .hours-help>div{position:fixed;left:20px;right:auto;top:100px}
}
@media(max-width:760px){
    .content:has(>.orders-page){padding:10px 12px}
    main:has(.orders-page)>header{padding:0 12px}
    .orders-page .order-toolbar .sort-switch{margin-left:0}
    .orders-page .order-project-filter{flex-wrap:wrap}
}