.invoice-detail-button{align-self:end;min-height:34px;padding:0 13px;border:1px solid rgba(126,145,236,.3);border-radius:9px;background:rgba(72,84,164,.14);color:#aebcff;font:600 10px/1 system-ui;cursor:pointer;white-space:nowrap}
.invoice-detail-button:hover{border-color:rgba(138,157,255,.65);background:rgba(88,103,201,.24);color:#fff}
.journey-invoice-button{grid-column:auto}
.invoice-viewer-modal{position:fixed!important;inset:0!important;z-index:10050!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;padding:28px!important;background:rgba(1,3,12,.82)!important;backdrop-filter:blur(14px)!important}
.expense-invoice-dialog{position:relative!important;display:flex!important;flex-direction:column!important;width:min(1180px,94vw)!important;height:min(800px,92vh)!important;min-width:0!important;min-height:0!important;overflow:hidden!important;border:1px solid rgba(153,169,232,.22)!important;border-radius:22px!important;background:linear-gradient(145deg,#0b0e23,#050713)!important;box-shadow:0 30px 90px rgba(0,0,0,.58)!important}
.expense-invoice-head{flex:0 0 auto!important;display:flex!important;justify-content:space-between!important;align-items:flex-start!important;box-sizing:border-box!important;width:100%!important;padding:20px 23px!important;border-bottom:1px solid rgba(153,169,232,.12)!important}
.expense-invoice-head small{color:#8492d1;font:650 9px ui-monospace;letter-spacing:.19em}.expense-invoice-head h3{margin:6px 0 4px!important;color:#e6eaff!important;font-size:20px!important}.expense-invoice-head p{margin:0!important;color:#7480a5!important;font-size:10px!important}
.expense-invoice-head>[data-viewer-close]{flex:0 0 35px!important;width:35px!important;height:35px!important;padding:0!important;border:1px solid rgba(153,169,232,.17)!important;border-radius:50%!important;background:rgba(16,19,42,.7)!important;color:#aab5df!important;font-size:20px!important;cursor:pointer!important}
.expense-invoice-content{flex:1 1 auto!important;display:flex!important;min-width:0!important;min-height:0!important;width:100%!important;overflow:hidden!important}
.expense-invoice-list{flex:0 0 300px!important;display:flex!important;flex-direction:column!important;gap:7px!important;box-sizing:border-box!important;min-width:0!important;padding:14px!important;overflow:auto!important;border-right:1px solid rgba(153,169,232,.1)!important}
.expense-invoice-list button{flex:0 0 auto!important;display:flex!important;flex-direction:column!important;gap:5px!important;box-sizing:border-box!important;width:100%!important;padding:11px!important;text-align:left!important;border:1px solid transparent!important;border-radius:11px!important;background:rgba(14,18,42,.5)!important;color:#a8b3d9!important;cursor:pointer!important}
.expense-invoice-list button.active{border-color:rgba(126,145,236,.4)!important;background:rgba(74,84,161,.18)!important}.expense-invoice-list b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.expense-invoice-list span{color:#7581aa;font-size:9px}
.expense-invoice-content.is-single .expense-invoice-list{display:none!important}
.expense-invoice-preview{flex:1 1 auto!important;display:flex!important;flex-direction:column!important;box-sizing:border-box!important;min-width:0!important;min-height:0!important;padding:15px!important;gap:12px!important;overflow:hidden!important}
.expense-invoice-frame{flex:1 1 auto!important;display:block!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;min-height:420px!important;border:1px solid rgba(153,169,232,.12)!important;border-radius:12px!important;background:#e8e9ed!important}
.expense-invoice-meta{flex:0 0 auto!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;width:100%!important;margin:0!important;padding:0!important}.expense-invoice-meta>div{display:grid;gap:4px;padding:9px 10px;border-radius:9px;background:rgba(17,21,47,.6)}.expense-invoice-meta dt{color:#6f7ba5;font-size:8px}.expense-invoice-meta dd{margin:0;color:#c6ceee;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:760px){.invoice-viewer-modal{padding:10px!important}.expense-invoice-dialog{height:94vh!important}.expense-invoice-content{flex-direction:column!important}.expense-invoice-list{flex:0 0 92px!important;flex-direction:row!important;width:100%!important;padding:9px!important;overflow-x:auto!important;border-right:0!important;border-bottom:1px solid rgba(153,169,232,.1)!important}.expense-invoice-list button{flex:0 0 220px!important}.expense-invoice-content.is-single .expense-invoice-list{display:none!important}.expense-invoice-meta{grid-template-columns:1fr 1fr!important}.expense-invoice-frame{min-height:300px!important}}