:root{--content-width:1700px;--screen-gap:clamp(10px,1.4vw,22px);--panel-radius:16px;--panel-shadow:0 8px 26px rgba(23,61,44,.07)}
html,body{width:100%;max-width:100%;overflow-x:hidden}
header{width:100%;padding-left:max(var(--screen-gap),calc((100vw - var(--content-width))/2));padding-right:max(var(--screen-gap),calc((100vw - var(--content-width))/2))}
main,.page-trips main,.receipt-list-mode main,.receipt-form-mode main,.page-documents main,.page-files main{width:min(calc(100vw - (2 * var(--screen-gap))),var(--content-width));max-width:var(--content-width)!important;margin-inline:auto;padding:clamp(22px,2.2vw,34px) 0}
.work,.tablecard,.tablewrap,.task-toolbar,.task-list,.contact-grid,.trip-layout,.document-table,.settings-workspace{min-width:0;max-width:100%}
.tablewrap{width:100%}
.card,.tablecard,.admin-card,.new-contact,.merge-contacts,.task-toolbar,.task-item,.task-form-card,.trip-form-card,.trip-help,.document-sidebar,.receipt-sidebar,.settings-menu,.system-settings>article,.contact-grid article{border:1px solid var(--line);border-radius:var(--panel-radius)!important;background:#fff;box-shadow:var(--panel-shadow)}
.card,.admin-card,.task-form-card,.trip-form-card,.trip-help{padding:22px}
.page-title h1,.hero h1,.title h2,.tablehead h2,.admin-title h2,.task-form-card h2,.trip-form-card h2,.trip-help h2{color:#21352a}
input:not([type=checkbox]):not([type=radio]),select,textarea{border:1px solid #cbd6ce;border-radius:9px;background:#fff;color:#24362c}
button,.dashboard-actions a,.receipt-actions a,.trip-list-toolbar a,.document-actions a,.document-actions button{border-radius:9px}
.tablehead{min-height:76px;padding:20px 22px;background:#fff}.tablehead>span{background:#edf4ef;color:#52675a}
th{height:39px;background:#f1f5f2;color:#607067}td{background:#fff}.tablewrap{border-top:1px solid #e4eae6}
@media(min-width:1201px){
.page-dashboard main{display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,.8fr) minmax(0,1.1fr);grid-template-areas:'hero hero hero hero' 'actions actions actions actions' 'tasks receipts documents projects' 'footer footer footer footer';gap:12px;align-items:start;padding-top:14px;padding-bottom:8px}
.page-dashboard .hero{grid-area:hero;display:block;margin:0;padding:11px 18px;border:1px solid var(--line);border-radius:var(--panel-radius);background:#fff;box-shadow:var(--panel-shadow)}
.page-dashboard .hero h1{margin:4px 0;font-size:31px;line-height:1.05}.page-dashboard .hero p{margin:6px 0 0;font-size:12px}
.page-dashboard .stats{padding:10px;border:0;background:#f3f7f4}.page-dashboard .stats div{padding:3px 13px}.page-dashboard .stats strong{margin-top:5px;font-size:17px}
.page-dashboard .dashboard-actions{grid-area:actions;display:flex;flex-wrap:wrap;margin:0;gap:7px}.page-dashboard .dashboard-actions a{padding:9px 12px;font-size:11px}
.page-dashboard .dashboard-tasks{grid-area:tasks}.page-dashboard .dashboard-receipts{grid-area:receipts}.page-dashboard .dashboard-documents{grid-area:documents}.page-dashboard .dashboard-projects{grid-area:projects}
.page-dashboard .tablecard{min-width:0;height:400px;margin:0!important;overflow:hidden}.page-dashboard .tablehead{min-height:62px;padding:11px 13px;align-items:center}.page-dashboard .tablehead h2{font-size:18px}.page-dashboard .tablehead a{font-size:10px}
.page-dashboard .dashboard-task-list,.page-dashboard .recent-list{max-height:355px;overflow:auto}.page-dashboard .dashboard-task-list a{grid-template-columns:58px minmax(0,1fr);gap:7px;padding:9px 11px}.page-dashboard .dashboard-task-list small{grid-column:2;font-size:10px}.page-dashboard .dashboard-task-all{margin:10px;font-size:11px}
.page-dashboard .dashboard-document-status{grid-template-columns:1fr!important}.page-dashboard .dashboard-document-status a{padding:11px 13px;font-size:12px}.page-dashboard .dashboard-document-status strong{min-width:30px;height:30px;font-size:14px}
.page-dashboard .recent-list a{grid-template-columns:68px minmax(0,1fr) auto;padding:9px 11px;gap:7px;font-size:11px}.page-dashboard .recent-list small{display:none}.page-dashboard .dashboard-project-list{grid-template-columns:1fr!important;max-height:335px;overflow:auto}.page-dashboard .dashboard-project-list a{padding:10px 12px}.page-dashboard footer{grid-area:footer;padding:6px 4px}
}
@media(max-width:1200px){.page-dashboard main{display:flex!important;flex-direction:column}.page-dashboard .hero{order:1}.page-dashboard .dashboard-actions{order:2}.page-dashboard .dashboard-tasks{order:3}.page-dashboard .dashboard-documents{order:4}.page-dashboard main>.tablecard:not(.dashboard-tasks):not(.dashboard-documents){order:5}.page-dashboard footer{order:99}}
@media(max-width:760px){header{padding-left:13px;padding-right:13px}main,.page-trips main,.receipt-list-mode main,.receipt-form-mode main,.page-documents main,.page-files main{padding:26px 13px}.card,.admin-card,.task-form-card,.trip-form-card,.trip-help{padding:18px}.tablehead{padding:16px}.page-dashboard .hero{padding:0;border:0;box-shadow:none;background:transparent}}

.receipt-list-mode main,.trips-list-mode main{padding-top:20px}
.receipt-list-mode .page-back,.trips-list-mode .page-back{margin-bottom:8px}
.receipt-list-mode .page-title,.trips-list-mode .page-title{margin-bottom:10px}
.receipt-list-mode .page-title h1,.trips-list-mode .page-title h1{margin:4px 0;font-size:29px}
.receipt-list-mode .page-title p,.trips-list-mode .page-title p{font-size:12px}
.receipt-list-mode .receipt-actions{margin-bottom:8px}
.receipt-list-mode .receipt-list-toolbar,.trips-list-mode .trip-list-toolbar{margin-bottom:10px}
.receipt-list-toolbar a,.receipt-list-toolbar .folder-import label{padding:8px 11px!important;border-radius:7px!important;background:#236342!important;color:#fff!important;font-size:12px!important}
.receipt-list-toolbar a:not(.add-receipt){background:#4e715d!important}
.receipt-list-toolbar .folder-import select{height:36px}
.trips-list-mode .trip-summary{margin-bottom:12px}.trips-list-mode .trip-summary>div{padding:12px 16px}.trips-list-mode .trip-summary strong{font-size:18px}
.page-tasks .task-toolbar>form:first-child label:first-of-type,.page-tasks .task-toolbar>form:first-child label:nth-of-type(3){display:none}
.receipt-form-mode .receipt-actions{display:none!important}.receipt-form-mode .receipt-history{display:block!important}.selection-print{padding:9px 13px;background:#4e715d}.receipt-list-mode #receiptRows .actions{align-items:center;flex-wrap:wrap}.receipt-list-mode #receiptRows .actions>a,.receipt-list-mode #receiptRows .actions button{display:inline-flex!important;width:auto!important;height:32px!important;padding:7px 10px!important;border-radius:7px!important;background:#236342!important;color:#fff!important;font-size:11px!important;font-weight:800}.receipt-list-mode #receiptRows .actions .receipt-history-link{background:#6a5d82!important}.receipt-list-mode #receiptRows .actions form button{background:#8a4437!important}
@media(max-width:760px){.receipt-list-mode main,.trips-list-mode main{padding-top:15px}}

/* Version 12.2.1: Dashboard nutzt die tatsächlich verfügbare Bildschirmfläche. */
@media(min-width:1201px){
  .page-dashboard main{grid-template-areas:'hero hero hero hero' 'actions actions actions actions' 'backup backup backup backup' 'tasks receipts documents projects' 'footer footer footer footer'}
  .page-dashboard .dashboard-backup-status{grid-area:backup;margin:0}
  .page-dashboard .tablecard{height:clamp(340px,calc(100dvh - 450px),620px)}
  .page-dashboard .dashboard-task-list{height:calc(100% - 98px);max-height:none}
  .page-dashboard .recent-list{height:calc(100% - 62px);max-height:none}
  .page-dashboard .dashboard-project-list{height:calc(100% - 62px);max-height:none}
}
@media(max-width:1500px) and (min-width:761px){
  header{gap:10px}
  header .brand small{display:none}
  header nav{gap:2px}
  header nav a{padding:9px 8px;font-size:12px;white-space:nowrap}
  .current-user{padding:6px 8px}
}
@media(max-width:1200px){
  .page-dashboard .dashboard-backup-status{order:3;width:100%}
  .page-dashboard .dashboard-tasks{order:4}
  .page-dashboard .dashboard-documents{order:5}
  .page-dashboard main>.tablecard:not(.dashboard-tasks):not(.dashboard-documents){order:6}
}
@media(max-width:1050px) and (min-width:761px){
  header{display:grid;grid-template-columns:1fr auto;padding-top:10px;padding-bottom:10px}
  header nav{grid-column:1/3;grid-row:2;justify-content:flex-start;overflow-x:auto}
  .current-user{grid-column:2;grid-row:1}
}
.page-projects .project-overview-layout{height:clamp(390px,calc(100dvh - 400px),650px)}
@media(max-width:1100px){.page-projects .project-overview-layout{height:auto}}
.receipt-list-mode .page-back{margin-bottom:3px}.receipt-list-mode .page-title{margin-bottom:6px}.receipt-list-mode .page-title .eyebrow{font-size:10px}.receipt-list-mode .page-title h1{margin:1px 0;font-size:25px;line-height:1.08}.receipt-list-mode .page-title p{margin:2px 0;font-size:11px}.receipt-list-mode .receipt-list-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:7px 9px}.receipt-list-mode .folder-import{gap:6px}.receipt-list-mode .receipt-person-filter{margin-top:-4px;margin-bottom:8px}.receipt-list-mode .receipt-person-filter select{height:34px}.trips-list-mode .trip-row-actions{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.trips-list-mode .trip-row-actions a,.trips-list-mode .trip-row-actions button{display:inline-flex!important;width:auto!important;height:32px!important;align-items:center;padding:7px 10px!important;border:0;border-radius:7px!important;background:#236342!important;color:#fff!important;text-decoration:none;font-size:11px!important;font-weight:800}.trips-list-mode .trip-row-actions button{background:#8a4437!important}