/* Reversible clear-glass preview. Base receipt styles are preserved separately. */
.workspace-ui .office-shell[data-owner-view="office-receipts"]{
 --receipt-nav-height:76px;background:#edf2f8;
 background-image:radial-gradient(ellipse at 0 25%,#b6d5ec70,transparent 56%),radial-gradient(ellipse at 100% 75%,#c9d4e95c,transparent 55%);
 background-attachment:fixed;isolation:isolate;
}
.office-shell[data-owner-view="office-receipts"] .owner-page{position:relative}
.workspace-ui .office-shell[data-owner-view="office-receipts"] .office-header{
 position:sticky;top:0;z-index:35;background:linear-gradient(115deg,#102b56d6,#18385fd1);
 border-bottom:1px solid #ffffff80;box-shadow:0 4px 22px #12345713,inset 0 1px #ffffff80;
 -webkit-backdrop-filter:blur(7px) saturate(125%);backdrop-filter:blur(7px) saturate(125%);
}
.office-shell[data-owner-view="office-receipts"] .owner-content{background:transparent}
.collection-receipts .receipts-heading{padding:3px 0 5px}
.collection-receipts .receipts-heading p{color:#526a86}
.collection-receipts .receipts-back{background:#ffffff55;border:1px solid #ffffffed;box-shadow:0 3px 10px #28435f14,inset 0 1px 2px #fff,inset 0 -1px 1px #7393b02e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
/* Real accounting rows pass beneath this clear lens while scrolling. */
.collection-receipts .receipts-selectors{
 position:sticky;top:calc(var(--receipt-nav-height) + 8px);z-index:25;
 gap:8px;padding:8px;border:1px solid #ffffffd9;border-radius:23px;
 background:linear-gradient(130deg,#ffffff61,#ffffff1a 48%,#f6fbff47);
 box-shadow:0 9px 24px #173b601c,inset 0 2px 2px #fffffff0,inset 0 -2px 2px #587da338;
 -webkit-backdrop-filter:blur(5px) saturate(125%);backdrop-filter:blur(5px) saturate(125%);
}
.collection-receipts .receipts-selectors::after{content:"";position:absolute;inset:1px;pointer-events:none;border-radius:21px;border:1px solid #ffffff70;box-shadow:inset 1px 0 1px #ffffffa6,inset -1px 0 1px #45698f1f}
.collection-receipts .receipts-selectors label{background:linear-gradient(110deg,#ffffff6b,#ffffff36 65%,#ffffff63);border:1px solid #ffffffad;border-radius:15px;box-shadow:inset 0 1px 1px #fff,inset 0 -1px 1px #7895b329}
.collection-receipts .receipts-selectors select{background:transparent;color:#12396f;font-weight:550;text-shadow:0 1px #ffffffb3}
.collection-receipts .receipts-selectors option{background:#f8fbff;color:#193e76}
.collection-receipts :is(.receipts-accounting,.receipts-form,.receipts-confirmed){
 background:linear-gradient(135deg,#ffffffc9,#ffffffa6);border:1px solid #ffffffe8;border-radius:23px;
 box-shadow:0 9px 28px #17334f10,inset 0 1px 2px #fff,inset 0 -1px 2px #7994af1f;
 -webkit-backdrop-filter:blur(5px) saturate(112%);backdrop-filter:blur(5px) saturate(112%);
}
.collection-receipts .receipts-row{border-bottom-color:#7d9dc32b}
.collection-receipts .receipts-row dt{color:#506680}
.collection-receipts .receipts-row.receipts-emphasis{background:#e5effb66;border-radius:9px}
.collection-receipts .receipts-separated{border-top-color:#adc4e547}
.collection-receipts .receipts-caption,.collection-receipts .receipts-office-cash small{color:#566c85}
.collection-receipts .receipts-status{background:#e3effb99;border:1px solid #ffffffcf;box-shadow:inset 0 1px #fff}
.collection-receipts .receipts-status.is-received{background:#e2f3eaad}
.collection-receipts .receipts-office-cash{background:#e8f1fc70;border:1px solid #ffffffbd;border-radius:15px;box-shadow:inset 0 1px #fff}
.collection-receipts .receipts-form{border-top:1px solid #fff}
.collection-receipts .receipts-form :is(textarea,input:not([type=checkbox])){background:#ffffffa6;border-color:#9ab6da85;border-radius:12px;box-shadow:inset 0 2px 4px #39608b08,0 1px 0 #ffffffd9}
.collection-receipts .receipts-form :is(input,textarea)::placeholder{color:#657b96}
.collection-receipts .receipts-form small{color:#566c85}
.collection-receipts .receipts-primary{background:linear-gradient(140deg,#2674f5,#0756d9);border:1px solid #1763df;border-radius:13px;box-shadow:0 5px 14px #0756d91f,inset 0 1px #ffffff73,inset 0 -1px #003ea540}
.collection-receipts .receipts-primary:not(:disabled):hover{background:linear-gradient(140deg,#1b69eb,#064bc0)}
.collection-receipts .receipts-secondary{background:#ffffff85;border-color:#c3d5ec;border-radius:12px}
body:has(.office-shell[data-owner-view="office-receipts"]) #modal-root .modal-backdrop:has(.receipts-dialog){background:#17375921;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
body:has(.office-shell[data-owner-view="office-receipts"]) #modal-root .modal:has(.receipts-dialog){
 background:#ffffff57;border:1px solid #fffffff0;border-radius:25px;padding:7px;
 box-shadow:0 25px 80px #102b5633,inset 0 2px 2px #fff,inset 0 -2px 2px #3c64873d;
 -webkit-backdrop-filter:blur(5px) saturate(120%);backdrop-filter:blur(5px) saturate(120%);
}
body:has(.office-shell[data-owner-view="office-receipts"]) #modal-root .modal:has(.receipts-dialog) .modal-head{background:#16365ee3;border-bottom-color:#ffffff85;border-radius:18px 18px 0 0}
body:has(.office-shell[data-owner-view="office-receipts"]) #modal-root .modal:has(.receipts-dialog) .modal-body{background:#ffffffbd}
body:has(.office-shell[data-owner-view="office-receipts"]) #modal-root .modal:has(.receipts-dialog) .modal-foot{background:#f5f9ffd1;border-top-color:#ffffffd9;border-radius:0 0 18px 18px}
@media(max-width:550px){.workspace-ui .office-shell[data-owner-view="office-receipts"]{--receipt-nav-height:68px}.collection-receipts .receipts-selectors{padding:6px;gap:6px;top:calc(var(--receipt-nav-height) + 5px)}.collection-receipts .receipts-selectors label{padding-block:7px}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.collection-receipts :is(.receipts-accounting,.receipts-form,.receipts-confirmed,.receipts-selectors){background:#f9fcff}}
@media(prefers-reduced-transparency:reduce){
 .workspace-ui .office-shell[data-owner-view="office-receipts"]{background:#edf3fb}
 .collection-receipts :is(.receipts-accounting,.receipts-form,.receipts-confirmed,.receipts-selectors,.receipts-selectors label){background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}
 body:has(.office-shell[data-owner-view="office-receipts"]) #modal-root .modal:has(.receipts-dialog){background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}
}