.arf-app{max-width:1100px;margin:20px auto;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.arf-card{background:#fff;border:1px solid #d9dee5;border-radius:0;padding:22px;margin:0 0 18px;box-shadow:0 2px 10px rgba(0,0,0,.04)}.arf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.arf-card label{display:flex;flex-direction:column;gap:6px;font-weight:600;margin-bottom:12px}.arf-card input,.arf-card select,.arf-card textarea{font:inherit;border:1px solid #b7c0ca;border-radius:0;padding:10px;background:#fff}.arf-card button{font:inherit;padding:10px 14px;border-radius:0;border:1px solid #9aa6b2;cursor:pointer}.arf-card .arf-primary{background:#111827;color:#fff;border-color:#111827}.arf-result{margin-top:14px;padding:10px 0}.arf-result--error{color:#b91c1c;font-weight:600}.arf-list>div{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:12px 0;border-bottom:1px solid #e6e9ed}.arf-list small{grid-column:1/-1}.arf-scan-actions{display:flex;gap:10px;margin-bottom:14px}.arf-ops video{width:100%;max-height:420px;background:#111;border-radius:0;margin-top:14px}.arf-ops canvas{width:100%;height:260px;border:1px solid #b7c0ca;border-radius:0;touch-action:none;background:#fff}.arf-ops textarea{width:100%;margin-top:12px}.arf-error{border-color:#b91c1c}@media(max-width:700px){.arf-grid{grid-template-columns:1fr}.arf-card{border-radius:0;padding:16px}} .arf-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important} .arf-product-line{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:0 0 16px}.arf-product-line>div:first-child{display:flex;flex-direction:column;gap:3px}.arf-product-line small{opacity:.7}.arf-stock-badge{display:inline-flex;align-items:center;gap:7px;border-radius:0;padding:6px 10px;font-size:.9rem;font-weight:650;background:#f3f4f6;border:1px solid #d1d5db;white-space:nowrap}.arf-stock-badge.is-available:before,.arf-stock-badge.is-unavailable:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:currentColor}.arf-stock-badge.is-available{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.arf-stock-badge.is-unavailable{color:#991b1b;background:#fef2f2;border-color:#fecaca}.arf-availability-inline{margin:-2px 0 16px;padding:10px 12px;border-radius:0;background:#f8fafc;border:1px solid #e2e8f0;font-size:.95rem}.arf-availability-inline.is-available{border-color:#bbf7d0}.arf-availability-inline.is-unavailable{border-color:#fecaca}.arf-customer-fields{margin-top:6px}@media(max-width:700px){.arf-product-line{flex-direction:column}.arf-stock-badge{white-space:normal}} .arf-ops-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.arf-ops-heading h2{margin-top:0}.arf-ops-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}.arf-ops-booking{display:flex!important;flex-direction:column;align-items:flex-start;text-align:left;background:#fff!important;border:1px solid #d9dee5!important}.arf-ops-booking span,.arf-ops-booking small{margin-top:3px}.arf-status-pill{display:inline-flex;border:1px solid #d1d5db;border-radius:0;padding:5px 9px;font-size:.85rem;background:#f8fafc}.arf-ops-assets{display:grid;gap:8px;margin:14px 0}.arf-ops-item{display:flex;flex-direction:column;border:1px solid #e5e7eb;border-radius:0;padding:10px}.arf-ops-actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.arf-process-card{border-top:1px solid #e5e7eb;margin-top:16px;padding-top:16px}.arf-check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px}.arf-check-grid fieldset,.arf-return-asset{border:1px solid #d9dee5;border-radius:0;padding:12px;margin:0 0 12px}.arf-check-grid label{font-weight:500;flex-direction:row;align-items:center}.arf-media-box{display:grid;grid-template-columns:minmax(140px,220px) minmax(220px,1fr) minmax(180px,1fr) auto;gap:8px;align-items:center;border:1px dashed #cbd5e1;border-radius:0;padding:12px;margin:14px 0}.arf-media-box h4{grid-column:1/-1;margin:0}.arf-media-box input,.arf-media-box select{width:100%}@media(max-width:800px){.arf-media-box{grid-template-columns:1fr}.arf-ops-heading{flex-direction:column}} .arf-booking-rules{margin:12px 0;padding:10px 12px;border:1px solid rgba(0,0,0,.12);border-radius:0;background:rgba(0,0,0,.025)} .arf-booking-rules p{margin:.3em 0} /* RentalFlow customer portal */ .arf-portal-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.arf-portal-header h2{margin:0 0 4px}.arf-portal-header p{margin:0;opacity:.72}.arf-portal-kpis{display:flex;gap:10px;flex-wrap:wrap}.arf-portal-kpis span{display:flex;flex-direction:column;min-width:118px;padding:10px 12px;border:1px solid #e2e8f0;border-radius:0;background:#f8fafc}.arf-portal-kpis strong{font-size:1.3rem}.arf-portal-section>h3{margin-top:0}.arf-portal-booking,.arf-portal-damage{border:1px solid #e2e8f0;border-radius:0;margin:0 0 10px;background:#fff}.arf-portal-booking>summary,.arf-portal-damage>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;cursor:pointer}.arf-portal-booking>summary span:first-child{display:flex;flex-direction:column}.arf-portal-booking>summary small{font-weight:400;opacity:.7;margin-top:3px}.arf-portal-booking-body,.arf-portal-damage>p,.arf-portal-damage>.arf-portal-media{padding:0 14px 14px}.arf-portal-items{margin:8px 0 14px;padding-left:20px}.arf-portal-items li{margin:5px 0}.arf-portal-items small{display:block;opacity:.7}.arf-portal-media{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.arf-portal-media a{display:flex;flex-direction:column;gap:4px;color:inherit;text-decoration:none}.arf-portal-media img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:0;border:1px solid #e2e8f0}.arf-message-list{display:grid;gap:8px;margin-bottom:16px}.arf-message{border:1px solid #e2e8f0;border-radius:0;padding:10px 12px;background:#f8fafc}.arf-message header{font-weight:650}.arf-message header small{font-weight:400;opacity:.65;margin-left:5px}.arf-message p{margin:7px 0 0}.arf-message-outbound{background:#f9fafb}.arf-message-inbound{background:#eff6ff}.arf-portal-message-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.arf-portal-message-form label:nth-child(3),.arf-portal-message-form button,.arf-portal-message-form [data-message-result]{grid-column:1/-1}.arf-status-pill.is-completed,.arf-status-pill.is-available,.arf-status-pill.arf-status-completed,.arf-status-pill.arf-status-available{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.arf-status-pill.is-cancelled,.arf-status-pill.is-damage_case,.arf-status-pill.arf-status-cancelled,.arf-status-pill.arf-status-damage_case{background:#fef2f2;border-color:#fecaca;color:#991b1b} /* REQ-UI-STATUS-LABELS-SYSTEMWIDE-001 / decision 57: "Überfällig" always uses the warning state (existing warning palette of .arf-ops-state.is-progress), not the danger palette. */ .arf-status-pill.is-overdue,.arf-status-pill.arf-status-overdue{color:#7a5600;background:#fff4d6;border-color:#e8d49a}@media(max-width:700px){.arf-portal-header{align-items:flex-start;flex-direction:column}.arf-portal-kpis{width:100%}.arf-portal-kpis span{flex:1;min-width:90px}.arf-portal-message-form{grid-template-columns:1fr}.arf-portal-message-form>*{grid-column:1!important}} .arf-booking-options{border:1px solid #e2e8f0;border-radius:0;padding:12px 14px;margin:14px 0}.arf-booking-options legend{font-weight:700;padding:0 5px}.arf-option-line{display:grid!important;grid-template-columns:1fr auto;gap:12px;align-items:start!important;border-bottom:1px solid #eef2f7;padding:8px 0;margin:0!important}.arf-option-line>span:first-child{display:grid;grid-template-columns:auto 1fr;gap:0 7px}.arf-option-line small{grid-column:2;display:block;font-weight:400;opacity:.72}.arf-option-rule{display:block;margin:3px 0 8px 27px;opacity:.72}.arf-booking-related{background:#f8fafc;border:1px solid #e2e8f0;border-radius:0;padding:12px 14px;margin:14px 0}.arf-booking-related h4{margin:5px 0}.arf-booking-related ul{margin:5px 0 10px 18px}.arf-booking-related small{opacity:.7}@media(max-width:600px){.arf-option-line{grid-template-columns:1fr}} /* REV008: compact two-step booking on AssetCore detail pages */ .arf-asset-booking--compact.arf-app{max-width:760px;margin:12px 0} .arf-compact-booking-card{padding:14px 16px!important;border-radius:0!important;box-shadow:none!important;margin:0!important} .arf-compact-booking-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px} .arf-compact-booking-head h3{font-size:1.05rem;line-height:1.25;margin:0 0 2px} .arf-compact-booking-head small{display:block;font-size:.82rem;font-weight:400;opacity:.68} .arf-compact-availability{margin:8px 0 0;font-size:.86rem;line-height:1.35;min-height:1.35em} .arf-compact-availability.is-available{color:#166534}.arf-compact-availability.is-unavailable{color:#991b1b} .arf-compact-first-actions{display:flex;justify-content:flex-end;margin-top:9px} .arf-compact-continue{padding:7px 11px!important;font-size:.88rem!important} .arf-compact-continue:disabled{opacity:.45;cursor:not-allowed} .arf-booking-details{border-top:1px solid #e5e7eb;margin-top:13px;padding-top:13px} .arf-booking-step-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px} .arf-booking-step-head>div{display:flex;flex-direction:column;gap:2px}.arf-booking-step-head small{opacity:.7;font-weight:400} .arf-link-button{background:transparent!important;border:0!important;padding:3px 0!important;text-decoration:underline;font-size:.82rem!important;color:inherit} .arf-booking-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important} .arf-booking-detail-grid label{font-size:.84rem;margin-bottom:7px!important}.arf-booking-detail-grid input{padding:8px!important} .arf-exact-availability{margin:2px 0 10px!important;padding:7px 9px!important;font-size:.84rem!important} .arf-compact-options,.arf-compact-rules{border:1px solid #e2e8f0;border-radius:0;margin:9px 0;background:#fafafa} .arf-compact-options>summary,.arf-compact-rules>summary{cursor:pointer;padding:8px 10px;font-size:.88rem;font-weight:650} .arf-compact-options .arf-booking-options{border:0;margin:0;padding:0 10px 8px}.arf-compact-rules .arf-booking-rules{border:0;margin:0;padding:0 10px 8px;background:transparent} .arf-asset-booking--compact .arf-customer-fields{gap:9px!important;margin-top:10px}.arf-asset-booking--compact .arf-customer-fields label{font-size:.84rem;margin-bottom:7px!important} .arf-asset-booking--compact .arf-customer-fields input,.arf-asset-booking--compact textarea{padding:8px!important} .arf-label-optional{font-weight:400;opacity:.65} .arf-asset-booking--compact .arf-result{font-size:.88rem;margin-top:8px;padding:6px 0} @media(max-width:700px){.arf-asset-booking--compact.arf-app{max-width:none;margin:10px 0}.arf-booking-detail-grid{grid-template-columns:1fr 1fr!important}.arf-booking-detail-grid label:last-child{grid-column:1/-1}.arf-compact-booking-head{align-items:flex-start}} @media(max-width:460px){.arf-booking-detail-grid{grid-template-columns:1fr!important}.arf-booking-detail-grid label:last-child{grid-column:auto}.arf-compact-first-actions .arf-primary{width:100%}} /* REV009: controlled RentalFlow date-range picker; no native browser date-field UI */ .arf-asset-booking--compact,.arf-asset-booking--compact *{box-sizing:border-box} .arf-range-picker{position:relative;width:100%;max-width:100%;z-index:20} .arf-range-trigger{appearance:none!important;-webkit-appearance:none!important;width:100%!important;min-height:48px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;text-align:left!important;padding:8px 12px!important;background:#fff!important;color:inherit!important;border:1px solid #b7c0ca!important;border-radius:0!important;box-shadow:none!important;line-height:1.2!important} .arf-range-trigger:hover{border-color:#7b8794!important;background:#fff!important} .arf-range-trigger:focus-visible{outline:2px solid currentColor!important;outline-offset:2px!important} .arf-range-trigger-copy{display:flex;flex-direction:column;gap:2px;min-width:0} .arf-range-label{font-size:.72rem;font-weight:650;letter-spacing:.01em;opacity:.66} .arf-range-value{display:block;max-width:100%;font-size:.92rem;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .arf-range-trigger:not(.has-value) .arf-range-value{font-weight:550;opacity:.72} .arf-range-icon{flex:0 0 auto;width:28px;height:28px;display:grid;place-items:center;border-radius:0;background:#f3f4f6;font-size:17px;line-height:1} .arf-range-popover{position:absolute;left:0;top:calc(100% + 7px);width:min(620px,calc(100vw - 32px));max-width:100%;padding:12px;background:#fff;border:1px solid #d9dee5;border-radius:0;box-shadow:0 14px 38px rgba(15,23,42,.16);z-index:9999;overflow:hidden} .arf-range-popover[hidden]{display:none!important} .arf-range-toolbar{display:grid;grid-template-columns:34px 1fr 34px;align-items:center;gap:8px;margin-bottom:8px} .arf-range-nav{appearance:none!important;-webkit-appearance:none!important;width:34px!important;height:34px!important;min-width:34px!important;padding:0!important;border:1px solid #d5dae0!important;border-radius:0!important;background:#fff!important;color:#1f2937!important;font-size:22px!important;line-height:1!important;display:grid!important;place-items:center!important} .arf-range-nav:disabled{opacity:.35;cursor:not-allowed!important} .arf-range-month-labels{display:grid;grid-template-columns:1fr 1fr;gap:20px;text-align:center;font-size:.87rem} .arf-range-calendars{display:grid;grid-template-columns:1fr 1fr;gap:18px} .arf-range-calendar{min-width:0} .arf-range-weekdays,.arf-range-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px} .arf-range-weekdays{margin-bottom:3px} .arf-range-weekdays span{display:grid;place-items:center;height:23px;font-size:.68rem;font-weight:700;opacity:.52} .arf-range-day,.arf-range-day-spacer{aspect-ratio:1/1;min-width:0} .arf-range-day{appearance:none!important;-webkit-appearance:none!important;display:grid!important;place-items:center!important;width:100%!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#1f2937!important;font-size:.79rem!important;font-weight:500!important;line-height:1!important;box-shadow:none!important} .arf-range-day:hover:not(:disabled){background:#eef2f7!important} .arf-range-day.is-in-range{border-radius:0!important;background:#eef2f7!important} .arf-range-day.is-start,.arf-range-day.is-end{background:#111827!important;color:#fff!important;border-radius:0!important;font-weight:700!important} .arf-range-day:disabled,.arf-range-day.is-disabled{opacity:.25!important;cursor:not-allowed!important} .arf-range-day:focus-visible{outline:2px solid #111827!important;outline-offset:1px!important;position:relative;z-index:2} .arf-range-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid #eef1f4} .arf-range-hint{font-size:.78rem;line-height:1.25;opacity:.72;min-width:0} .arf-range-footer-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto} .arf-range-apply{padding:6px 10px!important;font-size:.8rem!important} .arf-range-apply:disabled{opacity:.4;cursor:not-allowed!important} @media(max-width:620px){ .arf-range-popover{width:min(330px,calc(100vw - 28px));padding:10px} .arf-range-calendars{grid-template-columns:1fr;gap:0} .arf-range-calendar--secondary,.arf-range-month-labels strong:last-child{display:none} .arf-range-month-labels{grid-template-columns:1fr} .arf-range-footer{align-items:flex-start;flex-direction:column} .arf-range-footer-actions{width:100%;justify-content:flex-end} } @media(max-width:380px){ .arf-range-popover{left:-4px;width:calc(100vw - 22px)} .arf-range-trigger{min-height:46px!important;padding:7px 10px!important} .arf-range-value{font-size:.86rem} } .arf-range-icon svg{display:block;width:16px;height:16px} /* REV010: multi-asset cart and request checkout */ .arf-cart-link{display:inline-flex;align-items:center;gap:6px;text-decoration:none}.arf-cart-count{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:0;background:var(--ars-accent-strong,#b84e08);color:#fff;font-size:.75rem;font-weight:750;line-height:1} .arf-cart-page.arf-app,.arf-checkout.arf-app{max-width:1040px}.arf-cart-shell{padding:20px!important}.arf-cart-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:16px}.arf-cart-head h2,.arf-checkout h2{margin:.15em 0 .2em}.arf-cart-head p{margin:0;opacity:.72}.arf-eyebrow{display:block;color:var(--ars-accent-strong,#b84e08);font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.arf-muted{opacity:.7}.arf-secondary-link{display:inline-flex;align-items:center;gap:5px;color:var(--ars-ink,#14181b);text-decoration:none;font-weight:650}.arf-secondary-link svg{width:1em;height:1em;flex:none}.arf-secondary-link:hover{text-decoration:underline}.arf-button-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none!important;padding:10px 14px;border-radius:0;background:var(--ars-accent-strong,#b84e08);color:#fff!important;font-weight:700}.arf-button-link:hover{background:var(--ars-accent-strong-hover,#9a4307)} .arf-cart-period{max-width:620px;margin:0 0 18px}.arf-cart-period .arf-result{min-height:0;margin:6px 0 0;padding:0;font-size:.85rem}.arf-cart-period-summary{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding:10px 12px;margin:0 0 10px;background:#f7f8f9;border:1px solid #e1e2e4;border-radius:0}.arf-cart-period-summary strong{font-size:.98rem;color:var(--ars-ink,#14181b)}.arf-cart-period-summary small{opacity:.67}.arf-cart-items{display:grid;gap:8px}.arf-cart-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid #e7eaec}.arf-cart-item>div:first-child{display:grid;gap:2px;min-width:0}.arf-cart-item>div:first-child strong{font-size:.96rem}.arf-cart-item>div:first-child small{opacity:.62;overflow-wrap:anywhere}.arf-cart-item-controls{display:flex;align-items:center;gap:12px}.arf-cart-item-controls label{display:flex!important;flex-direction:row!important;align-items:center!important;gap:7px!important;margin:0!important;font-size:.82rem}.arf-cart-item-controls input[type=number]{width:72px;min-width:0;padding:7px!important}.arf-cart-item-qty{font-weight:700;white-space:nowrap}.arf-link-danger{appearance:none;background:transparent!important;border:0!important;color:#a12727!important;text-decoration:underline;padding:4px!important;font-size:.8rem!important}.arf-cart-required,.arf-cart-recommendations,.arf-cart-safety{margin:14px 0 0;padding:12px 14px;border-radius:0}.arf-cart-required{background:#fff8e5;border:1px solid #ead49b;color:#684b00}.arf-cart-required ul{margin:7px 0 0 18px}.arf-cart-recommendations{background:#f6f7f9;border:1px solid #e1e2e4}.arf-cart-safety{background:#f6f7f9;border:1px solid #e1e2e4}.arf-cart-safety ul{margin:7px 0 0 18px}.arf-cart-rec-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:9px}.arf-cart-rec{display:grid!important;grid-template-columns:1fr!important;gap:2px!important;text-align:left!important;padding:10px 11px!important;background:#fff!important;border:1px solid #d4d5d7!important;border-radius:0!important;color:inherit!important}.arf-cart-rec:hover{border-color:var(--ars-green,#d9600a)!important}.arf-cart-rec-body>span{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#8a5a00}.arf-cart-rec-body>strong{font-size:.9rem}.arf-cart-rec-body>small{font-size:.75rem;opacity:.68}.arf-cart-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding-top:14px;border-top:1px solid #e7eaec}.arf-cart-actions[hidden]{display:none!important}.arf-cart-add-row{display:grid;grid-template-columns:minmax(90px,120px) minmax(170px,1fr);gap:10px;align-items:end;margin-top:10px}.arf-cart-add-row label{margin:0!important;font-size:.82rem}.arf-cart-add-row input{min-height:42px}.arf-cart-add-row .arf-primary{min-height:42px;background:var(--ars-accent-strong,#b84e08);color:#fff;border-color:var(--ars-accent-strong,#b84e08);font-weight:700}.arf-cart-add-row .arf-primary:disabled{opacity:.45}.arf-cart-add-row .arf-primary:not(:disabled):hover{background:var(--ars-accent-strong-hover,#9a4307)} .arf-checkout-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.85fr);gap:18px;align-items:start}.arf-checkout-form,.arf-checkout-summary{margin:0!important}.arf-checkout-summary{position:sticky;top:24px}.arf-fieldset{border:1px solid #e0e4e7;border-radius:0;padding:12px 14px;margin:14px 0}.arf-fieldset legend{padding:0 5px;font-weight:750}.arf-choice-row{display:flex;gap:18px;flex-wrap:wrap}.arf-choice-row label{display:flex!important;flex-direction:row!important;align-items:center!important;gap:6px!important;margin:0!important;font-weight:550}.arf-address-grid{grid-template-columns:2fr .7fr!important}.arf-checkout-notice{padding:11px 12px;margin:12px 0;background:#f4f5f6;border-left:4px solid #d9600a;font-size:.84rem;line-height:1.4}.arf-checkout-form>button[type=submit]{width:100%;min-height:44px;background:var(--ars-accent-strong,#b84e08);color:#fff;border-color:var(--ars-accent-strong,#b84e08);font-weight:750}.arf-checkout-form>button[type=submit]:hover{background:var(--ars-accent-strong-hover,#9a4307)}.arf-checkout-summary .arf-cart-item{grid-template-columns:1fr auto}.arf-checkout-summary .arf-cart-required{font-size:.83rem} @media(max-width:800px){.arf-checkout-layout{grid-template-columns:1fr}.arf-checkout-summary{position:static;order:-1}.arf-cart-rec-list{grid-template-columns:1fr}} @media(max-width:600px){.arf-cart-shell{padding:15px!important}.arf-cart-head,.arf-cart-actions{align-items:stretch;flex-direction:column}.arf-cart-item{grid-template-columns:1fr;gap:8px}.arf-cart-item-controls{justify-content:space-between}.arf-cart-period-summary{align-items:flex-start;flex-direction:column;gap:2px}.arf-cart-add-row{grid-template-columns:90px 1fr}.arf-address-grid{grid-template-columns:1fr!important}} @media(max-width:390px){.arf-cart-add-row{grid-template-columns:1fr}.arf-cart-add-row .arf-primary{width:100%}} .arf-cart-page .arf-empty-state{padding:26px 18px;text-align:center;background:#f7f8f8;border:1px dashed #d5dadd;border-radius:0}.arf-cart-page .arf-empty-state strong{display:block;color:var(--ars-ink,#14181b)}.arf-cart-page .arf-empty-state p{margin:5px 0 0;opacity:.68} .arf-privacy-note{margin:10px 0 14px;font-size:.78rem;line-height:1.45;opacity:.76}.arf-privacy-note a{color:var(--ars-ink,#14181b);text-decoration:underline} .arf-privacy-notice-box{display:flex;align-items:flex-start;gap:10px;background:#fff8e5!important;border-left:4px solid #ead49b!important}.arf-privacy-notice-box .arf-checkout-notice-icon{flex:0 0 auto;width:20px;height:20px;color:#8a5a00;margin-top:1px}.arf-privacy-notice-box .arf-checkout-notice-icon svg{width:100%;height:100%}.arf-privacy-notice-box .arf-privacy-note{margin:0;opacity:.9} /* REV011: Betriebshof / Operations – augite Rental Design, touch-first */ .arf-ops{--arf-ops-green:#d9600a;--arf-ops-green-2:#b84e08;--arf-ops-ink:#14181b;--arf-ops-text:#3e4144;--arf-ops-muted:#6b6f73;--arf-ops-paper:#fbfbfa;--arf-ops-soft:#f4f5f6;--arf-ops-line:#dcdcde;--arf-ops-warn:#8a5a00;--arf-ops-danger:#b32d2e;max-width:1180px;margin:22px auto 48px;color:var(--arf-ops-ink);font-family:Inter,"Helvetica Neue",Arial,sans-serif} .arf-ops *{box-sizing:border-box}.arf-ops [hidden]{display:none!important}.arf-ops svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round} /* REQ-DESIGN-PORTAL-LAYOUT/REQ-DESIGN-WPADMIN-LAYOUT ("Piktogramme verwenden vorhandenen * Symbolsatz"): default inline size for an .arf-ui-icon that has no more specific contextual * sizing rule (see the 38px/34px/26px/22px overrides elsewhere in this file for the larger, * already-styled spots) - since .arf-ops svg above is width/height:100% of its parent, an * .arf-ui-icon with no explicit size would otherwise collapse/render unpredictably. 1em scales * with the surrounding text, matching how these new inline pictograms (replacing raw ✓/⚠/× * glyphs) sit next to their label text. */ .arf-ui-icon{display:inline-grid;place-items:center;width:1em;height:1em;vertical-align:-0.15em} .arf-ops-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin:0 0 18px;padding:26px 28px;border-radius:0;background:var(--ars-accent-strong,#b84e08);color:#fff}.arf-ops-hero h1{margin:3px 0 7px;font-size:clamp(1.8rem,4vw,2.65rem);line-height:1.02;color:#fff}.arf-ops-hero p{max-width:760px;margin:0;color:#f9f0eb;font-size:.96rem}.arf-ops-eyebrow,.arf-ops-kicker{display:block;font-size:.7rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.arf-ops-eyebrow,.arf-ops-kicker{color:var(--ars-accent-strong,#b84e08)} .arf-ops-card{background:#fff;border:1px solid var(--arf-ops-line);border-radius:0;padding:20px 22px;margin:0 0 16px;box-shadow:0 2px 10px rgba(30,33,36,.035)}.arf-ops-section-head,.arf-ops-detail-head,.arf-process-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.arf-ops-section-head h2,.arf-ops-detail-head h2{margin:2px 0 0;font-size:1.45rem;line-height:1.15}.arf-ops-section-head p,.arf-ops-detail-head p,.arf-process-head p{margin:5px 0 0;color:var(--arf-ops-muted);font-size:.88rem} .arf-ops button{font:inherit}.arf-ops-primary,.arf-ops-secondary,.arf-ops-icon-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:44px;padding:9px 14px!important;border-radius:0!important;font-weight:700!important;line-height:1.15!important;cursor:pointer}.arf-ops-primary{background:var(--ars-accent-strong,#b84e08)!important;border:1px solid var(--ars-accent-strong,#b84e08)!important;color:#fff!important}.arf-ops-primary:hover{background:var(--ars-accent-strong-hover,#9a4307)!important;border-color:var(--ars-accent-strong-hover,#9a4307)!important}.arf-ops-secondary{background:#fff!important;border:1px solid #c5c7c9!important;color:var(--arf-ops-ink)!important}.arf-ops-secondary:hover{border-color:var(--arf-ops-green)!important;color:var(--ars-accent-strong,#b84e08)!important}.arf-ops-icon-button{background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.3)!important;color:#fff!important}.arf-ops-icon-button:hover{background:rgba(255,255,255,.18)!important} /* LIVE-TASK-2026-09-12-013 V2 (system-wide, not page-wide): .arf-ops-primary/-secondary/-icon-button * had no :focus-visible rule of their own anywhere, so keyboard focus on any button built from * these shared classes (across every /intern/ page and the RentalFlow admin shell) was invisible - * one class-level rule covers every current and future use instead of patching individual buttons. */ .arf-ops-primary:focus-visible,.arf-ops-secondary:focus-visible,.arf-ops-icon-button:focus-visible{outline:2px solid #d9600a!important;outline-offset:2px!important} .arf-ops-icon-button:focus-visible{outline-color:#fff!important} /* REQ-RENTALINVOICE-ACTION-LABEL-CLARITY-001: compact, pictogram-only modifier for the * existing .arf-ops-secondary/.arf-ops-primary button components (not a new button system - * same background/border/color, just square and icon-only), used by RentalInvoice's * /intern/rentalinvoice/ action row instead of the large text buttons a direct sponsor review * flagged as visually oversized for a per-row action list. */ .arf-ops-secondary.arf-ops-icon-only,.arf-ops-primary.arf-ops-icon-only{width:38px!important;min-width:38px!important;padding:0!important;gap:0!important} .arf-ops-icon-only>svg{width:18px;height:18px;flex:none} /* Reconciliation note (2026-09-13, merge of claude/p1-req-089-system-page-ia onto the live * branch): the live tip had independently authored an unconditional, always-on ":focus" floor * rule here (doubled .arf-ops-primary/-secondary/-icon-button/input/select/textarea/button * classes) for the exact same LIVE-TASK-2026-09-13-013 finding that this branch's own * ".arf-app.arf-ops :is(details[open],[role=dialog],...)" fallback further below already fixes * (same buttons: scanner dialog Uebernehmen/QR-Barcode/NFC lesen, disposition Speichern, ZUGFeRD/ * XRechnung erzeugen - all inside an open dialog/
). Removed as a real duplicate rather * than kept alongside: this branch's fallback is scoped to open dialogs/disclosures only * (deliberately "keine Klick-Ringe" outside them, per the comment on that rule), while the live * tip's unconditional version would have reintroduced always-on click rings everywhere, * regressing that explicit design intent - and it made tests/test_req_layout_rule_violations_001_cascade.py's * mutation check (which proves the dialog-scoped fallback is what actually supplies the outline) * unable to distinguish "fixed" from "reverted" for these buttons, since the redundant rule kept * supplying an outline regardless. No coverage was lost: the same buttons are proven fixed by that * dialog-scoped rule instead (see its own mutation-tested proof below). */ .arf-ui-icon{width:19px;height:19px;display:inline-grid;place-items:center;flex:0 0 19px} .arf-ops-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(285px,1fr));gap:9px;margin-top:14px}.arf-ops-booking{display:grid!important;grid-template-columns:38px minmax(0,1fr) auto 14px!important;align-items:center!important;gap:10px!important;width:100%;min-height:76px;padding:12px 13px!important;text-align:left!important;background:var(--arf-ops-paper)!important;border:1px solid var(--arf-ops-line)!important;border-radius:0!important;color:var(--arf-ops-ink)!important}.arf-ops-booking:hover{background:var(--arf-ops-soft)!important;border-color:#babcbe!important}.arf-ops-booking-icon,.arf-ops-summary-icon,.arf-work-asset-icon,.arf-media-icon{display:grid;place-items:center;width:38px;height:38px;padding:8px;border-radius:0;background:#eff0f1;color:var(--arf-ops-green);flex:0 0 38px}.arf-ops-booking-copy{display:grid;gap:1px;min-width:0}.arf-ops-booking-copy strong{font-size:.92rem}.arf-ops-booking-copy span{font-size:.84rem;color:var(--arf-ops-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arf-ops-booking-copy small{font-size:.72rem;color:var(--arf-ops-muted)}.arf-ops-chevron{font-size:1.5rem;color:#8a8d91}.arf-ops-state{display:inline-flex;align-items:center;border-radius:0;padding:5px 8px;font-size:.68rem;font-weight:800;white-space:nowrap;background:#eeeff1;color:#5b5e62}.arf-ops-state.is-ok{background:#e8f4ec;color:#215f39}.arf-ops-state.is-alert{background:#fff1eb;color:#8c421a} /* Wave 23: decision 98 - overdue pill in /intern/ lists = the one amber warning token of the status badges (admin.css .arf-admin-status[data-status="overdue"]); decision 79 - overdue with open blockers = error tone (admin.css danger badge). */ .arf-ops-state.is-warning{color:#7a5600;background:#fff4d6;border-color:#e8d49a}.arf-ops-state.is-danger{color:#b32d2e;background:#fcf0f1;border-color:#efc5c7} .arf-ops-loading{padding:18px 0;color:var(--arf-ops-muted)}.arf-ops-empty{display:flex;align-items:center;gap:12px;margin-top:12px;padding:18px;border:1px dashed #cccdd0;border-radius:0;background:var(--arf-ops-paper)}.arf-ops-empty>.arf-ui-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;min-width:34px;min-height:34px;color:var(--arf-ops-green);overflow:hidden}.arf-ops-empty>.arf-ui-icon svg{display:block;width:22px!important;height:22px!important;max-width:22px!important;max-height:22px!important}.arf-ops-empty div{display:grid}.arf-ops-empty span{font-size:.82rem;color:var(--arf-ops-muted)} /* REQ-INTERN-CONSOLIDATION M1: /intern/rentalcore/ ports several wp-admin RentalCore list- * page components (Kachel-Grid, Tabelle, Faktenliste) to the front end. wp-admin's own * .arf-metric-grid/.arf-admin-table/.arf-facts (admin.css) and WordPress core's own * widefat/striped table styling are not loaded on the front end at all, so these are real, * separate front-end declarations under the SAME class names and the same visual structure * (flat, border-radius:0, matching admin.css exactly) - not a differently-styled lookalike, * only using this stylesheet's own --arf-ops-* token names instead of wp-admin's --arf-* and * --augite-admin-* ones, which resolve to the identical canonical color values. * REQ-INTERN-LAYOUT-CALIBRATION LAY-003 (2026-09-13, found by the cascade-resolver sweep in * tests/test_req_layout_rule_violations_001_cascade.py): this comment used to spell the wp-admin * token family as "--arf-*" immediately followed by "/" - i.e. a literal comment terminator in * the middle of the comment. Browsers ended the comment there, parsed the remaining prose as the * selector of the next rule, and dropped the whole .arf-ops-filter-bar{display:flex;...} rule as * invalid, so the /intern/ filter bars never received their declared flex layout (computed styles * did not match the approved cascade). Reworded; the rule below is unchanged. */ /* REQ-BACKEND-FILTER-BAR-COLLAPSIBLE-ONE-ROW-001 (wave 12, decision 46): every /intern/ filter bar is rendered by the * shared ARF_Backend_UI component (collapsible behind a filter pictogram, one row on desktop); its row LAYOUT lives in * assets/css/backend-ui.css only. The former .arf-ops-filter-bar layout rules here (display/flex-wrap/gap/margin, the * search flex basis) and the REV321 one-row repair below them (LIVE-TASK-2026-09-14-109/-113: visible label inline-flex, * selects width:auto, button/link flex:0 0 auto - measured 47/47/49px) were folded into that component, so no second, * competing rule set remains. Only the visual control styling stays here (corners squared per the pill rule). */ .arf-ops-filter-bar input[type=search],.arf-ops-filter-bar select{min-height:40px;padding:8px 10px;border:1px solid var(--arf-ops-line);border-radius:0;font:inherit;background:#fff;color:var(--arf-ops-ink)} .arf-metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:12px 0 4px;max-width:none} .arf-metric-card{display:block;background:#fff;border:1px solid var(--arf-ops-line);border-top:4px solid var(--arf-ops-green);border-radius:0;padding:15px;text-decoration:none;color:var(--arf-ops-ink)} .arf-metric-card:hover[href]{border-color:var(--arf-ops-green-2)} .arf-metric-card strong{display:block;font-size:27px;line-height:1.1} .arf-metric-card span{display:block;font-weight:650;margin-top:5px} .arf-metric-card small{display:block;color:var(--arf-ops-muted);margin-top:4px} .arf-metric-card--warn{border-top-color:var(--arf-ops-warn)} .arf-metric-card--ok{border-top-color:var(--arf-ops-green)} /* Auftraggeber-Entscheidung 36 (KPI budget 3/5) on /intern/: surplus metrics in a non-tile "Weitere Kennzahlen" definition list, groups below 3 metrics as a compact list. */ .arf-metric-more{margin:12px 0 4px;border:1px solid var(--arf-ops-line);background:#fff}.arf-metric-more>summary{cursor:pointer;padding:9px 14px;font-weight:650;color:var(--ars-accent-strong,#b84e08)}.arf-metric-more[open]>summary{border-bottom:1px solid var(--arf-ops-line)}.arf-metric-more>.arf-metric-list{margin:0;padding:4px 14px}.arf-metric-list{margin:12px 0 4px;display:grid;gap:0}.arf-metric-list__item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 14px;align-items:baseline;padding:7px 0;border-bottom:1px solid var(--arf-ops-line)}.arf-metric-list__item:last-child{border-bottom:0}.arf-metric-list dt{margin:0;font-weight:600;min-width:0;color:var(--arf-ops-ink)}.arf-metric-list dd{margin:0;text-align:right}.arf-metric-list dd strong{font-size:1rem;color:var(--arf-ops-ink)}.arf-metric-list dd small{display:block;color:var(--arf-ops-muted)}.arf-metric-list--compact{border:1px solid var(--arf-ops-line);background:#fff;padding:2px 14px}.arf-metric-list__item--warn dd strong{color:var(--arf-ops-warn)} @media(max-width:480px){.arf-metric-grid{grid-template-columns:1fr}} /* Live finding LIVE-TASK-2026-09-14-129/-131 (2026-09-15): absolutely positioned descendants (.screen-reader-text in table headers) escaped a static overflow:auto wrapper - their containing block was the page, so /intern/rentalinvoice/ was 1218 px wide at 400 px although the table itself scrolled inside its wrapper. Every table/filter scroll wrapper is position:relative. */ .arf-admin-table-scroll{position:relative;overflow:auto;background:#fff;border:1px solid var(--arf-ops-line);border-radius:0;margin:8px 0 14px;max-width:none} .arf-admin-table{width:100%;border-collapse:collapse;min-width:640px} .arf-admin-table th,.arf-admin-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--arf-ops-line);vertical-align:middle} .arf-admin-table th{background:var(--arf-ops-soft);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.03em;color:var(--arf-ops-text)} .arf-admin-table tbody tr:nth-child(odd){background:#fbfcfb} /* Live finding LIVE-TASK-2026-09-13-047 (2026-09-15): the two RentalFlow tables 'Geräte in Rücknahmeprüfung' and the operations list (.arf-ops-table, markup "widefat striped" shared with wp-admin) had no front-end styling - on /intern/rentalflow/ the header cells did not line up with the columns and the booking buttons (.button-link) rendered as grey browser default buttons. Same flat table look as .arf-admin-table; the booking reference is a text link-button. */ body:not(.wp-admin) .arf-app table.arf-ops-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--arf-ops-line)} body:not(.wp-admin) .arf-app table.arf-ops-table th,body:not(.wp-admin) .arf-app table.arf-ops-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--arf-ops-line);vertical-align:middle} body:not(.wp-admin) .arf-app table.arf-ops-table th{background:var(--arf-ops-soft);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.03em;color:var(--arf-ops-text)} body:not(.wp-admin) .arf-app table.arf-ops-table tbody tr:nth-child(odd){background:#fbfcfb} body:not(.wp-admin) .arf-app table.arf-ops-table .button-link{appearance:none;display:inline;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:#b84e08;font:inherit;font-weight:700;text-decoration:underline;text-underline-offset:2px;cursor:pointer} body:not(.wp-admin) .arf-app table.arf-ops-table .button-link:hover{color:#9a4307} body:not(.wp-admin) .arf-app table.arf-ops-table .button-link:focus-visible{outline:2px solid rgba(217,96,10,.4);outline-offset:2px} .arf-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .arf-facts div{background:var(--arf-ops-soft);border-radius:0;padding:12px} .arf-facts dt{color:var(--arf-ops-muted);font-size:12px;margin:0} .arf-facts dd{margin:3px 0 0;font-weight:650} .arf-admin-gate-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px;margin-top:10px} .arf-admin-gate-item{display:grid;grid-template-columns:28px 1fr;gap:8px;padding:10px;border:1px solid var(--arf-ops-line);background:#fff} .arf-admin-gate-item>span{display:grid;place-items:center;width:28px;height:28px;border-radius:0;background:#e8f3eb;color:#24613e;font-weight:800}.arf-admin-gate-item>span svg{width:16px;height:16px} .arf-admin-gate-item.is-missing{border-color:#e3c0a7;background:#fffaf5} .arf-admin-gate-item.is-missing>span{background:#fff0e4;color:#944b18} .arf-admin-gate-item div{display:grid;gap:3px} .arf-admin-gate-item small{color:var(--arf-ops-muted);line-height:1.35} @media(max-width:700px){.arf-facts{grid-template-columns:1fr}} /* REQ-093 (Paket H): distinguishes "genuinely nothing to do" from "work exists, not yet * confirmed in RentalCore" so an empty operational queue is never mistaken for a data bug. */ .arf-ops-empty-hint{margin:6px 0 0;font-size:.8rem;font-weight:700;color:var(--arf-ops-warn)} .arf-ops-empty-hint a{color:inherit;text-decoration:underline} .arf-ops-detail-head{padding-bottom:14px;border-bottom:1px solid #e6e7e9}.arf-ops-assets-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:8px;margin:14px 0}.arf-ops-summary-item{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #e6e7e9;border-radius:0;background:#fbfcfb}.arf-ops-summary-item>div{display:grid;gap:2px}.arf-ops-summary-item strong{font-size:.85rem}.arf-ops-summary-item small{font-size:.73rem;color:var(--arf-ops-muted)}.arf-ops-summary-item small.is-alert{color:var(--arf-ops-danger)}.arf-ops-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0} /* REQ-INTERN-BOOKING-DETAIL-VISUAL-CLARITY-001: the "Kunde nicht erschienen" exception action is * deliberately pulled out of .arf-ops-actions' primary-action row (Kommissionierung starten, * Übergabe/Rücknahme fortsetzen, …) into its own, visually separated block - a top divider plus * a short context sentence, so the button never sits directly adjacent to the pickup- * authorization/handover-release group above with no explanation of what "not shown up" refers to. */ .arf-process-card{margin:17px -2px -2px;padding:18px 2px 2px;border-top:1px solid var(--arf-ops-line)}.arf-process-head{margin-bottom:13px}.arf-process-head h3{margin:2px 0 0;font-size:1.35rem}.arf-ops-step{display:inline-flex;align-items:center;min-height:30px;padding:5px 9px;border-radius:0;background:#f2f3f5;color:var(--ars-accent-strong,#b84e08);font-size:.73rem;font-weight:800}.arf-work-asset{margin:0 0 12px;border:1px solid var(--arf-ops-line);border-radius:0;background:#fff;overflow:hidden}.arf-work-asset-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;background:#f8f9fa;border-bottom:1px solid #e6e7e8}.arf-work-asset-id{display:flex;align-items:center;gap:10px;min-width:0}.arf-work-asset-id>div{display:grid;min-width:0}.arf-work-asset-id strong{font-size:1rem}.arf-work-asset-id span{font-size:.75rem;color:var(--arf-ops-muted);overflow-wrap:anywhere}.arf-verify-state{font-size:.78rem;color:#21603b;font-weight:800}.arf-verify.is-verified{border-color:#9ac2a8!important;background:#eef7f1!important;color:#215f39!important} .arf-general-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:13px 14px}.arf-general-checks label{display:flex!important;flex-direction:row!important;align-items:center!important;gap:9px!important;min-height:44px;margin:0!important;padding:9px 10px;border:1px solid #e6e7e9;border-radius:0;background:#fff;font-weight:600!important;font-size:.82rem}.arf-general-checks input{width:21px!important;height:21px!important;margin:0!important;accent-color:var(--arf-ops-green)} .arf-return-core{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px}.arf-return-core label,.arf-media-meta label,.arf-ops-token-row label{display:flex!important;flex-direction:column!important;gap:5px!important;margin:0!important;font-size:.78rem;font-weight:700!important;color:var(--arf-ops-text)}.arf-return-core label>span,.arf-media-meta label>span,.arf-ops-token-row label>span{display:flex;gap:5px;align-items:baseline}.arf-return-core small,.arf-media-meta small{font-weight:500;color:var(--arf-ops-muted)}.arf-field-wide{grid-column:1/-1}.arf-return-core input,.arf-return-core select,.arf-return-core textarea,.arf-media-meta input,.arf-media-meta select,.arf-ops-token-row input{width:100%!important;min-height:43px;padding:9px 10px!important;border:1px solid #c5c7c9!important;border-radius:0!important;background:#fff!important;color:var(--arf-ops-ink)!important;font:inherit!important}.arf-return-core textarea{min-height:64px;resize:vertical}.arf-meter-fields{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.arf-damage-field{padding:10px;border-left:4px solid var(--arf-ops-warn);border-radius:0;background:#fff7f1} .arf-master-template{margin:0;border-top:1px solid #e6e7e9;background:#fcfdfc}.arf-master-head{display:flex;align-items:center;gap:10px;padding:12px 14px 8px}.arf-master-source{display:inline-flex;padding:4px 7px;border-radius:0;background:var(--ars-accent-strong,#b84e08);color:#fff;font-size:.64rem;font-weight:800;letter-spacing:.05em}.arf-master-head h4{margin:0;font-size:.87rem}.arf-master-head p{margin:1px 0 0;color:var(--arf-ops-muted);font-size:.72rem}.arf-master-section{margin:8px 14px 4px;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:#5b5e62}.arf-master-item{display:grid!important;grid-template-columns:36px minmax(0,1fr) 26px;align-items:center;gap:10px;min-height:58px;margin:0 14px!important;padding:9px 0;border-bottom:1px solid #eaebed;font-weight:500!important}.arf-master-item:last-child{border-bottom:0}.arf-master-icon{display:grid;place-items:center;width:34px;height:34px;padding:7px;border-radius:0;background:#f2f3f5;color:var(--arf-ops-green)}.arf-master-copy{display:grid;gap:2px;min-width:0}.arf-master-copy strong{font-size:.82rem;line-height:1.3}.arf-master-copy em{color:var(--arf-ops-warn);font-style:normal}.arf-master-copy small{font-size:.72rem;line-height:1.35;color:var(--arf-ops-muted);font-weight:400}.arf-master-check{width:23px!important;height:23px!important;margin:0!important;padding:0!important;accent-color:var(--arf-ops-green)}.arf-master-item.is-blocking{grid-template-columns:36px minmax(0,1fr);margin:4px 14px 8px!important;padding:10px;border:1px solid #ead7ca;border-radius:0;background:#fff9f5}.arf-master-item.is-blocking .arf-master-icon{background:#fff0e7;color:var(--arf-ops-warn)}.arf-master-item.is-blocking select{width:100%!important;min-height:41px;margin-top:6px;padding:8px 9px!important;border:1px solid #cfb6a5!important;border-radius:0!important;background:#fff!important;font:inherit!important;font-size:.78rem!important} .arf-media-box{display:block;margin:15px 0 0;padding:14px;border:1px solid #d3d5d7;border-radius:0;background:#f9fafb}.arf-media-head{display:flex;align-items:center;gap:10px}.arf-media-head>div{min-width:0;flex:1}.arf-media-head h4{margin:0;font-size:1rem}.arf-media-head p{margin:2px 0 0;font-size:.76rem;color:var(--arf-ops-muted)}.arf-photo-count{padding:4px 7px;border-radius:0;background:#eff0f1;color:var(--ars-accent-strong-hover,#9a4307);font-size:.67rem;font-weight:800;white-space:nowrap}.arf-media-meta{display:grid;grid-template-columns:minmax(140px,.8fr) minmax(220px,1.4fr) minmax(140px,.8fr);gap:8px;margin:12px 0}.arf-camera-stage{position:relative;min-height:220px;max-width:640px;border-radius:0;overflow:hidden;background:#14181b}.arf-camera-stage video{display:block;width:100%;height:auto;aspect-ratio:4/3;max-height:480px;min-height:220px;object-fit:cover;margin:0!important;border-radius:0!important;background:#111}.arf-camera-placeholder{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:7px;padding:22px;text-align:center;color:#e3e4e6;background:#14181b}.arf-camera-placeholder svg{width:42px;height:42px;color:#a1a4a7}.arf-camera-placeholder strong{font-size:.9rem}.arf-camera-placeholder span{max-width:560px;font-size:.74rem;color:#b6b8ba}.arf-camera-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}.arf-camera-actions [data-doc-camera-controls]{display:flex;gap:8px}.arf-capture{min-width:170px}.arf-media-result{font-size:.75rem;color:var(--arf-ops-muted)}.arf-photo-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:7px;margin-top:10px}.arf-photo-thumb{position:relative;margin:0;border:1px solid #d8dbde;border-radius:0;overflow:hidden;background:#fff}.arf-photo-thumb img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.arf-photo-thumb figcaption{padding:5px 6px;font-size:.66rem;color:#5b5e62;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .arf-process-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:14px;padding:13px 14px;border-radius:0;background:#f2f3f5}.arf-process-footer>div{display:grid;gap:2px}.arf-process-footer strong{font-size:.84rem}.arf-process-footer span{font-size:.72rem;color:#5b5e62}.arf-process-result{min-height:1.2em;margin-top:8px;font-size:.8rem;font-weight:650;color:var(--ars-accent-strong,#b84e08)} .arf-scan-actions{display:flex;gap:8px;margin:12px 0}.arf-ops-token-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;max-width:760px}.arf-ops-scan-video{display:block;width:100%;max-width:760px;max-height:430px;object-fit:cover;margin-top:10px;border-radius:0;background:#14181b}.arf-ops-result{max-width:760px;margin-top:8px;padding:0}.arf-resolve-card{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #dee0e2;border-radius:0;background:#f8f9fa}.arf-resolve-card>span{display:grid;width:32px;height:32px;padding:6px;border-radius:0;background:#eff0f1;color:var(--ars-accent-strong-hover,#9a4307)}.arf-resolve-card>div{display:grid;gap:2px}.arf-resolve-card small{color:var(--arf-ops-muted)}.arf-resolve-card b{font-size:.73rem}.arf-resolve-card .is-ok{color:#21603b}.arf-resolve-card .is-alert{color:var(--arf-ops-danger)} .arf-ops-signature{background:#fbfbfa}.arf-signature-pad{position:relative;margin-top:12px}.arf-ops .arf-signature-pad canvas{display:block;width:100%;height:230px;border:1px solid #c5c7c9;border-radius:0;background:#fff;touch-action:none}.arf-signature-line{position:absolute;left:7%;right:7%;bottom:38px;border-bottom:1px solid #c8cacc;pointer-events:none}.arf-ops-inline-actions{display:flex;gap:8px;margin-top:8px} .arf-error{padding:9px 11px;border:1px solid #efcaca;border-radius:0;background:#fff4f4;color:#8f2727}.arf-paper-fallback-note{margin-top:8px}.arf-ops button:focus-visible,.arf-ops input:focus-visible,.arf-ops select:focus-visible,.arf-ops textarea:focus-visible{outline:3px solid rgba(217,96,10,.2)!important;outline-offset:1px!important} /* REQ-DISPOSITION-INSTANCE-TRANSPORT-BLOCK-LAYOUT-001: .arf-inline-field/.arf-status-change-form/ * .arf-field-wide are the standing /intern/ card-form convention (129 uses of .arf-inline-field * alone in class-arf-shortcodes.php, across Buchungsdetail, Kundendetail, Disposition and more) * but were only ever styled in admin.css - which /intern/ pages never enqueue (they load only * this file, arf-public/public.css; admin.css is enqueued exclusively by ARF_Admin's own * wp-admin screens). So on /intern/ every one of these forms rendered as bare, unstyled stacked *