/* Receipt workspace: scoped visual design; existing operations retained. */
body[data-page=dekont] #app{grid-template-columns:215px minmax(0,1fr)!important}
body[data-page=dekont] .sidebar{width:215px!important;padding:16px 12px!important;gap:6px!important}
body[data-page=dekont] .side-brand{display:flex!important;gap:9px!important;padding-bottom:14px!important}
body[data-page=dekont] .side-brand img{width:46px!important;height:46px!important}
body[data-page=dekont] .side-brand>div{min-width:0}
body[data-page=dekont] #sidebar .side-legal{font:700 11px/1.5 'Segoe UI',Arial,sans-serif!important}
body[data-page=dekont] .side-brand span{font-size:9px!important}
body[data-page=dekont] .side-group{margin:9px 0 0!important;padding:8px 4px!important}
body[data-page=dekont] .sidebar .nav{font:500 14px/1.4 'Segoe UI',Arial,sans-serif!important;padding:10px!important;min-height:42px!important}
body[data-page=dekont] .main,body[data-page=dekont] .content{padding:0!important;max-width:none!important;margin:0!important;min-width:0}
#app #page-dekont{padding:14px!important;max-width:none!important;width:100%;font-family:'Segoe UI',Arial,sans-serif!important}
#app #page-dekont h2,#app #page-dekont h3,#app #page-dekont b,#app #page-dekont strong,#app #page-dekont input,#app #page-dekont button,#app #page-dekont select{font-family:'Segoe UI',Arial,sans-serif!important}
#app #page-dekont .doc-overview{display:flex!important;flex-direction:column!important;gap:12px!important;margin:0 0 12px!important}
#app #page-dekont .doc-overview-copy{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:4px!important;border:0!important;background:none!important;box-shadow:none!important;padding:0 4px!important;min-height:64px!important;width:100%!important}
#app #page-dekont .doc-overview-copy:before,#app #page-dekont .doc-overview-copy:after{display:none!important}
#app #page-dekont .doc-overview-copy>span{font-size:11px!important;letter-spacing:1.2px!important}
#app #page-dekont .doc-overview-copy>b{font-size:27px!important;line-height:1.2!important;margin:0!important}
#app #page-dekont .doc-overview-copy>small{font-size:13px!important;max-width:none!important;line-height:1.5!important}
#app #page-dekont .doc-kpis{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;width:100%!important}
#app #page-dekont .doc-kpi{display:grid!important;grid-template-columns:56px minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;height:86px!important;min-height:86px!important;padding:12px 16px!important;border-width:1px!important;border-radius:11px!important;overflow:hidden!important;background:linear-gradient(125deg,#0a2b40,#041624)!important}
#app #page-dekont .doc-kpi-art{position:static!important;inset:auto!important;width:54px!important;height:54px!important;grid-column:1;grid-row:1;transform:none!important;margin:0!important}
#app #page-dekont .doc-kpi-copy{grid-column:2;grid-row:1;min-width:0}
#app #page-dekont .doc-kpi-copy small{font-size:14px!important;letter-spacing:.2px!important}
#app #page-dekont .doc-kpi-copy em{font-size:11px!important;margin-top:5px!important;font-style:normal!important}
#app #page-dekont .doc-kpi>b{position:static!important;grid-column:3;grid-row:1;font-size:32px!important;line-height:1!important;margin:0!important}
#app #page-dekont .doc-tabs{min-height:44px!important;padding:5px!important;gap:6px!important;margin-bottom:10px!important;border:1px solid #1b4862!important;border-radius:9px!important;flex-wrap:wrap}
#app #page-dekont .dtab{font-size:13px!important;padding:9px 13px!important;min-height:34px!important}
#app #page-dekont .doc-bar{margin:0 0 10px!important;gap:10px;flex-wrap:wrap}
#app #page-dekont .doc-bar h2{font-size:19px!important;line-height:1.3!important;margin:0!important}
#app #page-dekont .doc-actions{gap:7px!important;flex-wrap:wrap}
#app #page-dekont .doc-actions button,#app #page-dekont .auto-toggle{font-size:12px!important;min-height:34px!important}
#app #page-dekont .doc-grid{display:grid;grid-template-columns:minmax(250px,.85fr) minmax(380px,1.55fr) minmax(310px,1.1fr)!important;gap:12px!important;height:calc(100dvh - 285px)!important;min-height:540px!important;align-items:stretch!important}
#app #page-dekont .doc-grid[hidden]{display:none!important}
#app #page-dekont .doc-list,#app #page-dekont .doc-viewer,#app #page-dekont .doc-detail{min-width:0!important;min-height:0!important;height:100%!important;max-height:none!important;border:1px solid #1e506d!important;border-radius:11px!important;background:linear-gradient(150deg,#082438,#041522)!important}
#app #page-dekont .doc-list{display:flex!important;flex-direction:column!important;overflow:hidden!important}
#app #page-dekont .doc-search{margin:10px!important;min-height:42px!important;flex-shrink:0}
#app #page-dekont #docSearch{font-size:14px!important}
#app #page-dekont .doc-count{font-size:12px!important;padding:9px 13px!important;flex-shrink:0}
#app #page-dekont .doc-items{padding:9px!important;overflow:auto!important;min-height:0!important;flex:1;scrollbar-width:thin}
#app #page-dekont .receipt-list-card{padding:12px!important;margin:0 0 10px!important;border-radius:10px!important;border-width:1px!important;min-height:0!important;background:linear-gradient(135deg,#0b2d42,#041a29)!important}
#app #page-dekont .receipt-list-card.selected{border-color:#29d2e7!important;box-shadow:inset 3px 0 #24d5dc,0 0 15px #06adc017!important}
#app #page-dekont .receipt-card-top{display:grid!important;grid-template-columns:35px minmax(0,1fr)!important;gap:8px!important;padding:0!important}
#app #page-dekont .receipt-card-doc{width:34px!important;height:42px!important;border-radius:6px!important}
#app #page-dekont .receipt-card-doc svg{width:23px!important;height:26px!important}
#app #page-dekont .receipt-card-title small{font-size:9px!important;letter-spacing:.8px!important}
#app #page-dekont .receipt-card-title b{font-size:14px!important;line-height:1.4!important;white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#app #page-dekont .receipt-state{grid-column:1/-1;justify-self:start;font-size:11px!important;padding:4px 8px!important;margin-top:2px}
#app #page-dekont .receipt-card-amount{padding:8px 0!important;margin:0!important;border:0!important}
#app #page-dekont .receipt-card-amount small{display:none!important}
#app #page-dekont .receipt-card-amount strong{font-size:23px!important;line-height:1.2!important}
#app #page-dekont .receipt-card-info{padding:7px 0!important;margin:0!important;border:0!important;background:none!important;gap:8px!important;min-height:0!important}
#app #page-dekont .receipt-card-info:not(.sender):not(.processor) small{display:none!important}
#app #page-dekont .receipt-card-info:nth-of-type(3),#app #page-dekont .receipt-card-info.sender,#app #page-dekont .receipt-card-info.processor{display:none!important}
#app #page-dekont .receipt-card-info b{font-size:12px!important;font-weight:500!important;line-height:1.4!important}
#app #page-dekont .receipt-info-icon{width:23px!important;height:23px!important;font-size:12px!important}
#app #page-dekont .receipt-card-footer{display:flex!important;flex-wrap:wrap!important;gap:7px!important;padding-top:8px!important;margin-top:3px!important}
#app #page-dekont .receipt-date,#app #page-dekont .receipt-iban{font-size:10px!important}
#app #page-dekont .receipt-open{font-size:11px!important;margin-left:auto}
#app #page-dekont .doc-viewer{display:flex!important;flex-direction:column!important;overflow:hidden!important}
#app #page-dekont .viewer-head{padding:10px 13px!important;min-height:46px!important;flex-shrink:0}
#app #page-dekont .viewer-head b{font-size:13px!important;overflow-wrap:anywhere}
#app #page-dekont .viewer-body{min-height:0!important;flex:1!important;overflow:auto!important;background:#041420!important;padding:12px!important}
#app #page-dekont .viewer-body .imgwrap{display:flex!important;justify-content:center!important;align-items:flex-start!important;min-height:100%!important;width:100%!important}
#app #page-dekont .viewer-body img{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;object-fit:contain!important;box-shadow:0 8px 24px #0006}
#app #page-dekont .viewer-foot{padding:9px!important;gap:8px!important;flex-wrap:wrap!important;flex-shrink:0}
#app #page-dekont .vf-left{display:flex;flex-wrap:wrap;gap:5px}
#app #page-dekont .vbtn{font-size:12px!important;padding:7px 9px!important;border-radius:6px!important}
#app #page-dekont #vTrash{width:100%;font-size:11px!important}
#app #page-dekont .doc-detail{overflow:auto!important;padding:11px!important;scrollbar-width:thin;display:flex!important;flex-direction:column!important;gap:10px!important}
#app #page-dekont .doc-detail>section{margin:0!important;padding:13px!important;border:1px solid #1e4d65!important;border-radius:9px!important;flex-shrink:0;background:linear-gradient(135deg,#0a2b3f,#051b2a)!important}
#app #page-dekont .receipt-card-kicker,#app #page-dekont .receipt-section-head>span{font-size:11px!important;letter-spacing:.9px!important;color:#66e3ec!important}
#app #page-dekont .receipt-person-name{font-size:20px!important;line-height:1.4!important;margin:7px 0!important;overflow-wrap:anywhere}
#app #page-dekont .receipt-person-meta{font-size:12px!important;line-height:1.5!important}
#app #page-dekont .receipt-summary-grid{margin-top:12px!important;padding-top:12px!important;gap:12px!important}
#app #page-dekont .receipt-summary-grid strong{font-size:27px!important;line-height:1.25!important;white-space:normal!important;overflow-wrap:anywhere}
#app #page-dekont .receipt-summary-grid b{font-size:13px!important}
#app #page-dekont .receipt-summary-grid small,#app #page-dekont .receipt-source-grid small{font-size:10px!important}
#app #page-dekont .receipt-description-card p{font-size:15px!important;line-height:1.5!important;margin:8px 0 0!important}
#app #page-dekont .receipt-section-head{gap:8px!important;flex-wrap:wrap}
#app #page-dekont .receipt-section-head small{font-size:10px!important}
#app #page-dekont .receipt-source-grid{gap:8px!important;margin-top:10px!important}
#app #page-dekont .receipt-source-grid>div{padding:10px!important}
#app #page-dekont .receipt-source-grid b,#app #page-dekont .receipt-source-grid a{font-size:13px!important;line-height:1.5!important;overflow-wrap:anywhere}
#app #page-dekont .receipt-link-card{order:3}
#app #page-dekont .receipt-approval-card{order:4}
#app #page-dekont .review-btn{font-size:14px!important;padding:11px!important;min-height:40px!important;border-radius:8px!important}
#app #page-dekont .approval-panel{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:10px 0!important}
#app #page-dekont .approval-person{padding:9px!important;gap:6px!important;flex-wrap:wrap}
#app #page-dekont .approval-person b{font-size:12px!important}
#app #page-dekont .approval-person span,#app #page-dekont .approval-person small{font-size:10px!important;line-height:1.4!important}
#app #page-dekont .approval-person i{width:24px!important;height:24px!important;font-size:15px!important}
#app #page-dekont .det-warn,#app #page-dekont .help{font-size:12px!important;line-height:1.5!important}
#app #page-dekont #approveCat{font-size:14px!important;min-height:40px!important}
@media(max-width:1400px){#app #page-dekont .doc-grid{grid-template-columns:240px minmax(300px,1fr) 300px!important}#app #page-dekont .doc-kpi{padding:10px!important;grid-template-columns:40px minmax(0,1fr) auto!important;gap:7px!important}#app #page-dekont .doc-kpi-art{width:40px!important;height:40px!important}#app #page-dekont .doc-kpi-copy small{font-size:12px!important}#app #page-dekont .doc-kpi>b{font-size:28px!important}}
@media(max-width:1150px){body[data-page=dekont] #app{grid-template-columns:1fr!important}body[data-page=dekont] .sidebar{width:250px!important}#app #page-dekont .doc-grid{grid-template-columns:240px minmax(280px,1fr)!important;height:auto!important}#app #page-dekont .doc-list,#app #page-dekont .doc-viewer{height:650px!important}#app #page-dekont .doc-detail{grid-column:1/-1;height:auto!important;max-height:none!important;display:grid!important;grid-template-columns:1fr 1fr!important;align-items:start}}
@media(max-width:700px){#app #page-dekont{padding:9px!important}#app #page-dekont .doc-kpis{grid-template-columns:1fr 1fr!important;gap:8px!important}#app #page-dekont .doc-kpi{height:78px!important;min-height:78px!important}#app #page-dekont .doc-kpi-copy em{font-size:10px!important}#app #page-dekont .doc-grid{grid-template-columns:1fr!important}#app #page-dekont .doc-list{height:340px!important}#app #page-dekont .doc-viewer{height:620px!important}#app #page-dekont .doc-detail{grid-template-columns:1fr!important}#app #page-dekont .doc-overview-copy>b{font-size:23px!important}#app #page-dekont .doc-tabs{gap:3px!important}#app #page-dekont .dtab{padding:8px!important;font-size:12px!important}#app #page-dekont .doc-actions{width:100%}}

body[data-page=dekont] #app #page-dekont *{font-family:'Segoe UI',Arial,sans-serif!important}body[data-page=dekont] #app #page-dekont .receipt-person-name{font-weight:700!important}body[data-page=dekont] #app #page-dekont .doc-overview-copy{transform:none!important}body[data-page=dekont] #app #page-dekont .receipt-summary-grid strong,body[data-page=dekont] #app #page-dekont .receipt-card-amount strong{font-weight:700!important}
