:root{--g:#0b5138;--gd:#073d2a;--gl:#e9f4ef;--bg:#f4f7f6;--line:#dbe3df;--text:#17201d;--muted:#6b766f;--danger:#9b2222;--warn:#8a5a00}*{box-sizing:border-box}body{margin:0;font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}a{color:var(--g)}.shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{background:var(--gd);color:#fff;padding:24px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center;margin-bottom:28px}.brandmark{width:42px;height:42px;border-radius:12px;background:#fff;color:var(--g);display:grid;place-items:center;font-weight:900}.brand span{display:block;opacity:.72;font-size:12px}.sidebar nav{display:grid;gap:7px}.sidebar a{color:#fff;text-decoration:none;padding:10px 12px;border-radius:9px}.sidebar nav a:hover,.sidebar nav a.active{background:rgba(255,255,255,.13)}.sidefoot{margin-top:auto;font-size:13px;opacity:.88}.sidefoot span{opacity:.7}.sidefoot a{padding:0;text-decoration:underline}.topbar{min-height:88px;background:#fff;border-bottom:1px solid var(--line);padding:18px 30px;display:flex;align-items:center}.topbar h1{margin:0;font-size:25px}.topbar small{color:var(--muted)}.content{padding:28px;max-width:1500px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;margin-bottom:20px}.stat,.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:0 2px 7px rgba(0,0,0,.03)}.stat span{display:block;color:var(--muted);font-size:13px}.stat strong{font-size:32px}.card{margin-bottom:18px}.card h2,.card h3{margin-top:0}.cardhead{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:13px}.cardhead h2,.cardhead h3{margin:0}.btn,button{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--g);color:#fff;border:0;border-radius:9px;padding:10px 14px;text-decoration:none;font-weight:700;cursor:pointer;font:inherit}.btn.secondary,button.secondary{background:#edf3f0;color:var(--g);border:1px solid #d0ded7}.btn.danger,button.danger{background:#fff0f0;color:var(--danger);border:1px solid #efcaca}.actions{display:flex;gap:8px;flex-wrap:wrap}.form{max-width:1000px}.form label,.inlineform label{display:grid;gap:6px;margin-bottom:14px;font-weight:650}.grid2,.grid3,.grid4{display:grid;gap:0 16px}.grid2{grid-template-columns:repeat(2,1fr)}.grid3{grid-template-columns:repeat(3,1fr)}.grid4{grid-template-columns:repeat(4,1fr)}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #cbd6d1;border-radius:9px;background:#fff;font:inherit;color:var(--text)}textarea{min-height:105px;resize:vertical}input[type=file]{padding:8px}.help{font-size:12px;color:var(--muted);font-weight:400}.flash,.notice{background:#eaf5ef;border:1px solid #cbe4d7;padding:12px 14px;border-radius:10px;margin-bottom:18px}.notice.warn{background:#fff8e7;border-color:#ead7a4;color:#6e4a00}.error{background:#fff0f0;color:var(--danger);padding:10px;border-radius:8px;margin-bottom:14px}.badge{display:inline-block;background:#edf5f1;color:var(--g);padding:5px 9px;border-radius:999px;font-size:12px;white-space:nowrap}.badge.gray{background:#f0f2f1;color:#5e6662}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 9px;border-bottom:1px solid #edf1ef;vertical-align:top}th{font-size:12px;text-transform:uppercase;color:var(--muted);letter-spacing:.02em}tr.clickable:hover{background:#fafcfb}.order-link{font-weight:800;text-decoration:none}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.detailgrid{display:grid;grid-template-columns:2fr 1fr;gap:18px}.meta{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metabox{background:#f7f9f8;border:1px solid #e7ece9;border-radius:10px;padding:12px}.metabox span{display:block;color:var(--muted);font-size:12px}.metabox strong{display:block;margin-top:3px}.price-summary{display:flex;gap:18px;justify-content:flex-end;flex-wrap:wrap;margin-top:14px}.price-summary div{min-width:130px;text-align:right}.price-summary span{display:block;color:var(--muted);font-size:12px}.price-summary strong{font-size:19px}.timeline{display:grid;gap:0}.timelineitem{position:relative;padding:0 0 18px 24px;border-left:2px solid #dbe8e2;margin-left:6px}.timelineitem:before{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--g);left:-6px;top:5px}.timelineitem:last-child{border-left-color:transparent;padding-bottom:0}.timelineitem small{display:block;color:var(--muted);margin-top:3px}.note{white-space:pre-wrap}.file-name{word-break:break-word}.muted{color:var(--muted)}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.section-title h2{margin-bottom:0}.specs{font-size:13px;color:#46514c;margin-top:6px}.loginbody{min-height:100vh;display:grid;place-items:center;background:linear-gradient(145deg,#eef5f2,#dfece6)}.loginbox{width:min(420px,92vw);background:#fff;padding:30px;border-radius:16px;box-shadow:0 18px 50px rgba(7,61,42,.15)}.loginbrand{color:var(--text)}.loginbrand .brandmark{background:var(--g);color:#fff}.loginbox label{display:grid;gap:6px;margin-bottom:14px;font-weight:600}.empty{padding:18px;text-align:center;color:var(--muted)}.mini{font-size:12px}.nowrap{white-space:nowrap}@media(max-width:1100px){.grid4{grid-template-columns:repeat(2,1fr)}.meta{grid-template-columns:repeat(2,1fr)}.detailgrid{grid-template-columns:1fr}}@media(max-width:850px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.sidebar nav{grid-template-columns:repeat(2,1fr)}.sidefoot{margin-top:20px}.stats,.cards,.grid2,.grid3,.grid4,.meta{grid-template-columns:1fr}.topbar{min-height:auto}.content{padding:16px;overflow:auto}.card{padding:16px}.cardhead{align-items:flex-start;flex-direction:column}table{min-width:720px}.detailgrid table{min-width:640px}}

/* Produktion / QS */
.badge.bad,.prod-pills b.bad{background:#fff0f0;color:var(--danger);border-color:#efcaca}.production-hero{border-top:4px solid var(--g)}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:800;color:var(--g);margin-bottom:3px}.prod-status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.prod-status-grid>div{background:#f7faf8;border:1px solid #e0e9e4;border-radius:10px;padding:11px}.prod-status-grid span{display:block;font-size:11px;color:var(--muted)}.prod-status-grid strong{display:block;margin-top:3px}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.barcode-card{margin-top:14px;border:1px dashed #b8c9c0;border-radius:10px;padding:10px 12px;text-align:center;background:#fff}.barcode-card .barcode{display:block;width:100%;height:54px}.barcode-card>div{font:12px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;margin-top:4px}.action-stack{display:grid;gap:8px}.action-stack button{width:100%}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.photo-grid a{display:block;text-decoration:none;color:var(--text);border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.photo-grid img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#edf1ef}.photo-grid span{display:block;padding:7px;font-size:11px;color:var(--muted)}.production-list{display:grid;gap:8px}.production-row{display:flex;justify-content:space-between;align-items:center;gap:12px;text-decoration:none;color:var(--text);padding:12px;border:1px solid var(--line);border-radius:10px;background:#fafcfb}.production-row:hover{border-color:#adc8ba;background:#f3f8f5}.production-row small{display:block;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;margin-top:3px}.prod-pills{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.prod-pills b{font-size:11px;background:var(--gl);color:var(--g);padding:4px 7px;border-radius:999px;border:1px solid #d6e8df;white-space:nowrap}.progress{height:8px;width:150px;max-width:100%;background:#e7ece9;border-radius:999px;overflow:hidden;margin-bottom:4px}.progress i{display:block;height:100%;background:var(--g);border-radius:999px}.scan-wrap{max-width:620px;margin:0 auto}.scan-card{text-align:center;padding:30px}.scan-card label{text-align:left;display:grid;gap:6px;font-weight:700}.scan-icon{font-size:46px;color:var(--g);line-height:1}.scan-input{font-size:20px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;text-align:center;text-transform:uppercase}.camera-box{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.camera-box video{width:100%;max-height:360px;border-radius:12px;background:#111;margin-top:12px;display:block}.camera-box video:not([srcObject]){min-height:0}.barcode{shape-rendering:crispEdges}
@media(max-width:850px){.prod-status-grid{grid-template-columns:repeat(2,1fr)}.photo-grid{grid-template-columns:repeat(2,1fr)}.production-row{align-items:flex-start;flex-direction:column}.prod-pills{justify-content:flex-start}.scan-card{padding:20px}}
@media(max-width:520px){.prod-status-grid,.photo-grid{grid-template-columns:1fr}}

/* Direktversand / externe Produktion */
.prod-pills b.direct,.badge.direct{background:#eef2ff;color:#384a8a;border-color:#d9e0fb}.direct-note{background:#f2f5ff;border:1px solid #dbe2fb;border-radius:10px;padding:13px 14px;color:#35446e}.route-hint{font-size:12px;color:var(--muted);margin-top:5px}

/* Versandmeldung Direktproduktion */
.shipment-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.shipment-summary>div{background:#fff;border:1px solid #dbe2fb;border-radius:10px;padding:10px}.shipment-summary span{display:block;font-size:11px;color:var(--muted)}.shipment-summary strong{display:block;margin-top:3px;word-break:break-word}.action-form,.shipment-form{display:grid;gap:12px}.action-form{padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--line)}.shipment-form label{display:grid;gap:6px;font-weight:650}.form-highlight{background:#f2f5ff;border:1px solid #dbe2fb;border-radius:10px;padding:12px}.warning-box{background:#fff8e7;border:1px solid #ead7a4;color:#6e4a00;border-radius:9px;padding:10px 12px}.mail-preview{background:#eaf5ef;border:1px solid #cbe4d7;border-radius:9px;padding:10px 12px;color:#174b35}.shipment-done-box{background:#f7faf8;border:1px solid #dfe8e3;border-radius:10px;padding:13px;margin-bottom:12px}
@media(max-width:850px){.shipment-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.shipment-summary{grid-template-columns:1fr}}


/* PrestaShop / Integrationen */
.checkline{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:10px;margin:6px 0 16px!important}.checkline input{width:auto}.copybox{font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;background:#f4f7f6;border:1px solid var(--line);border-radius:9px;padding:11px;overflow-wrap:anywhere;user-select:all}.integration-card{border-top:4px solid var(--g)}.external-order-info{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:13px}.external-order-info>div{background:#f5f8ff;border:1px solid #dce4f7;border-radius:10px;padding:11px}.external-order-info span{display:block;color:var(--muted);font-size:11px}.external-order-info strong,.external-order-info small{display:block;margin-top:3px}.external-order-info small{color:var(--muted)}
@media(max-width:850px){.external-order-info{grid-template-columns:1fr}}

/* v0.4.1: strukturierte Personalisierungen & digitaler Packzettel */
.inline-personal{display:grid;gap:5px;margin-top:8px;padding-top:8px;border-top:1px dashed #dce5e0}.inline-personal>div{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;font-size:12px}.inline-personal span{color:var(--muted);min-width:120px}.inline-personal strong{font-weight:750}.inline-personal a{font-weight:700}.module-pills{display:flex;gap:7px;flex-wrap:wrap}.pack-head{border-top:4px solid var(--g)}.pack-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.pack-summary>div{background:#f7faf8;border:1px solid #e0e9e4;border-radius:10px;padding:12px}.pack-summary span,.pack-summary small{display:block;color:var(--muted);font-size:12px}.pack-summary strong{display:block;margin:3px 0}.pack-items{display:grid;gap:16px}.pack-item{margin-bottom:0}.pack-product{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center}.pack-product img{width:88px;height:88px;object-fit:contain;border:1px solid var(--line);border-radius:10px;background:#fff}.pack-product h2{margin:0}.pack-state{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.pack-personal{border-top:1px solid var(--line);margin-top:16px;padding-top:14px}.pack-personal h3{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:9px}.personal-grid{display:grid;gap:7px}.personal-row{display:flex;justify-content:space-between;gap:14px;align-items:center;background:#f8faf9;border:1px solid #e7ece9;border-radius:9px;padding:10px 12px}.personal-row span,.personal-row small{display:block;color:var(--muted);font-size:11px}.personal-row strong{display:block;white-space:pre-wrap;word-break:break-word}.shipment-box{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:12px;background:#f2f5ff;border:1px solid #dbe2fb;border-radius:9px;padding:10px 12px}.shipment-box a{font-weight:700}.no-print{}code{background:#f3f6f4;padding:2px 5px;border-radius:5px}
@media(max-width:850px){.pack-summary{grid-template-columns:1fr}.pack-product{grid-template-columns:1fr}.pack-product img{width:100%;height:160px}.pack-state{justify-content:flex-start}.personal-row{align-items:flex-start;flex-direction:column}}
@media print{.sidebar,.topbar,.no-print{display:none!important}.shell{display:block}.content{padding:0;max-width:none}.card{box-shadow:none;break-inside:avoid}.pack-item{page-break-inside:avoid}.pack-items{gap:10px}.pack-head{border-top:0}.personal-row{break-inside:avoid}}

/* v0.4.2 – Kundenbearbeitung & lesbare Personalisierungen */
.customer-link{color:var(--text);text-decoration:none}.customer-link:hover{color:var(--g);text-decoration:underline}.customer-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.customer-head h2{margin:2px 0 4px}.customer-grid{align-items:start}.checkline{display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:10px;padding:12px 14px;background:#f7faf8;border:1px solid var(--line);border-radius:10px}.checkline input{width:auto!important;margin-top:4px}.checkline span{display:block}.checkline small{display:block;color:var(--muted);font-weight:400;margin-top:3px}.customer-relations{display:grid;gap:7px}.customer-relations>a,.customer-relations>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #e5ece8;border-radius:9px;text-decoration:none;color:var(--text);background:#fafcfb}.customer-relations>a:hover{border-color:#b9d0c4;background:#f3f8f5}.customer-relations span:first-child{min-width:0}.customer-relations strong,.customer-relations small{display:block}.customer-relations small{color:var(--muted);margin-top:2px}
.personalization-box{margin-top:12px;padding:12px;border:1px solid #dfe9e4;background:#f8fbf9;border-radius:11px}.personalization-title{font-size:11px;font-weight:850;letter-spacing:.06em;text-transform:uppercase;color:var(--g);margin-bottom:8px}.personalization-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.personalization-card{min-width:0;background:#fff;border:1px solid #e5ece8;border-radius:8px;padding:9px 10px}.personalization-card>span{display:block;color:var(--muted);font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.035em;margin-bottom:2px}.personalization-card>strong{display:block;font-size:13px;line-height:1.4;word-break:break-word;white-space:normal}.personalization-card>strong a{word-break:break-all}.personalization-card>small{display:block;color:var(--muted);margin-top:4px}.personal-file{display:inline-block;margin-top:6px;font-size:12px;font-weight:750}.personal-row strong a{word-break:break-all}
@media(max-width:850px){.customer-head{align-items:flex-start;flex-direction:column}.personalization-cards{grid-template-columns:1fr}}

.sync-protection{margin:12px 0;padding:11px 13px;border:1px solid #dfe7e3;background:#f7faf8;border-radius:9px}.sync-protection strong,.sync-protection span{display:block}.sync-protection span{color:var(--muted);font-size:12px;margin-top:2px}.sync-protection.active{background:#eef7f2;border-color:#cde3d7}.sync-unlock-form{margin-top:-10px;margin-bottom:16px}

/* v0.4.2 – zentraler Kundensync & Änderungsverlauf */
.change-history{overflow-x:auto}.history-value{max-width:320px;white-space:pre-wrap;word-break:break-word}.secretbox{filter:blur(3px);transition:.15s}.secretbox:hover{filter:none}.integration-card{min-height:190px}.change-history table{min-width:860px}.customer-head .badge{white-space:nowrap}

/* v0.5.0 – Kunden- & Sync-Zentrale */
.source-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.source-card{border:1px solid var(--line,#d9e2dd);border-radius:12px;padding:14px;background:#fafcfb;display:flex;flex-direction:column;gap:6px}.source-card.active{background:#f1f8f4;border-color:#b9d6c7}.source-card small{color:#66736c;word-break:break-word}.field-source-list{display:flex;flex-direction:column}.field-source-list>div{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:10px 0;border-bottom:1px solid #edf1ef}.field-source-list>div:last-child{border-bottom:0}.field-source-list span{display:flex;flex-direction:column;gap:4px}.field-source-list small{color:#6b7671;word-break:break-word}.badge.warn{background:#fff1cf;color:#7a4d00;border-color:#efd08d}.conflict-card{border-color:#ead59c}.conflict-list{display:flex;flex-direction:column;gap:14px}.conflict-item{border:1px solid #ead59c;background:#fffaf0;border-radius:12px;padding:15px}.conflict-title{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:12px}.conflict-values{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.conflict-values>div{background:#fff;border:1px solid #eee3c7;border-radius:9px;padding:11px;display:flex;flex-direction:column;gap:4px}.conflict-values small,.conflict-row small{color:#776d56}.conflict-row{display:grid;grid-template-columns:minmax(150px,.8fr) 1fr 1fr;gap:12px;padding:12px 0;border-bottom:1px solid #efe5ca}.conflict-row:last-child{border-bottom:0}.conflict-row>div{display:flex;flex-direction:column;gap:4px}.api-example{background:#15231e;color:#eaf4ef;border-radius:10px;padding:12px;overflow:auto;font-size:12px}.customer-sync-overview{align-items:start}.notice strong{font-weight:800}@media(max-width:800px){.conflict-values,.conflict-row{grid-template-columns:1fr}.field-source-list>div{flex-direction:column;gap:6px}}

/* v0.6.0 – Projekte & Agenturworkflow */
.project-hero{border-top:4px solid var(--g)}.project-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:16px}.project-kpis>div{background:#f7faf8;border:1px solid #e0e9e4;border-radius:10px;padding:11px}.project-kpis span{display:block;font-size:11px;color:var(--muted)}.project-kpis strong{display:block;margin-top:3px}.badge.priority-low{background:#f1f3f2;color:#5e6662}.badge.priority-normal{background:#edf5f1;color:var(--g)}.badge.priority-high{background:#fff1cf;color:#7a4d00}.badge.priority-urgent{background:#fff0f0;color:var(--danger)}.subform{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.small-textarea{min-height:72px}.task-list,.file-list,.project-order-list,.approval-list{display:grid;gap:8px}.task-row,.approval-list>div,.file-list>a,.project-order-list>a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:#fafcfb}.task-row.done{opacity:.66}.task-row.done strong{text-decoration:line-through}.task-row small,.file-list small,.project-order-list small,.approval-list small{display:block;color:var(--muted);margin-top:2px}.task-row form,.approval-list form{min-width:150px}.file-list>a,.project-order-list>a{text-decoration:none;color:var(--text)}.file-list>a:hover,.project-order-list>a:hover{border-color:#b9d0c4;background:#f3f8f5}.project-order-list>a>span:last-child{text-align:right}.quote-create{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.quote-create summary{cursor:pointer;font-weight:800;color:var(--g);margin-bottom:12px}.quote-source-items{display:grid;gap:7px;margin:12px 0}.quote-check{display:flex!important;grid-template-columns:auto 1fr!important;flex-direction:row!important;align-items:flex-start!important;gap:9px!important;background:#f8faf9;border:1px solid var(--line);border-radius:9px;padding:9px 10px;margin:0!important}.quote-check input{width:auto;margin-top:3px}.quote-check span{font-weight:650}.quote-check small{display:block;color:var(--muted);font-weight:400}.quote-hero{border-top:4px solid #384a8a}.workflow-list{display:grid;gap:9px}.workflow-list>div{display:flex;gap:10px;align-items:center}.workflow-list b{width:27px;height:27px;border-radius:50%;background:var(--g);color:#fff;display:grid;place-items:center}.mini-btn{padding:6px 8px;font-size:12px}
@media(max-width:1100px){.project-kpis{grid-template-columns:repeat(3,1fr)}}@media(max-width:850px){.project-kpis{grid-template-columns:1fr}.task-row,.approval-list>div,.file-list>a,.project-order-list>a{align-items:flex-start;flex-direction:column}.task-row form,.approval-list form{min-width:0;width:100%}.project-order-list>a>span:last-child{text-align:left}}


/* v0.7 Aufgaben, Versand, INTERNETMARKE & Direktdruck */
.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.task-title-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.task-row.overdue{border-left:4px solid #b42318;background:#fff8f7}
.task-filters{display:flex;gap:6px;flex-wrap:wrap}
.task-filters a{padding:7px 10px;border-radius:8px;background:#eef3f0;color:#27453a;text-decoration:none;font-weight:700;font-size:13px}
.task-filters a.active{background:var(--green);color:#fff}
.task-list.global .task-row{grid-template-columns:minmax(0,1fr) 150px}
.shipping-card{border-left:4px solid #f3c500}
.shipping-create{margin-top:10px}
.shipping-actions{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap}
.shipping-actions button{min-height:42px}
.shipping-label-list{margin-top:14px;border-top:1px solid var(--line)}
.shipping-label-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}
.shipping-label-list span:first-child{display:flex;flex-direction:column;gap:2px}
.shipping-label-list small{color:var(--muted)}
.print-status{margin-top:10px;font-size:13px;font-weight:700;color:#17603f}
.print-status.bad{color:#9f2525}
.workflow-list{display:grid;gap:10px}
.workflow-list>div{border:1px solid var(--line);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:3px}
.workflow-list span{font-size:13px;color:var(--muted)}
.notice.warn{background:#fff9e8;border-color:#efda95;color:#6b5400}
.shipping-card .shipment-box{margin-top:12px}
@media(max-width:1150px){.grid4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.grid4{grid-template-columns:1fr}.shipping-label-list>div{align-items:flex-start;flex-direction:column}.shipping-actions{align-items:stretch;flex-direction:column}.shipping-actions button{width:100%}}


/* v0.8.0 – Agentur-Cockpit & Projektsteuerung */
.badge.phase{background:#eef2ff;color:#384a8a;border:1px solid #d9e0fb}.badge.health-good{background:#eaf5ef;color:#17603f}.badge.health-warn{background:#fff8e7;color:#7a5600}.badge.health-bad{background:#fff0f0;color:#9b2222}.badge.health-neutral{background:#f0f2f1;color:#5f6964}.badtext{display:block;color:#9b2222;font-size:11px;margin-top:3px}.project-phase{margin-top:15px;padding:14px;border:1px solid #dfe8e3;border-radius:12px;background:#f8fbf9}.phase-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.phase-head strong,.phase-head small{display:block}.phase-head small{color:var(--muted);margin-top:2px}.phase-progress{height:7px;background:#e5ece8;border-radius:999px;overflow:hidden;margin-top:9px}.phase-progress i{display:block;height:100%;background:var(--g);border-radius:999px}.phase-progress.large{height:10px}.phase-progress.table{width:130px;margin-top:7px}.phase-steps{display:flex;gap:6px;flex-wrap:wrap;margin-top:11px}.phase-steps form{margin:0}.phase-step{background:#edf3f0;color:#365449;border:1px solid #d6e2dc;padding:6px 9px;font-size:11px;border-radius:999px}.phase-step.active{background:var(--g);color:#fff;border-color:var(--g)}.next-action{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin-top:12px;padding:11px 13px;border-radius:10px;border:1px solid #d9e4df;background:#fff}.next-action span{font-size:11px;text-transform:uppercase;font-weight:800;color:var(--g)}.next-action small{color:var(--muted)}.next-action.overdue{border-color:#efcaca;background:#fff5f5}.task-main{min-width:0;flex:1}.task-edit{margin-top:7px}.task-edit summary{cursor:pointer;color:var(--g);font-size:12px;font-weight:800}.task-edit form{margin-top:10px;padding:10px;border-radius:9px;background:#fff;border:1px solid #e3ebe7}.task-status-form{min-width:150px}.approval-list.rich>div{align-items:flex-start}.approval-list.rich>div.overdue{border-left:4px solid #b42318;background:#fff8f7}.approval-list.rich form{display:grid;gap:7px;min-width:210px}.decision-note{margin-top:7px;padding:8px 9px;background:#f3f7f5;border-radius:8px;font-size:12px}.project-focus-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.project-focus-card{display:block;text-decoration:none;color:var(--text);border:1px solid var(--line);border-radius:12px;padding:13px;background:#fafcfb}.project-focus-card.health-bad{border-left:4px solid #b42318}.project-focus-card.health-warn{border-left:4px solid #c18a00}.project-focus-card.health-good{border-left:4px solid var(--g)}.project-focus-card>small{display:block;color:var(--muted);margin-top:4px}.project-focus-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px;font-size:11px;color:var(--muted)}.phase-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.phase-summary>div{position:relative;border:1px solid var(--line);border-radius:10px;padding:12px;overflow:hidden;background:#fafcfb}.phase-summary strong{font-size:22px}.phase-summary span{display:block;font-size:11px;color:var(--muted)}.phase-summary i{position:absolute;left:0;bottom:0;height:3px;background:var(--g)}.cockpit-list{display:grid;gap:10px}.cockpit-row{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;text-decoration:none;color:var(--text);padding:14px;border:1px solid var(--line);border-radius:12px;background:#fafcfb}.cockpit-row.health-bad{border-left:5px solid #b42318}.cockpit-row.health-warn{border-left:5px solid #c18a00}.cockpit-row.health-good{border-left:5px solid var(--g)}.cockpit-main>small{display:block;color:var(--muted);margin-top:3px}.cockpit-next{font-size:12px;margin-top:7px}.cockpit-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.cockpit-kpis span{display:flex;flex-direction:column;padding:9px;border:1px solid #e2eae6;background:#fff;border-radius:9px;font-size:11px;color:var(--muted)}.cockpit-kpis b{font-size:19px;color:var(--text)}.cockpit-kpis em{font-style:normal;color:#9b2222;font-size:10px;margin-top:2px}
@media(max-width:1150px){.project-focus-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.phase-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.cockpit-row{grid-template-columns:1fr}.cockpit-kpis{max-width:520px}}
@media(max-width:760px){.project-focus-grid,.phase-summary{grid-template-columns:1fr}.phase-head,.next-action{align-items:flex-start;grid-template-columns:1fr;flex-direction:column}.phase-head{display:flex}.phase-steps{display:grid;grid-template-columns:repeat(2,1fr)}.phase-step{width:100%}.cockpit-kpis{grid-template-columns:1fr}.approval-list.rich form{min-width:0;width:100%}.task-status-form{min-width:0;width:100%}}

.privacy-danger{border-color:#efcaca;border-top:4px solid var(--danger)}.privacy-impact{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 18px}.privacy-impact>div{background:#fff7f7;border:1px solid #f0d3d3;border-radius:10px;padding:12px}.privacy-impact span{display:block;color:var(--muted);font-size:12px}.privacy-impact strong{display:block;margin-top:4px}.privacy-danger form{max-width:760px}.privacy-danger label{display:grid;gap:6px;margin:12px 0;font-weight:650}@media(max-width:850px){.privacy-impact{grid-template-columns:1fr}}


/* v0.9.0 – Freigaben & Kundenkommunikation */
.approval-list.portal{display:grid;gap:10px}.approval-portal-row{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fafcfb}.approval-portal-row.overdue,.approval-center-row.overdue{border-left:4px solid #b42318;background:#fff8f7}.approval-main{min-width:0}.approval-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:7px;font-size:11px;color:var(--muted)}.approval-actions{display:grid;gap:8px;align-content:start}.approval-actions form{margin:0}.approval-actions details{border-top:1px solid var(--line);padding-top:7px}.approval-actions summary,.approval-create summary{cursor:pointer;color:var(--g);font-weight:800}.approval-actions details form{display:grid;gap:7px;margin-top:8px}.approval-create{margin-top:14px;border-top:1px solid var(--line);padding-top:12px}.share-files{display:grid;gap:7px;margin:12px 0}.customer-feedback{margin-top:8px;padding:10px 11px;border-radius:9px;background:#edf7f1;border-left:4px solid var(--g);font-size:13px}.customer-feedback small{display:block;color:var(--muted);margin-top:4px}.badge.approval-approved{background:#eaf5ef;color:#17603f}.badge.approval-changes_requested{background:#fff6d9;color:#7a5600}.badge.approval-rejected{background:#fff0f0;color:#9b2222}.badge.approval-pending{background:#eef2ff;color:#384a8a}.communication-list{display:grid;gap:9px}.communication-row{display:flex;justify-content:space-between;gap:14px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:#fafcfb}.communication-row.inbound{border-left:4px solid var(--g)}.communication-row.outbound{border-left:4px solid #384a8a}.communication-row.internal{border-left:4px solid #9a6b00}.communication-row p{margin:6px 0 0}.communication-row small{display:block;color:var(--muted)}.approval-center-list{display:grid;gap:10px}.approval-center-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fafcfb}.approval-list.compact .approval-portal-row{grid-template-columns:1fr}.approval-list.compact .approval-portal-row>.actions{justify-content:flex-start}
@media(max-width:900px){.approval-portal-row,.approval-center-row{grid-template-columns:1fr}.approval-actions{width:100%}.communication-row{flex-direction:column}}


/* v0.10.0 – Kommunikationszentrale & Mailvorlagen */
.communication-hub-list{display:grid;gap:10px}.communication-hub-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fafcfb}.communication-hub-row.outbound{border-left:4px solid #384a8a}.communication-hub-row.inbound{border-left:4px solid var(--g)}.communication-hub-row.internal{border-left:4px solid #9a6b00}.communication-hub-row.failed{background:#fff7f7;border-color:#efcaca}.communication-hub-row p{margin:8px 0 0;white-space:normal}.template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.template-card{margin-bottom:0}.template-body,.mail-compose{min-height:190px}.placeholder-cloud{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.placeholder-cloud span{display:inline-flex;gap:6px;align-items:center;padding:6px 9px;border:1px solid var(--line);border-radius:999px;background:#f7faf8;font-size:12px}.placeholder-cloud code{font-weight:800;color:var(--g)}.switchline{display:flex!important;align-items:center;gap:7px;margin:0!important}.switchline input{width:auto}.communication-list.compact{margin-top:12px}.communication-list.compact .communication-row{padding:9px 10px}.communication-list.compact .communication-row p{font-size:12px;max-height:72px;overflow:auto}.card#communication form .muted{align-self:center}
@media(max-width:980px){.template-grid{grid-template-columns:1fr}.communication-hub-row{grid-template-columns:1fr}}


/* v0.11.0 – Workflow & Aktivitätszentrale */
.workflow-card{border-top:4px solid #384a8a}.workflow-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.workflow-kpis>div{background:#f7faf8;border:1px solid var(--line);border-radius:10px;padding:11px}.workflow-kpis span{display:block;font-size:11px;color:var(--muted)}.workflow-kpis strong{font-size:21px}.workflow-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.workflow-action{border:1px solid var(--line);border-radius:11px;padding:12px;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;background:#fafcfb}.workflow-action small{display:block;color:var(--muted);margin-top:3px}.workflow-action ul{margin:8px 0 0;padding-left:18px;color:#8a5a00;font-size:12px}.workflow-attention-list{display:grid;gap:8px}.workflow-attention{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;border:1px solid var(--line);border-radius:11px;padding:12px;text-decoration:none;color:var(--text);background:#fafcfb}.workflow-attention:hover{border-color:#b9d0c4;background:#f4f8f6}.workflow-attention.overdue{border-left:4px solid var(--danger);background:#fff8f8}.workflow-attention span>small,.workflow-attention span>em{display:block;margin-top:3px;color:var(--muted);font-size:12px;font-style:normal}.workflow-attention>span:last-child{text-align:right}.activity-feed{display:grid;gap:0}.activity-feed>a{display:block;text-decoration:none;color:var(--text);padding:11px 0 12px 18px;border-left:2px solid #dbe8e2;position:relative}.activity-feed>a:before{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--g);left:-5.5px;top:17px}.activity-feed>a:last-child{border-left-color:transparent}.activity-feed p{margin:4px 0;color:#46514c;font-size:13px}.activity-feed small{color:var(--muted)}.activity-type{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#384a8a;font-weight:800;display:block}.bad-text{color:var(--danger)!important;font-weight:700}
@media(max-width:980px){.workflow-kpis,.workflow-action-grid{grid-template-columns:1fr 1fr}.workflow-attention{grid-template-columns:1fr}.workflow-attention>span:last-child{text-align:left}}@media(max-width:620px){.workflow-kpis,.workflow-action-grid{grid-template-columns:1fr}.workflow-action{flex-direction:column}}


/* v0.12.0 – Dateien, Versionen & Dokumentation */
.document-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}.document-card{border:1px solid var(--line);border-radius:12px;padding:13px;background:#fafcfb}.document-card.ready{border-left:4px solid var(--g)}.doc-top{display:flex;gap:11px;align-items:flex-start}.doc-top>div{min-width:0}.doc-top strong{display:block;overflow-wrap:anywhere}.doc-top small{display:block;color:var(--muted);margin-top:3px}.doc-icon{width:44px;height:44px;border-radius:10px;background:#e9f1ed;color:var(--g);display:grid;place-items:center;font-size:10px;font-weight:900;flex:0 0 auto}.doc-badges{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.badge.print-ready{background:#e2f4ea;color:#08623c;border-color:#bfe1ce}.document-card details{margin-left:auto;position:relative}.document-card details>summary{cursor:pointer;color:var(--g);font-weight:800;font-size:12px}.document-card details>form{position:absolute;z-index:20;right:0;top:25px;width:min(360px,80vw);background:#fff;border:1px solid var(--line);box-shadow:0 12px 35px #0002;border-radius:12px;padding:14px}.archive-details{margin-top:16px;border-top:1px solid var(--line);padding-top:12px}.archive-details>summary{cursor:pointer;font-weight:800}.archive-list{display:grid;gap:8px;margin-top:10px}.archive-list>div{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid var(--line);padding:10px 12px;border-radius:9px;background:#f7f8f7}.archive-list small{display:block;color:var(--muted)}.filterbar{display:grid;grid-template-columns:minmax(240px,1fr) 180px 160px auto;gap:8px;margin:14px 0}.document-table{display:grid;gap:0;overflow:auto}.doc-row{display:grid;grid-template-columns:minmax(230px,1.35fr) minmax(180px,.9fr) 150px 130px 145px auto;gap:12px;align-items:center;padding:11px 8px;border-top:1px solid var(--line);min-width:1000px}.doc-row.head{font-size:11px;text-transform:uppercase;letter-spacing:.04em;font-weight:800;color:var(--muted);border-top:0;background:#f7f9f8}.doc-row small{display:block;color:var(--muted);margin-top:2px}.doc-row a{color:var(--g);font-weight:700;text-decoration:none}.doc-row .actions{justify-content:flex-end}
@media(max-width:900px){.document-grid{grid-template-columns:1fr}.filterbar{grid-template-columns:1fr 1fr}.filterbar input{grid-column:1/-1}}@media(max-width:620px){.filterbar{grid-template-columns:1fr}.filterbar input{grid-column:auto}.archive-list>div{align-items:flex-start;flex-direction:column}.document-card details>form{position:fixed;left:4vw;right:4vw;top:12vh;width:auto;max-height:75vh;overflow:auto}}


/* v0.13.0 – Angebotsvorlagen & manuelle Invoice-Ninja-Vorbereitung */
.quote-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}.quote-kpis>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px}.quote-kpis span{display:block;color:var(--muted);font-size:12px}.quote-kpis strong{display:block;font-size:20px;margin-top:4px}.template-list{display:grid;gap:9px;margin:12px 0}.template-row{border:1px solid var(--line);border-radius:10px;background:#fafcfb}.template-row>summary{cursor:pointer;display:flex;justify-content:space-between;gap:14px;padding:13px}.template-row>summary span:first-child{min-width:0}.template-row>summary strong,.template-row>summary small{display:block}.template-row>summary small{color:var(--muted);margin-top:2px}.template-row>form{padding:0 13px 13px}.quote-item-editor{display:grid;gap:8px;margin:12px 0}.quote-edit-row{border:1px solid var(--line);border-radius:10px;background:#fafcfb}.quote-edit-row>summary{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px;cursor:pointer}.quote-edit-row>summary small{display:block;color:var(--muted);margin-top:3px}.quote-edit-row>form{padding:0 12px 12px}.template-addbar{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;margin:14px 0;padding:12px;background:#eef5f1;border-radius:10px}.handoff-checks{display:grid;gap:7px;margin:12px 0}.handoff-checks>div{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:9px;padding:9px 11px}.handoff-checks>div.ok strong{color:#0a7b49}.handoff-checks>div.bad{border-color:#e3a9a9;background:#fff7f7}.handoff-checks>div.bad strong{color:#a32222}.text-template-picker{float:right;max-width:220px;margin:0 0 5px 8px;font-size:12px}.quote-layout{align-items:start}
@media(max-width:900px){.quote-kpis{grid-template-columns:1fr 1fr}.template-addbar{grid-template-columns:1fr}.text-template-picker{float:none;max-width:none;margin:5px 0}}@media(max-width:600px){.quote-kpis{grid-template-columns:1fr 1fr}.template-row>summary,.quote-edit-row>summary{align-items:flex-start;flex-direction:column}}


/* v0.14.0 – Produkte, Leistungen & Kalkulation */
.catalog-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}.catalog-kpis>div,.calc-box>div{border:1px solid var(--line);border-radius:11px;padding:12px;background:#fff}.catalog-kpis span,.calc-box span{display:block;color:var(--muted);font-size:12px}.catalog-kpis strong,.calc-box strong{display:block;font-size:18px;margin-top:3px}.calc-box{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0}.catalog-hero .eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:800}.catalog-create>summary{cursor:pointer;font-weight:800}.catalog-create>form{margin-top:15px}.row-muted{opacity:.62}.catalog-pick{border-left:4px solid var(--green)}.catalog-tag{font-weight:800;color:var(--green)}.field-button{display:flex;align-items:end}.field-button button{width:100%}.template-addbar.catalog{grid-template-columns:1fr 130px auto;background:#eef7f1}.template-addbar.catalog label{margin:0}.catalog-price-hint{font-size:12px;color:var(--muted)}
@media(max-width:900px){.catalog-kpis{grid-template-columns:1fr 1fr}.template-addbar.catalog{grid-template-columns:1fr}.field-button{display:block}.calc-box{grid-template-columns:1fr 1fr}}@media(max-width:600px){.catalog-kpis,.calc-box{grid-template-columns:1fr}}

/* v0.15.3 – Freigabe-Rückmeldungen & bessere Auftragsübersicht */
.attention-stat{border-color:#e5b1a8!important;background:#fff7f4!important}.attention-stat strong{color:#9b3c27}.approval-dashboard-card{border-top:4px solid #b76a32}.approval-feedback-dashboard{display:grid;gap:9px}.approval-feedback-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;border:1px solid var(--line);border-radius:11px;padding:12px 14px;text-decoration:none;color:var(--text);background:#fafcfb}.approval-feedback-item:hover{background:#f4f8f6;border-color:#b9d0c4}.approval-feedback-item.status-changes_requested{border-left:5px solid #b76a32;background:#fffaf4}.approval-feedback-item.status-rejected{border-left:5px solid var(--danger);background:#fff7f7}.approval-feedback-item.status-approved{border-left:5px solid var(--green);background:#f6fbf8}.approval-feedback-item p{margin:7px 0 0;color:#46514c}.approval-feedback-item small{display:block;color:var(--muted);margin-top:3px}.approval-order-row{border-left:4px solid transparent}.approval-order-row.status-changes_requested{border-left-color:#b76a32;background:#fffaf5}.approval-order-row.status-approved{border-left-color:var(--green)}.approval-order-row.status-rejected{border-left-color:var(--danger)}.approval-action-notice{margin:10px 0;padding:10px 12px}.approval-file-summary{margin-top:12px;border-top:1px solid var(--line);padding-top:10px}.approval-file-summary>strong{display:block;margin-bottom:7px}.approval-shared-file-list{display:grid;gap:6px}.approval-shared-file-list a{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;text-decoration:none;color:var(--text)}.approval-shared-file-list a:hover{border-color:#a9c7b8;background:#f7faf8}.approval-shared-file-list small{color:var(--muted);white-space:nowrap}.approval-order-row .customer-feedback{margin-top:10px}
@media(max-width:700px){.approval-feedback-item{grid-template-columns:1fr}.approval-shared-file-list a{align-items:flex-start;flex-direction:column}.approval-shared-file-list small{white-space:normal}}

/* v0.16 Controlling */
.report-filters{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:12px;align-items:end}
.report-filters label{margin:0}.report-filters button,.report-filters .btn{min-height:42px;display:flex;align-items:center;justify-content:center}
.report-stats .stat small{display:block;margin-top:5px;font-size:11px;color:var(--muted)}
.report-grid{align-items:start}
@media(max-width:1200px){.report-filters{grid-template-columns:repeat(3,minmax(160px,1fr))}}
@media(max-width:720px){.report-filters{grid-template-columns:1fr 1fr}.report-filters button,.report-filters .btn{width:100%}}
@media(max-width:480px){.report-filters{grid-template-columns:1fr}}