:root{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#17181b;background:#f3f4f6;font-synthesis:none;--ink:#101114;--muted:#697080;--weak:#9aa1ad;--line:#e1e3e8;--surface:#fff;--bg:#f4f5f7;--blue:#0878d1;--blue-soft:#e7f3fc;--green:#07884d;--green-soft:#e6f5ed;--amber:#a76100;--amber-soft:#fff1d9;--red:#c23636;--red-soft:#fdeaea}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100dvh;padding-bottom:calc(82px + env(safe-area-inset-bottom))}.topbar{position:sticky;top:0;z-index:20;min-height:72px;padding:calc(10px + env(safe-area-inset-top)) 10px 10px;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:7px;background:#fffffff0;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:8px;border:0;background:none;padding:0;color:var(--ink)}.brand span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:#fff;background:var(--ink);font-weight:800;font-size:18px}.brand b{display:none;font-size:13px;letter-spacing:.14em}.project-picker{min-width:0;display:flex;align-items:center;justify-content:center;gap:5px;border:0;background:none;padding:2px 0;text-align:center}.project-picker span{min-width:0}.project-picker small,.project-picker strong{display:block}.project-picker small{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--weak);font-weight:700}.project-picker strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:190px;font-size:12px}.sheet-quick{width:38px;height:38px;display:flex;align-items:center;justify-content:center;gap:5px;padding:0;border:1px solid var(--line);border-radius:11px;color:var(--muted);background:#fff;font-size:0;font-weight:800}.sheet-quick svg{width:18px}.sheet-quick.ready{color:var(--green);border-color:#b9dcc9;background:var(--green-soft)}.online-pill{width:34px;display:flex;align-items:center;justify-content:center;gap:4px;padding:7px;border-radius:999px;font-size:0;font-weight:700}.online-pill.online{color:var(--green);background:var(--green-soft)}.online-pill.offline{color:var(--amber);background:var(--amber-soft)}.content{width:100%;max-width:1080px;margin:0 auto}.page{padding:22px 16px 30px}.home-page{padding-top:16px}.toast{position:fixed;top:calc(78px + env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:100;width:max-content;max-width:calc(100% - 32px);background:var(--ink);color:#fff;padding:11px 16px;border-radius:999px;font-size:12px;font-weight:600;box-shadow:0 14px 32px #1011143a}.eyebrow{margin:0 0 6px;text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:800;color:var(--blue)}.hero-card{padding:24px;border-radius:24px;color:#fff;background:linear-gradient(140deg,#101114,#20252c,#0b6d54 150%);box-shadow:0 18px 42px #10111426}.hero-card h1,.page-heading h1{margin:0;letter-spacing:-.035em}.hero-card h1{font-size:27px}.hero-card>p:not(.eyebrow){margin:6px 0 0;color:#ffffffa8;font-size:13px}.team-row{display:flex;align-items:center;gap:7px;margin:20px 0;color:#ffffffb8;font-size:12px}.primary,.secondary{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:13px;padding:0 16px;border:1px solid transparent;font-weight:700;font-size:13px}.primary{background:var(--ink);color:#fff}.primary:disabled{cursor:not-allowed;opacity:.42}.hero-card .primary{background:#fff;color:var(--ink)}.primary.large{width:100%;min-height:52px}.secondary{color:var(--ink);background:#fff;border-color:var(--line)}.secondary.small{min-height:38px}.full{width:100%;margin-top:12px}.status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 26px}.status-grid button{border:1px solid var(--line);border-radius:16px;background:#fff;padding:15px 8px;box-shadow:0 3px 10px #10111408}.status-grid strong,.status-grid span{display:block}.status-grid strong{font-size:22px}.status-grid span{margin-top:3px;color:var(--muted);font-size:10px}.section{margin-top:26px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:12px}.section-head h2{margin:0;font-size:19px;letter-spacing:-.02em}.soft-pill{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;color:var(--green);background:var(--green-soft);font-size:10px;font-weight:700;white-space:nowrap}.soft-pill svg{width:13px;height:13px}.text-button{border:0;background:none;color:var(--blue);font-size:12px;font-weight:700}.sync-card,.recent-list,.catalog-list,.settings-group,.fields-list{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 3px 12px #10111408}.status-line{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:center;padding:14px;border-bottom:1px solid var(--line)}.status-line:last-child{border-bottom:0}.status-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center}.status-icon svg{width:18px}.status-icon.bereit,.status-icon.fertig{background:var(--green-soft);color:var(--green)}.status-icon.wartet{background:var(--amber-soft);color:var(--amber)}.status-line strong,.status-line small{display:block}.status-line strong{font-size:12px}.status-line small{margin-top:3px;color:var(--weak);font-size:10px;line-height:1.35}.status-line em{font-style:normal;color:var(--weak);font-size:9px;text-transform:uppercase;font-weight:800}.empty{padding:34px 20px;text-align:center;border:1px dashed #ced1d8;border-radius:18px;background:#fff}.empty>svg{width:32px;height:32px;color:var(--weak)}.empty h3{margin:12px 0 5px;font-size:15px}.empty p{max-width:390px;margin:0 auto 18px;color:var(--muted);font-size:12px;line-height:1.55}.bottom-nav{position:fixed;z-index:30;bottom:0;left:0;right:0;height:calc(70px + env(safe-area-inset-bottom));padding:7px 10px env(safe-area-inset-bottom);display:grid;grid-template-columns:1fr 1fr 1.25fr 1fr 1fr;align-items:start;background:#fffffff5;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bottom-nav button{min-width:0;height:55px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;background:none;color:var(--weak);font-size:9px}.bottom-nav button.active{color:var(--ink)}.bottom-nav .capture-main{margin-top:-23px;height:65px;border-radius:19px;background:var(--ink);color:#fff;box-shadow:0 8px 24px #10111440}.capture-main span{font-size:9px;font-weight:700}.sheet-backdrop{position:fixed;z-index:80;inset:0;display:flex;align-items:flex-end;justify-content:center;background:#10111466}.bottom-sheet{width:100%;max-width:560px;max-height:calc(100dvh - 18px);overflow-y:auto;padding:8px 16px calc(20px + env(safe-area-inset-bottom));border-radius:26px 26px 0 0;background:#fff;animation:slide-up .2s ease-out}.sheet-handle{width:38px;height:4px;margin:0 auto 14px;border-radius:99px;background:#d8dae0}.sheet-title{display:flex;align-items:flex-start;justify-content:space-between}.sheet-title small{color:var(--blue);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.sheet-title h2{margin:5px 0 14px;font-size:20px}.icon-button{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border:0;border-radius:50%;background:transparent;color:var(--ink)}.icon-button:hover{background:var(--bg)}.project-list{border:1px solid var(--line);border-radius:16px;overflow:hidden}.project-option{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px;border:0;border-bottom:1px solid var(--line);background:#fff;text-align:left}.project-option:last-child{border-bottom:0}.project-option.selected{background:var(--blue-soft)}.project-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;color:var(--blue);background:#fff}.project-icon svg{width:19px}.project-option strong,.project-option small,.project-option em{display:block}.project-option strong{font-size:12px}.project-option small{margin-top:3px;color:var(--muted);font-size:10px}.project-option em{margin-top:5px;color:var(--blue);font-size:9px;font-style:normal;font-weight:700}.project-option>svg{width:18px;color:var(--green)}.new-project-button{width:100%;min-height:60px;display:flex;align-items:center;gap:11px;margin-top:10px;padding:11px 13px;border:1px dashed #9ab7cc;border-radius:15px;color:var(--blue);background:#f5fbff;text-align:left}.new-project-button>svg{width:22px;flex:0 0 auto}.new-project-button strong,.new-project-button small{display:block}.new-project-button strong{font-size:12px}.new-project-button small{margin-top:3px;color:#55778f;font-size:9px;line-height:1.35}.new-project-sheet{padding-bottom:calc(24px + env(safe-area-inset-bottom))}.project-create-hint{margin:0 0 14px;padding:11px 12px;border-radius:12px;color:#55778f;background:var(--blue-soft);font-size:10px;line-height:1.5}.safe-note{display:flex;align-items:flex-start;gap:8px;padding:12px;margin:12px 0 0;color:var(--green);background:var(--green-soft);border-radius:12px;font-size:10px;line-height:1.45}.safe-note svg{flex:0 0 auto;width:15px}.page-titlebar{display:flex;align-items:center;gap:8px;margin:-8px 0 18px}.page-titlebar>div{min-width:0;flex:1}.page-titlebar small,.page-titlebar strong{display:block}.page-titlebar small{color:var(--weak);font-size:10px}.page-titlebar strong{max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.save-text{display:flex;align-items:center;gap:5px;border:0;background:none;color:var(--blue);font-size:11px;font-weight:700}.warning,.error-box{margin-bottom:14px;border-radius:13px;padding:12px}.warning{display:flex;gap:8px;background:var(--amber-soft);color:var(--amber);font-size:11px;line-height:1.4}.warning svg{flex:0 0 auto;width:16px}.capture-camera,.form-section{padding:17px;margin-bottom:14px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 3px 12px #10111408}.capture-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.capture-heading h2{margin:0;font-size:19px}.capture-heading p:not(.eyebrow){margin:7px 0 15px;color:var(--muted);font-size:11px;line-height:1.5}.file-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.camera-button{width:100%;min-height:78px;display:flex;align-items:center;justify-content:center;gap:13px;border:2px dashed #b8bdc7;border-radius:16px;background:var(--bg);color:var(--ink);text-align:left}.camera-button>svg{width:27px}.camera-button strong,.camera-button small{display:block}.camera-button strong{font-size:13px}.camera-button small{margin-top:4px;color:var(--muted);font-size:10px}.photo-rail{display:flex;gap:8px;margin-top:12px;overflow-x:auto;padding-bottom:3px}.photo-rail button{position:relative;flex:0 0 78px;height:78px;overflow:hidden;border:0;border-radius:13px;background:var(--bg)}.photo-rail img{width:100%;height:100%;object-fit:cover}.photo-rail span{position:absolute;left:5px;bottom:5px;padding:3px 5px;border-radius:6px;color:#fff;background:#101114b9;font-size:8px}.photo-rail .add-photo{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);border:1px dashed #b8bdc7}.add-photo small{font-size:9px}.camera-hint{display:flex;align-items:flex-start;gap:6px;margin:10px 0 0;color:var(--green);font-size:9px;line-height:1.4}.camera-hint svg{width:13px;flex:0 0 auto}.required-note{color:var(--red);font-size:9px;font-weight:700}.field{display:block;margin-top:14px}.field>span,.dimensions>span{display:block;margin-bottom:6px;color:#424752;font-size:11px;font-weight:700}.field em{margin-left:3px;color:var(--red);font-style:normal}.field input,.field select,.field textarea,.dimensions input{width:100%;border:1px solid #ced1d8;border-radius:11px;background:#fff;color:var(--ink);outline:none}.field input,.field select{height:45px;padding:0 12px}.field textarea{padding:11px 12px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus,.dimensions input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0878d119}.field small{display:block;margin-top:5px;color:var(--weak);font-size:9px}.field-row{display:grid;grid-template-columns:1fr 124px;gap:9px}.input-with-icon{position:relative}.input-with-icon svg{position:absolute;left:11px;top:13px;width:18px;color:var(--weak)}.input-with-icon input{padding-left:37px}.dimensions{margin-top:14px}.dimensions>div{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:7px}.dimensions input{min-width:0;height:45px;padding:0 8px;text-align:center}.dimensions b{color:var(--weak)}.dimensions small{display:block;margin-top:6px;color:var(--blue);font-size:9px}.error-box{background:var(--red-soft);color:var(--red)}.error-box strong{font-size:12px}.error-box p{margin:4px 0 9px;font-size:10px;line-height:1.4}.error-box button{border:0;background:none;padding:0;color:var(--red);text-decoration:underline;font-size:10px;font-weight:700}.capture-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:9px}.capture-actions button svg{width:17px}.page-heading{margin-bottom:18px}.page-heading h1{font-size:25px}.page-heading>p:not(.eyebrow){margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.search{display:flex;align-items:center;gap:9px;margin-bottom:13px;padding:0 12px;height:46px;background:#fff;border:1px solid var(--line);border-radius:13px}.search svg{width:18px;color:var(--weak)}.search input{min-width:0;flex:1;border:0;outline:none;font-size:12px}.capture-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:center;padding:13px;border-bottom:1px solid var(--line)}.capture-row:last-child{border-bottom:0}.thumb{width:48px;height:48px;display:grid;place-items:center;color:var(--blue);background:var(--blue-soft);border-radius:12px}.thumb svg{width:21px}.capture-row strong,.capture-row small,.capture-row em{display:block}.capture-row strong{font-size:12px}.capture-row small{margin-top:3px;color:var(--muted);font-size:9px}.capture-row em{margin-top:6px;color:var(--ink);font-size:9px;font-style:normal;font-weight:700}.state{padding:5px 7px;border-radius:999px;font-size:8px;font-weight:800;text-transform:uppercase}.state.draft{color:var(--amber);background:var(--amber-soft)}.state.queued{color:var(--blue);background:var(--blue-soft)}.state.synced{color:var(--green);background:var(--green-soft)}.template-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px;margin-bottom:12px;background:#fff;border:1px solid var(--line);border-radius:16px}.template-card>div{min-width:0;display:flex;align-items:center;gap:10px}.template-card>div>svg{color:var(--blue)}.template-card strong,.template-card small{display:block}.template-card strong{font-size:12px}.template-card small{margin-top:3px;color:var(--weak);font-size:9px}.builder-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:13px 10px;border-bottom:1px solid var(--line)}.builder-row:last-child{border-bottom:0}.drag{color:#c1c4cb}.drag svg{width:17px}.builder-row strong,.builder-row small{display:block}.builder-row strong{font-size:11px}.builder-row small{margin-top:3px;color:var(--weak);font-size:9px}.required{min-width:59px;height:30px;border:0;border-radius:999px;background:var(--bg);color:var(--muted);font-size:9px;font-weight:800}.required.active{background:var(--ink);color:#fff}.settings-group{margin-bottom:13px}.setting-row{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px;border:0;border-bottom:1px solid var(--line);background:#fff;text-align:left}.setting-row:last-child{border-bottom:0}.setting-row>span:first-child{width:37px;height:37px;display:grid;place-items:center;border-radius:10px;color:var(--blue);background:var(--blue-soft)}.setting-row svg{width:18px}.setting-row>svg{width:15px;transform:rotate(-90deg);color:var(--weak)}.setting-row strong,.setting-row small{display:block}.setting-row strong{font-size:12px}.setting-row small{margin-top:3px;color:var(--weak);font-size:9px}.identity-card{padding:15px;border-radius:16px;color:#d9dde4;background:var(--ink)}.identity-card code{display:block;overflow:hidden;margin-top:8px;color:#89d7bb;text-overflow:ellipsis;font-size:10px}.identity-card p{margin:8px 0 0;color:#ffffff8c;font-size:9px;line-height:1.45}@keyframes slide-up{0%{transform:translateY(20px);opacity:.5}to{transform:none;opacity:1}}@media(min-width:700px){.brand b{display:block}.topbar{padding-left:24px;padding-right:24px;gap:12px}.sheet-quick{width:auto;padding:0 11px;font-size:10px}.online-pill{width:auto;justify-content:flex-start;padding:7px 9px;font-size:10px}.project-picker strong{max-width:320px}.page{padding:32px 24px 46px}.home-page{display:grid;grid-template-columns:1.05fr .95fr;gap:22px}.home-page>.hero-card,.home-page>.status-grid{grid-column:1}.home-page>.section{grid-column:2;margin-top:0}.home-page>.section:last-child{margin-top:18px}.bottom-nav{left:50%;right:auto;width:560px;transform:translate(-50%);border:1px solid var(--line);border-bottom:0;border-radius:22px 22px 0 0}.capture-page{max-width:720px;margin:0 auto}.catalog-list{display:grid;grid-template-columns:1fr 1fr}.capture-row{border-right:1px solid var(--line)}.capture-row:nth-child(2n){border-right:0}}.supplier-step{padding-bottom:42px}.flow-intro{display:flex;align-items:center;gap:14px;margin-bottom:18px}.flow-intro>span{width:54px;height:54px;flex:0 0 auto;display:grid;place-items:center;border-radius:17px;color:#fff;background:var(--ink)}.flow-intro>span svg{width:25px}.flow-intro h1,.camera-start-card h1,.switch-card h1{margin:0;font-size:24px;letter-spacing:-.035em}.flow-intro p:not(.eyebrow),.camera-start-card>p:not(.eyebrow){margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.camera-launch{width:100%;min-height:76px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:13px 15px;border:0;border-radius:17px;color:#fff;background:var(--ink);text-align:left;box-shadow:0 12px 26px #1011142f}.camera-launch>svg:first-child{width:28px;height:28px}.camera-launch>svg:last-child{width:18px;color:#ffffff8f}.camera-launch strong,.camera-launch small{display:block}.camera-launch strong{font-size:14px}.camera-launch small{margin-top:4px;color:#ffffff98;font-size:10px}.supplier-entry-actions{display:grid;gap:9px}.quick-supplier{min-height:62px;margin-top:0;justify-content:flex-start;text-align:left}.quick-supplier>span{display:block}.quick-supplier strong,.quick-supplier small{display:block}.quick-supplier small{margin-top:3px;color:var(--muted);font-size:9px;font-weight:500}.supplier-search{margin:18px 0 10px}.supplier-search input{width:100%;height:47px;padding:0 14px;border:1px solid var(--line);border-radius:13px;outline:0;background:#fff;font-size:12px}.supplier-search input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0878d119}.supplier-list{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#fff}.supplier-list h2{margin:0;padding:13px 14px 8px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.11em}.supplier-list>button{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px 14px;border:0;border-top:1px solid var(--line);background:#fff;text-align:left}.supplier-list>button>span:first-child{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;color:var(--blue);background:var(--blue-soft)}.supplier-list svg{width:18px}.supplier-list>button>svg{color:var(--weak);width:16px}.supplier-list strong,.supplier-list small{display:block}.supplier-list strong{font-size:12px}.supplier-list small{margin-top:3px;color:var(--muted);font-size:9px}.supplier-list>p{margin:0;padding:20px 14px;color:var(--muted);font-size:11px}.privacy-note{display:flex;align-items:flex-start;gap:7px;margin:12px 0 0;color:var(--green);font-size:10px;line-height:1.45}.privacy-note svg{width:15px;flex:0 0 auto}.mode-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-bottom:12px;padding:4px;border-radius:13px;background:#e7e9ed}.mode-switch button{min-height:39px;border:0;border-radius:10px;color:var(--muted);background:transparent;font-size:11px;font-weight:700}.mode-switch button.active{color:var(--ink);background:#fff;box-shadow:0 2px 8px #10111414}.proof-card{padding:17px;margin-bottom:14px;border:1px solid var(--line);border-radius:20px;background:#fff}.proof-card h2{margin:0;font-size:19px}.proof-card>p:not(.eyebrow){margin:7px 0 14px;color:var(--muted);font-size:11px;line-height:1.5}.card-capture-choice{display:grid;grid-template-columns:1fr 1fr;gap:9px}.card-capture-choice button{min-height:78px;display:flex;align-items:center;gap:9px;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--bg);color:var(--ink);text-align:left}.card-capture-choice button.active{border-color:var(--blue);background:var(--blue-soft)}.card-capture-choice svg{width:23px;flex:0 0 auto;color:var(--blue)}.card-capture-choice strong,.card-capture-choice small{display:block}.card-capture-choice strong{font-size:11px}.card-capture-choice small{margin-top:3px;color:var(--muted);font-size:9px}.proof-secondary-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.proof-secondary-actions button{min-height:41px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink);font-size:9px;font-weight:700}.proof-secondary-actions svg{width:15px}.proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.proof-shot{width:100%;min-height:72px;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px;border:1px dashed #b7bcc6;border-radius:14px;background:var(--bg);color:var(--ink);text-align:left}.proof-shot>svg{width:23px}.proof-shot strong,.proof-shot small{display:block}.proof-shot strong{font-size:11px}.proof-shot small{margin-top:3px;color:var(--muted);font-size:9px}.proof-previews{display:flex;gap:8px;margin-top:10px}.proof-previews img{width:72px;height:72px;object-fit:cover;border-radius:12px}.single-proof img{width:100%;height:170px}.person-ai-note{margin-top:10px;padding:10px;border-radius:11px;background:var(--green-soft)}.ai-pending,.ai-review{display:flex;align-items:flex-start;gap:10px;margin-top:12px;padding:11px;border-radius:12px;color:#725700;background:#fff5cf}.ai-pending>svg,.ai-review>svg{width:18px;flex:0 0 auto}.ai-pending strong,.ai-pending small,.ai-review strong,.ai-review p{display:block}.ai-pending strong,.ai-review strong{font-size:10px}.ai-pending small,.ai-review p{margin:3px 0 0;color:#826d2d;font-size:9px;line-height:1.45}.consent{display:flex;align-items:flex-start;gap:10px;margin-top:16px;padding:13px;border:1px solid #c9cdd5;border-radius:13px;background:var(--bg)}.consent input{width:20px;height:20px;accent-color:var(--ink)}.consent strong,.consent small{display:block}.consent strong{font-size:11px}.consent small{margin-top:4px;color:var(--muted);font-size:9px;line-height:1.4}.duplicate-warning{display:flex;align-items:flex-start;gap:10px;margin:12px 0;padding:13px;border-radius:14px;color:var(--amber);background:var(--amber-soft)}.duplicate-warning>svg{flex:0 0 auto;width:18px}.duplicate-warning strong{font-size:12px}.duplicate-warning p{margin:4px 0 9px;font-size:10px;line-height:1.4}.duplicate-warning button{margin:3px 8px 0 0;padding:7px 9px;border:1px solid #dfb86e;border-radius:9px;color:var(--amber);background:#fff;font-size:9px;font-weight:700}.flow-primary{min-height:54px}.supplier-context{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;margin-bottom:13px;padding:13px;border:1px solid #cfdae2;border-radius:17px;background:#f5fbff}.supplier-context>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:var(--blue);background:#fff}.supplier-context>span svg{width:19px}.supplier-context small,.supplier-context strong{display:block}.supplier-context small{color:var(--blue);font-size:8px;text-transform:uppercase;font-weight:800;letter-spacing:.08em}.supplier-context strong{margin-top:2px;font-size:12px}.supplier-context p{margin:3px 0 0;color:var(--muted);font-size:9px}.supplier-context em{padding:5px 7px;border-radius:999px;color:#fff;background:var(--ink);font-size:8px;font-style:normal;font-weight:800}.camera-start-card{padding:19px;border:1px solid var(--line);border-radius:21px;background:#fff;box-shadow:0 3px 12px #10111408}.camera-start-card .camera-launch{margin-top:18px}.camera-start-card .privacy-note{padding:10px;border-radius:11px;background:var(--green-soft)}.album-button{width:100%;min-height:58px;display:flex;align-items:center;gap:11px;margin-top:9px;padding:10px 13px;border:1px solid #c7d8e6;border-radius:14px;color:var(--blue);background:var(--blue-soft);text-align:left}.album-button>svg{width:23px;flex:0 0 auto}.album-button strong,.album-button small{display:block}.album-button strong{font-size:11px}.album-button small{margin-top:3px;color:#4f718b;font-size:9px}.camera-alternatives{display:grid;grid-template-columns:1fr;gap:8px;margin-top:9px}.camera-alternatives button{min-height:43px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink);font-size:10px;font-weight:700}.camera-alternatives svg{width:16px}.live-camera{position:fixed;z-index:120;inset:0;overflow:hidden;color:#fff;background:#030405}.live-camera>video{width:100%;height:100%;object-fit:cover}.card-scanner{position:fixed;z-index:140;inset:0;overflow:hidden;color:#fff;background:#020303}.card-scanner>video{width:100%;height:100%;object-fit:cover}.scanner-top{position:absolute;z-index:3;top:0;left:0;right:0;min-height:82px;display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:10px;padding:calc(12px + env(safe-area-inset-top)) 14px 12px;background:linear-gradient(#000c,transparent)}.scanner-top button{width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:50%;color:#fff;background:#0008}.scanner-top small,.scanner-top strong{display:block}.scanner-top small{color:#ffffffad;font-size:9px}.scanner-top strong{font-size:13px}.scanner-top>span{padding:5px 7px;border-radius:999px;background:#0008;font-size:8px;font-weight:700}.scanner-frame{position:absolute;z-index:2;top:50%;left:50%;width:min(90vw,680px);aspect-ratio:1.586;transform:translate(-50%,-52%);border:3px solid #fff;border-radius:18px;box-shadow:0 0 0 9999px #0007,0 0 0 1px #000;pointer-events:none}.scanner-frame:before,.scanner-frame:after{content:"";position:absolute;inset:12px;border-top:2px solid #53e2a5;border-bottom:2px solid #53e2a5;opacity:.75}.scanner-frame:after{inset:12px;border:0;border-left:2px solid #53e2a5;border-right:2px solid #53e2a5}.scanner-frame span{position:absolute;left:50%;bottom:-36px;width:max-content;max-width:90vw;transform:translate(-50%);padding:7px 10px;border-radius:999px;background:#000a;font-size:9px;font-weight:700}.card-scanner .camera-message{z-index:4}.scanner-controls{position:absolute;z-index:3;left:0;right:0;bottom:0;display:flex;justify-content:center;padding:18px 20px calc(20px + env(safe-area-inset-bottom));background:linear-gradient(transparent,#000e 40%)}.scanner-shutter{min-width:126px;min-height:55px;display:flex;align-items:center;justify-content:center;gap:8px;border:2px solid #fff;border-radius:999px;color:#111;background:#fff;font-size:11px;font-weight:800}.scanner-shutter:disabled{opacity:.4}.scanner-shutter svg{width:20px}.camera-top{position:absolute;top:0;left:0;right:0;min-height:82px;display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:10px;padding:calc(12px + env(safe-area-inset-top)) 14px 12px;background:linear-gradient(#000b,transparent)}.camera-top button{width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:50%;color:#fff;background:#0007}.camera-top button svg{width:20px}.camera-top small,.camera-top strong{display:block}.camera-top small{font-size:9px;color:#ffffffad}.camera-top strong{font-size:13px}.camera-top>span{padding:5px 7px;border-radius:999px;background:#0007;font-size:8px;font-weight:700}.camera-message{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;padding:30px;background:#080a0de8;text-align:center}.camera-message p{max-width:310px;color:#ffffffa8;font-size:11px;line-height:1.5}.camera-message button{min-width:160px;margin-top:8px;padding:11px;border:0;border-radius:11px;font-size:11px;font-weight:700}.camera-message svg{width:32px;margin-bottom:10px}.storage-warning{display:flex;align-items:flex-start;gap:7px;margin:10px 0 0;padding:10px;border-radius:11px;color:#7f1d1d;background:#fee2e2;font-size:10px;line-height:1.45}.storage-warning svg{width:16px;flex:0 0 auto}.camera-storage-warning{position:absolute;z-index:2;top:calc(88px + env(safe-area-inset-top));left:14px;right:14px;display:flex;align-items:flex-start;gap:7px;padding:10px 12px;border-radius:12px;color:#7f1d1d;background:#fee2e2ed;font-size:10px;line-height:1.4}.camera-storage-warning svg{width:16px;flex:0 0 auto}.camera-counter{position:absolute;left:50%;bottom:168px;transform:translate(-50%);display:flex;align-items:center;gap:6px;width:max-content;max-width:calc(100% - 28px);padding:7px 10px;border-radius:999px;background:#0009;font-size:9px;font-weight:700}.camera-counter svg{width:14px}.camera-film{position:absolute;left:12px;right:12px;bottom:103px;display:flex;gap:7px;overflow-x:auto}.camera-film span{position:relative;flex:0 0 50px;height:50px}.camera-film img{width:100%;height:100%;object-fit:cover;border:2px solid #fff;border-radius:9px}.camera-film b{position:absolute;right:-3px;top:-3px;width:16px;height:16px;display:grid;place-items:center;border-radius:50%;color:#111;background:#fff;font-size:8px}.camera-controls{position:absolute;left:0;right:0;bottom:0;min-height:96px;padding:7px 26px calc(9px + env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;background:linear-gradient(transparent,#000d 30%)}.camera-controls button{justify-self:center;display:flex;flex-direction:column;align-items:center;gap:2px;border:0;color:#fff;background:transparent}.camera-controls button:disabled{opacity:.35}.camera-controls button svg{width:20px}.camera-controls small{font-size:8px}.camera-controls .shutter{width:68px;height:68px;padding:5px;border:3px solid #fff;border-radius:50%}.camera-controls .shutter span{width:100%;height:100%;border-radius:50%;background:#fff}.ai-review{margin:0 0 13px}.ai-review p{font-size:10px}.backup-button{width:100%;display:flex;align-items:center;gap:10px;margin:0 0 13px;padding:12px;border:1px solid var(--line);border-radius:14px;color:var(--ink);background:#fff;text-align:left}.backup-button>svg{width:22px;color:var(--blue)}.backup-button strong,.backup-button small{display:block}.backup-button strong{font-size:11px}.backup-button small{margin-top:3px;color:var(--muted);font-size:9px}.after-save{padding:14px;border:1px solid #b9dcc9;border-radius:17px;background:var(--green-soft)}.after-save>div{display:flex;align-items:center;gap:9px;color:var(--green)}.after-save>div>svg{width:22px}.after-save strong,.after-save small{display:block}.after-save strong{font-size:12px}.after-save small{margin-top:3px;font-size:9px}.after-save .primary{margin-top:13px}.switch-card{padding:28px 20px;border:1px solid var(--line);border-radius:21px;background:#fff;text-align:center}.switch-card>svg{width:42px;height:42px;margin-bottom:13px;color:var(--blue)}.switch-card p{margin:8px auto 20px;max-width:390px;color:var(--muted);font-size:11px;line-height:1.55}@media(orientation:landscape)and (max-height:520px){.camera-top{right:96px}.camera-controls{inset:0 0 0 auto;width:98px;min-height:100%;padding:20px 8px;grid-template-columns:1fr;grid-template-rows:1fr auto 1fr;background:linear-gradient(90deg,transparent,#000d 35%)}.camera-counter{left:auto;right:112px;bottom:70px;transform:none}.camera-film{right:112px;bottom:12px}}.form-builder .fields-list{margin-bottom:12px}.builder-note{margin:0 0 12px;padding:9px 11px;border-radius:12px;background:var(--green-soft);color:var(--green);font-size:10px;font-weight:700}.builder-note.changed{background:var(--amber-soft);color:var(--amber)}.form-builder .builder-row{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"order main" "actions actions";gap:8px 9px}.form-builder .builder-row.hidden-field{background:#fafbfc}.form-builder .builder-row.hidden-field .builder-main strong{color:var(--weak);text-decoration:line-through}.order-controls{grid-area:order;display:grid;gap:4px}.order-controls button{width:28px;height:22px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--muted)}.order-controls button:disabled{opacity:.35}.builder-main{grid-area:main;min-width:0;padding:0;border:0;background:none;text-align:left;color:var(--ink)}.builder-actions{grid-area:actions;display:flex;flex-wrap:wrap;align-items:center;gap:6px}.builder-actions .icon-button{width:34px;height:30px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--muted)}.builder-actions .icon-button.danger{color:var(--red);border-color:#f0cfcf}.builder-actions .required:disabled{opacity:.45}.field-editor .field small,.editor-fixed{display:block;margin-top:6px;color:var(--weak);font-size:9px}.editor-fixed{margin:12px 0 0;font-size:11px;color:var(--muted)}.editor-fixed strong{color:var(--ink)}.options-editor{margin-top:14px}.options-editor>span{display:block;margin-bottom:6px;color:#424752;font-size:11px;font-weight:700}.option-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:6px;margin-bottom:7px}.option-row input{min-width:0;height:41px;padding:0 11px;border:1px solid #ced1d8;border-radius:11px;background:#fff;color:var(--ink);outline:none}.option-row code{max-width:84px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--weak);font-size:9px}.toggle-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding:11px 12px;border:1px solid var(--line);border-radius:13px;background:#fff;text-align:left}.toggle-row span{min-width:0}.toggle-row strong,.toggle-row small{display:block}.toggle-row strong{font-size:11px}.toggle-row small{margin-top:2px;color:var(--weak);font-size:9px}.toggle-row em{flex:none;padding:4px 10px;border-radius:999px;background:var(--bg);color:var(--muted);font-style:normal;font-size:9px;font-weight:800}.toggle-row.on{border-color:#b9dcc9;background:var(--green-soft)}.toggle-row.on em{background:var(--green);color:#fff}.preview-sheet .preview-frame{margin-top:6px;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--bg)}.preview-topbar{display:flex;align-items:center;gap:8px;padding:11px 13px;background:#fff;border-bottom:1px solid var(--line)}.preview-topbar span{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:var(--ink);color:#fff;font-size:11px;font-weight:800}.preview-topbar strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.preview-body{max-height:52vh;overflow-y:auto;padding:4px 13px 16px}.preview-photos{display:flex;align-items:center;gap:10px;margin-top:14px;padding:12px;border:1px dashed #ced1d8;border-radius:13px;background:#fff;color:var(--muted)}.preview-photos strong,.preview-photos small{display:block}.preview-photos strong{color:var(--ink);font-size:11px}.preview-photos small{margin-top:2px;font-size:9px}.field-unit{margin-left:5px;color:var(--weak);font-style:normal;font-weight:600}.field-hint{display:block;margin-top:5px;color:var(--weak);font-size:9px}.price-row{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:7px}.price-row input,.price-row select{min-width:0;width:100%;height:45px;padding:0 10px;border:1px solid #ced1d8;border-radius:11px;background:#fff;color:var(--ink);outline:none}.price-row select:disabled{background:var(--bg);color:var(--muted)}.yes-no{display:grid;grid-template-columns:1fr 1fr;gap:7px}.yes-no button{height:45px;border:1px solid #ced1d8;border-radius:11px;background:#fff;color:var(--muted);font-size:12px;font-weight:700}.yes-no button.active{border-color:var(--ink);background:var(--ink);color:#fff}.choice-chips{display:flex;flex-wrap:wrap;gap:6px}.choice-chips button{min-height:36px;padding:0 13px;border:1px solid #ced1d8;border-radius:999px;background:#fff;color:var(--muted);font-size:11px;font-weight:700}.choice-chips button.active{border-color:var(--ink);background:var(--ink);color:#fff}.photo-summary{margin:0;color:var(--muted);font-size:11px}.review-photos{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:14px;padding:11px 12px;border:1px solid var(--line);border-radius:13px;background:var(--blue-soft)}.review-photos strong,.review-photos small{display:block}.review-photos strong{font-size:11px}.review-photos small{margin-top:2px;color:var(--muted);font-size:9px}.review-photos .secondary{flex:none;background:#fff}.skip-photos{width:100%;margin-top:10px}button:disabled{cursor:not-allowed;opacity:.48}.bottom-nav .capture-main:disabled{background:#717784;box-shadow:none}.sheet-quick.syncing svg,.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.offline-banner{display:flex;align-items:center;justify-content:center;gap:7px;padding:7px 12px;color:#744500;background:var(--amber-soft);border-bottom:1px solid #edcf99;font-size:10px;font-weight:800;text-align:center}.offline-banner svg{width:15px;flex:0 0 auto}.auth-page{min-height:100dvh;display:grid;place-items:center;padding:24px 16px;background:radial-gradient(circle at top,#e7f3fc 0,transparent 38%),var(--bg)}.auth-card{width:min(100%,430px);padding:28px;border:1px solid var(--line);border-radius:26px;background:#fff;box-shadow:0 24px 70px #1011141c;text-align:center}.auth-logo{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 18px;border-radius:16px;color:#fff;background:var(--ink);font-size:25px;font-weight:900}.auth-card>svg{width:26px;height:26px;color:var(--blue)}.auth-card h1{margin:0;font-size:28px;letter-spacing:-.04em}.auth-card>p:not(.eyebrow):not(.auth-note){margin:9px 0 18px;color:var(--muted);font-size:12px;line-height:1.55}.local-safety{display:flex;align-items:flex-start;gap:10px;padding:13px;border-radius:14px;color:var(--green);background:var(--green-soft);text-align:left}.local-safety>svg{width:20px;flex:0 0 auto}.local-safety strong,.local-safety small{display:block}.local-safety strong{font-size:11px}.local-safety small{margin-top:4px;color:#37705a;font-size:9px;line-height:1.45}.first-project-page{align-content:center;gap:16px}.first-project-page .auth-card{width:min(100%,520px)}.first-project-page .project-admin-card{width:min(100%,760px)}.onboarding-steps{margin-top:14px;text-align:left}.onboarding-steps article{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:10px;padding:11px;border:1px solid var(--line);border-radius:13px;background:#fff}.onboarding-steps article+article{margin-top:9px}.onboarding-steps article>span{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;color:#fff;background:var(--ink);font-size:11px;font-weight:900}.onboarding-steps article>span svg{width:16px}.onboarding-steps article.done{border-color:#b9dcc9;background:var(--green-soft)}.onboarding-steps article.done>span{background:var(--green)}.onboarding-steps article.waiting{color:var(--weak);background:var(--bg)}.onboarding-steps article strong,.onboarding-steps article small{display:block}.onboarding-steps article strong{font-size:11px}.onboarding-steps article small{margin-top:3px;color:var(--muted);font-size:9px;line-height:1.4}.first-project-page .error-box{margin-top:12px;text-align:left}.google-login{width:100%;min-height:52px;display:flex;align-items:center;justify-content:center;gap:9px;margin-top:16px;border:0;border-radius:14px;color:#fff;background:var(--ink);font-weight:800;font-size:13px}.google-login svg{width:19px}.auth-note{margin:14px 0 0;color:var(--weak);font-size:9px;line-height:1.5}.state.error{color:var(--red);background:var(--red-soft)}.mixed-photo-toggle:disabled{opacity:.58}.builder-note{display:flex;align-items:center;gap:7px}.builder-note svg{width:15px;flex:0 0 auto}.template-card{flex-wrap:wrap}.template-card>div{flex:1}.template-card>.secondary{flex:0 0 auto}.settings-page{max-width:760px;margin:0 auto}.travel-card,.settings-card{margin-bottom:14px;padding:16px;border:1px solid var(--line);border-radius:19px;background:#fff;box-shadow:0 3px 12px #10111408}.travel-card{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;border-color:#b9dcc9;background:var(--green-soft)}.travel-card>svg{width:22px;color:var(--green)}.travel-card strong{font-size:12px}.travel-card p{margin:4px 0 0;color:#37705a;font-size:10px;line-height:1.5}.travel-card>button{grid-column:1/-1}.settings-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.settings-card-head h2{margin:0;font-size:18px}.settings-card-head>svg{width:22px;color:var(--blue)}.settings-card>p{display:flex;align-items:flex-start;gap:7px;margin:8px 0 0;color:var(--muted);font-size:10px;line-height:1.5}.settings-card>p svg{width:15px;flex:0 0 auto}.state-badge{flex:0 0 auto;padding:5px 8px;border-radius:999px;color:var(--amber);background:var(--amber-soft);font-size:8px;font-weight:900;text-transform:uppercase}.state-badge.ready{color:var(--green);background:var(--green-soft)}.state-badge.failed{color:var(--red);background:var(--red-soft)}.root-folder-box{margin-top:12px;padding:12px;border-radius:13px;background:var(--bg)}.root-folder-box strong,.root-folder-box small{display:block}.root-folder-box strong{font-size:11px}.root-folder-box small{margin-top:3px;color:var(--weak);font-size:9px}.danger-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;border:1px solid #edbebe;border-radius:12px;color:var(--red);background:var(--red-soft);font-size:11px;font-weight:800}.danger-button svg{width:17px}.confirm-box{margin-top:12px;padding:12px;border:1px solid #edcf99;border-radius:13px;background:var(--amber-soft)}.confirm-box>strong{font-size:11px}.confirm-box>p{margin:4px 0 10px;color:var(--amber);font-size:9px;line-height:1.4}.confirm-box>div{display:flex;flex-wrap:wrap;gap:8px}.confirm-box button{flex:1;min-width:125px}.setting-row{grid-template-columns:auto minmax(0,1fr) auto auto}.setting-row em{color:var(--blue);font-size:8px;font-style:normal;font-weight:800}.setting-row:disabled em{color:var(--weak)}.sync-counts{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.sync-counts>span{min-width:82px;padding:9px;border-radius:11px;background:var(--bg);color:var(--muted);font-size:8px;text-transform:uppercase}.sync-counts strong{display:block;color:var(--ink);font-size:16px}.sync-counts p{color:var(--muted);font-size:10px}.sync-details{margin-top:12px;border-top:1px solid var(--line)}.sync-details summary{padding:12px 0 4px;color:var(--blue);cursor:pointer;font-size:10px;font-weight:800}.sync-details>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}.sync-details strong,.sync-details small{display:block}.sync-details strong{font-size:10px;text-transform:capitalize}.sync-details small{margin-top:2px;color:var(--weak);font-size:8px}.legacy-item{margin-top:12px;padding:13px;border:1px solid var(--line);border-radius:14px}.legacy-item>strong,.legacy-item>small{display:block}.legacy-item>strong{font-size:12px}.legacy-item>small{margin-top:4px;color:var(--muted);font-size:9px}.legacy-item .mapped{display:flex;align-items:center;gap:6px;margin:10px 0 0;color:var(--green);font-size:10px;font-weight:800}.legacy-item .mapped svg{width:15px}.suggestion-item{margin-top:11px;padding:12px;border:1px solid var(--line);border-radius:14px}.suggestion-item>div:first-child strong,.suggestion-item>div:first-child span,.suggestion-item>div:first-child small{display:block}.suggestion-item strong{color:var(--blue);font-size:9px;text-transform:uppercase}.suggestion-item span{margin-top:3px;font-size:14px;font-weight:800}.suggestion-item small{margin-top:4px;color:var(--weak);font-size:8px}.suggestion-item>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.suggestion-item button{min-height:39px;font-size:10px}.suggestion-item button svg{width:15px}.logout-button{margin-bottom:18px}@media(min-width:700px){.travel-card{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}.travel-card>button{grid-column:auto}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.katalog-kopf{display:flex;flex-direction:column;gap:12px;margin-bottom:14px}.katalog-kopf>div:first-child{min-width:0}.katalog-kopf h1{margin:2px 0 0;font-size:23px;letter-spacing:-.02em;overflow-wrap:anywhere}.katalog-kopf>div>p:not(.eyebrow){margin:6px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.katalog-kopf-aktionen{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.katalog-kopf-aktionen .secondary.small,.katalog-kopf-aktionen .primary.small{min-height:40px}.ansicht-schalter{display:inline-flex;padding:3px;border:1px solid var(--line);border-radius:12px;background:#fff}.ansicht-schalter button{min-height:34px;display:inline-flex;align-items:center;gap:6px;padding:0 11px;border:0;border-radius:9px;background:none;color:var(--muted);font-size:11px;font-weight:700}.ansicht-schalter button.active{background:var(--ink);color:#fff}.katalog-suche{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px}.katalog-suche .search{flex:1 1 230px;min-width:0;margin-bottom:0}.katalog-suche .search .icon-button{width:32px;height:32px;flex:0 0 auto}.katalog-suche .secondary.small.aktiv{border-color:var(--ink);color:var(--ink)}.katalog-filter{margin-bottom:14px;padding:14px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 3px 12px #10111408}.filter-herkunft{display:flex;align-items:flex-start;gap:7px;margin:0 0 12px;padding:9px 11px;border-radius:12px;color:#55778f;background:var(--blue-soft);font-size:10px;line-height:1.45}.filter-herkunft svg{flex:0 0 auto;width:15px}.filter-gitter{display:grid;grid-template-columns:1fr;gap:10px}.filter-gitter .field{margin:0}.katalog-trefferzeile{margin:0 0 10px;color:var(--muted);font-size:11px;font-weight:700}.katalog-bild{position:relative;display:block;width:100%;aspect-ratio:1;overflow:hidden;border-radius:14px;background:var(--bg)}.katalog-bild img{width:100%;height:100%;object-fit:cover;display:block}.katalog-bild.laedt img,.katalog-bild.fehler img{opacity:0}.katalog-bild-platzhalter{position:absolute;inset:0;display:grid;place-items:center;color:var(--weak);background:repeating-linear-gradient(135deg,#eef0f3 0 10px,#e7eaee 10px 20px)}.katalog-bild-platzhalter svg{width:26px;height:26px}.katalog-bild-text{position:absolute;left:6px;right:6px;bottom:6px;padding:4px 6px;border-radius:7px;color:#fff;background:#101114bb;font-size:8px;font-weight:700;text-align:center}.katalog-bild.winzig{width:44px;height:44px;flex:0 0 auto;aspect-ratio:auto;border-radius:10px}.katalog-bild.winzig .katalog-bild-platzhalter svg{width:16px;height:16px}.katalog-bild.winzig .katalog-bild-text{display:none}.katalog-bild.gross{aspect-ratio:4/3;border-radius:16px}.original-slot{display:grid;gap:8px}.original-slot.geladen img{width:100%;border-radius:16px}.original-hinweis{margin:0;color:var(--muted);font-size:10px}.katalog-gitter{display:grid;grid-template-columns:1fr;gap:12px}.katalog-karte{display:grid;gap:10px;padding:10px;border:1px solid var(--line);border-radius:19px;background:#fff;box-shadow:0 3px 12px #10111408}.katalog-karte.aktiv{border-color:var(--ink);box-shadow:0 0 0 2px #10111414}.karte-bild{position:relative;padding:0;border:0;border-radius:14px;background:none;overflow:hidden}.bild-zaehler,.bild-lokal{position:absolute;top:7px;padding:4px 7px;border-radius:999px;font-size:8px;font-weight:800}.bild-zaehler{right:7px;color:#fff;background:#101114bb}.bild-lokal{left:7px;color:var(--amber);background:#fff6e4}.karte-text{display:grid;gap:7px;min-width:0}.karte-titel{padding:0;border:0;background:none;color:var(--ink);font-size:13px;font-weight:800;text-align:left;line-height:1.3;overflow-wrap:anywhere}.karte-lieferant{display:flex;align-items:center;gap:5px;margin:0;color:var(--muted);font-size:10px;overflow-wrap:anywhere}.karte-lieferant svg{flex:0 0 auto}.karte-zahlen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.karte-zahlen span{min-width:0;padding:7px 8px;border-radius:10px;background:var(--bg)}.karte-zahlen small{display:block;color:var(--weak);font-size:8px;text-transform:uppercase;letter-spacing:.06em}.karte-zahlen strong{display:block;margin-top:3px;font-size:11px;overflow-wrap:anywhere}.karte-zahlen span.fehlt{background:var(--amber-soft)}.karte-zahlen span.fehlt strong{color:var(--amber)}.karte-fuss{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:7px}.karte-erfasser{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-size:9px}.karte-einkauf{width:100%}.karte-grund{color:var(--amber);font-size:9px;line-height:1.4}.stufe{display:inline-block;padding:5px 8px;border-radius:999px;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.stufe-neu{color:var(--muted);background:var(--bg)}.stufe-pruefen{color:var(--amber);background:var(--amber-soft)}.stufe-favorit{color:var(--blue);background:var(--blue-soft)}.stufe-kaufen{color:var(--green);background:var(--green-soft)}.stufe-freigegeben{color:#fff;background:var(--green)}.stufe-bestellt{color:#fff;background:var(--ink)}.stufe-nicht_kaufen{color:var(--red);background:var(--red-soft)}.katalog-tabelle-rahmen,.einkauf-tabelle-rahmen{max-width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:#fff;-webkit-overflow-scrolling:touch}.katalog-tabelle,.einkauf-tabelle{width:100%;min-width:720px;border-collapse:collapse;font-size:11px}.katalog-tabelle th,.katalog-tabelle td,.einkauf-tabelle th,.einkauf-tabelle td{padding:9px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.katalog-tabelle thead th,.einkauf-tabelle thead th{position:sticky;top:0;z-index:1;color:var(--weak);background:#fbfbfc;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.katalog-tabelle tbody tr:last-child th,.katalog-tabelle tbody tr:last-child td,.einkauf-tabelle tbody tr:last-child th,.einkauf-tabelle tbody tr:last-child td{border-bottom:0}.katalog-tabelle tbody tr.aktiv{background:var(--blue-soft)}.katalog-tabelle td small,.einkauf-tabelle th small{display:block;margin-top:3px;color:var(--weak);font-size:9px;font-weight:600}.katalog-tabelle .zahl,.einkauf-tabelle .zahl{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.katalog-tabelle .fehlt,.einkauf-tabelle .fehlt{color:var(--amber);font-weight:700}.katalog-tabelle .aktionen,.einkauf-tabelle .aktionen{display:flex;gap:5px;justify-content:flex-end}.katalog-tabelle .aktionen .icon-button,.einkauf-tabelle .aktionen .icon-button{width:34px;height:34px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--muted)}.tabelle-titel{display:flex;align-items:center;gap:9px;min-width:0;padding:0;border:0;background:none;color:var(--ink);text-align:left}.tabelle-titel strong{display:block;font-size:11px;overflow-wrap:anywhere}.tabelle-titel small{display:block;margin-top:2px;color:var(--weak);font-size:9px;font-weight:600}.drawer-backdrop{position:fixed;z-index:90;inset:0;display:flex;align-items:stretch;justify-content:flex-end;background:#10111466}.drawer{display:flex;flex-direction:column;width:100%;max-width:560px;max-height:100dvh;background:#fff;box-shadow:-18px 0 50px #10111426;animation:drawer-in .18s ease-out}@keyframes drawer-in{0%{transform:translate(18px);opacity:.6}to{transform:none;opacity:1}}.drawer-kopf{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:calc(14px + env(safe-area-inset-top)) 16px 12px;border-bottom:1px solid var(--line)}.drawer-kopf small{display:block;color:var(--blue);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.drawer-kopf h2{margin:5px 0 0;font-size:19px;letter-spacing:-.02em;overflow-wrap:anywhere}.drawer-inhalt{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:14px 16px 18px}.drawer-bilder{display:grid;gap:10px;margin-bottom:16px}.drawer-block{padding-top:14px;margin-top:14px;border-top:1px solid var(--line)}.drawer-block:first-child{padding-top:0;margin-top:0;border-top:0}.drawer-block h3{margin:0 0 8px;font-size:13px}.drawer-liste{display:grid;gap:9px;margin:0}.drawer-liste>div{display:grid;grid-template-columns:minmax(0,118px) minmax(0,1fr);gap:10px}.drawer-liste dt{color:var(--weak);font-size:10px;font-weight:700}.drawer-liste dt small{display:block;margin-top:2px;color:#b2b7c0;font-size:8px;font-weight:600}.drawer-liste dd{margin:0;font-size:11px;line-height:1.5;overflow-wrap:anywhere}.drawer-liste dd small{display:block;margin-top:3px;color:var(--weak);font-size:9px}.drawer-quelle{margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.5;overflow-wrap:anywhere}.drawer-hinweis{display:flex;align-items:flex-start;gap:7px;margin:9px 0 0;padding:9px 11px;border-radius:11px;color:var(--amber);background:var(--amber-soft);font-size:10px;line-height:1.45}.drawer-hinweis svg{flex:0 0 auto;width:15px}.drawer-leer{margin:0;padding:22px;border:1px dashed #ced1d8;border-radius:14px;color:var(--muted);font-size:11px;text-align:center}.drawer-fuss{flex:0 0 auto;padding:12px 16px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fff}.drawer-sicher{display:flex;align-items:flex-start;gap:7px;margin:0 0 10px;color:var(--green);font-size:10px;line-height:1.45}.drawer-sicher svg{flex:0 0 auto;width:15px}.drawer-grund{display:block;margin-top:8px;color:var(--muted);font-size:9px;line-height:1.45}.stufen-wahl{display:flex;flex-wrap:wrap;gap:6px}.stufen-wahl button{min-height:38px;padding:0 12px;border:1px solid #ced1d8;border-radius:999px;background:#fff;color:var(--muted);font-size:11px;font-weight:700}.stufen-wahl button.active{border-color:var(--ink);background:var(--ink);color:#fff}.stufen-wahl button:disabled{background:var(--bg)}.einkauf-artikel{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--bg)}.einkauf-artikel>span:last-child{min-width:0}.einkauf-artikel strong{display:block;font-size:12px;overflow-wrap:anywhere}.einkauf-artikel small{display:block;margin-top:3px;color:var(--muted);font-size:9px;overflow-wrap:anywhere}.menge-block{margin-top:14px}.menge-titel{display:block;margin-bottom:7px;color:#424752;font-size:11px;font-weight:700}.menge-stepper{display:inline-flex;align-items:center;height:48px;border:1px solid var(--line);border-radius:13px;background:#fff}.menge-stepper button{width:46px;height:46px;display:grid;place-items:center;border:0;border-radius:12px;background:none;color:var(--ink)}.menge-stepper button:disabled{color:var(--weak)}.menge-stepper input{width:72px;height:46px;border:0;border-left:1px solid var(--line);border-right:1px solid var(--line);background:transparent;color:var(--ink);font-size:14px;font-weight:800;text-align:center;outline:none;-moz-appearance:textfield;appearance:textfield}.menge-stepper input::-webkit-outer-spin-button,.menge-stepper input::-webkit-inner-spin-button{appearance:none;margin:0}.menge-stepper.klein{height:38px}.menge-stepper.klein button{width:34px;height:36px}.menge-stepper.klein input{width:54px;height:36px;font-size:12px}.einkauf-summen{display:grid;gap:8px;margin:16px 0 0}.einkauf-summen>div{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:9px 11px;border-radius:11px;background:var(--bg)}.einkauf-summen>div.fehlt{background:var(--amber-soft)}.einkauf-summen dt{color:var(--muted);font-size:10px;font-weight:700}.einkauf-summen dd{margin:0;font-size:12px;font-weight:800;text-align:right;overflow-wrap:anywhere}.einkauf-summen dd small{display:block;margin-top:3px;color:var(--weak);font-size:9px;font-weight:600}.einkauf-sicherheit{display:flex;align-items:flex-start;gap:8px;margin:0 0 14px;padding:11px 12px;border-radius:13px;color:var(--green);background:var(--green-soft);font-size:10px;line-height:1.5}.einkauf-sicherheit svg{flex:0 0 auto;width:16px}.listen-leiste{display:flex;gap:8px;margin-bottom:14px;padding-bottom:4px;overflow-x:auto;-webkit-overflow-scrolling:touch}.listen-leiste button{flex:0 0 auto;max-width:240px;min-height:54px;padding:9px 13px;border:1px solid var(--line);border-radius:14px;background:#fff;text-align:left}.listen-leiste button.active{border-color:var(--ink);box-shadow:0 0 0 2px #10111412}.listen-leiste strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.listen-leiste small{display:block;margin-top:3px;color:var(--muted);font-size:9px;white-space:nowrap}.einkauf-kopfzeile{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}.einkauf-kopfzeile h2{margin:0;font-size:18px;overflow-wrap:anywhere}.einkauf-kopfzeile p{margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.5}.lieferant-block{margin-bottom:16px}.lieferant-block>header{margin-bottom:8px}.lieferant-block h3{margin:0;font-size:14px;overflow-wrap:anywhere}.lieferant-block>header p{margin:4px 0 0;color:var(--muted);font-size:10px;line-height:1.55;overflow-wrap:anywhere}.container-block{margin:18px 0;padding:14px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 3px 12px #10111408}.container-block h3{display:flex;align-items:center;gap:7px;margin:0;font-size:14px}.container-block>header p{margin:5px 0 12px;color:var(--muted);font-size:10px;line-height:1.55}.container-gitter{display:grid;grid-template-columns:1fr;gap:10px}.container-karte{padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--bg)}.container-karte>header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:9px}.container-karte strong{font-size:12px}.container-karte>header small{color:var(--weak);font-size:9px;font-weight:800;letter-spacing:.06em}.container-karte dl{display:grid;gap:6px;margin:0}.container-karte dl>div{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.container-karte dt{color:var(--muted);font-size:10px}.container-karte dd{margin:0;font-size:11px;font-weight:800;font-variant-numeric:tabular-nums}.container-karte dd.gross{font-size:20px;letter-spacing:-.02em}.container-hinweis{display:flex;align-items:flex-start;gap:7px;margin:12px 0 0;padding:10px 11px;border-radius:12px;color:#37705a;background:var(--green-soft);font-size:10px;line-height:1.5}.container-hinweis svg{flex:0 0 auto;width:15px}.summen-leiste{position:sticky;bottom:calc(74px + env(safe-area-inset-bottom));z-index:10;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:16px 0;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--line);box-shadow:0 10px 28px #1011141f}.summen-leiste>div{min-width:0;padding:10px 11px;background:#fff}.summen-leiste>div.fehlt{background:var(--amber-soft)}.summen-leiste small{display:block;color:var(--weak);font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.summen-leiste strong{display:block;margin-top:4px;font-size:13px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.kurs-block{margin:16px 0;padding:14px;border:1px solid var(--line);border-radius:18px;background:#fff}.kurs-block h3{margin:0 0 7px;font-size:13px}.freigabe-block{margin:16px 0 0;padding:14px;border:1px solid var(--line);border-radius:18px;background:#fff}.freigabe-block h3{margin:0 0 6px;font-size:14px}.freigabe-block>p{margin:0 0 12px;color:var(--muted);font-size:10px;line-height:1.55}.freigabe-aktionen{display:grid;gap:8px}.freigabe-aktionen button{width:100%}.team-page .settings-card{max-width:none}.project-admin-card .settings-card-head{align-items:center}.project-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:14px 0}.project-counts span{min-width:0;padding:9px 8px;border-radius:11px;background:var(--bg);color:var(--muted);font-size:9px;text-align:center}.project-counts strong{display:block;margin-bottom:2px;color:var(--ink);font-size:16px;font-variant-numeric:tabular-nums}.project-admin-list{display:grid;gap:7px;margin:12px 0 16px}.project-admin-list .project-admin-option{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:14px;color:var(--ink);background:#fff;text-align:left}.project-admin-list .project-admin-option.current{border-color:#9ab7cc;background:var(--blue-soft)}.project-admin-list .project-icon{width:36px;height:36px}.project-admin-list .state-badge{grid-column:1/-1;justify-self:start}.project-admin-title{min-width:0}.project-admin-title strong,.project-admin-title small,.project-admin-title em{display:block;overflow-wrap:anywhere}.project-admin-title strong{font-size:11px}.project-admin-title small{margin-top:3px;color:var(--muted);font-size:9px;line-height:1.4}.project-admin-title em{margin-top:4px;color:var(--weak);font-size:9px;font-style:normal;font-weight:700}.project-admin-title em.ready{color:var(--green)}.project-admin-title em.failed{color:var(--red)}.project-editor{padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--bg)}.project-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}.project-editor-head h3{margin:3px 0 0;font-size:15px}.project-field-grid{display:grid;grid-template-columns:1fr;gap:0 10px}.project-field-grid .field span{display:flex;align-items:center;gap:5px}.project-field-grid .field span svg{width:14px;height:14px}.project-storage-links{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}.project-storage-links .secondary svg:last-child{width:12px}.project-storage-links p{display:flex;align-items:flex-start;gap:6px;margin:0;color:var(--muted);font-size:9px;line-height:1.45}.project-storage-links p svg{flex:0 0 auto;width:14px}.project-status-actions{display:grid;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.project-status-actions button{width:100%}.role-guide-grid{display:grid;grid-template-columns:1fr;gap:7px;margin-top:13px}.role-guide-grid article{padding:10px 11px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}.role-guide-grid strong{display:block;font-size:11px}.role-guide-grid small{display:block;margin-top:3px;color:var(--muted);font-size:9px;line-height:1.4}.team-zeile{display:grid;grid-template-columns:1fr;gap:10px;margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:15px}.team-zeile.schmal{gap:8px}.team-kopf{min-width:0}.team-kopf strong{display:block;font-size:12px;overflow-wrap:anywhere}.team-kopf small{display:block;margin-top:3px;color:var(--muted);font-size:10px;overflow-wrap:anywhere}.team-kopf code{display:block;margin-top:5px;color:var(--weak);font-size:9px;overflow-wrap:anywhere}.team-zahl{display:flex;align-items:baseline;gap:6px}.team-zahl strong{font-size:18px;font-variant-numeric:tabular-nums}.team-zahl small{color:var(--muted);font-size:9px}.team-feld{margin:0}.team-aktionen{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.team-aktionen .icon-button{width:38px;height:38px;border:1px solid #f0cfcf;border-radius:10px;background:#fff}.team-untertitel{margin:18px 0 0;font-size:13px}.projekt-wahl{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}.projekt-wahl button{min-height:44px;padding:7px 12px;border:1px solid #ced1d8;border-radius:12px;background:#fff;color:var(--muted);font-size:11px;font-weight:700;text-align:left}.projekt-wahl button.active{border-color:var(--ink);background:var(--ink);color:#fff}.projekt-wahl small{display:block;margin-top:2px;font-size:9px;font-weight:600;opacity:.75}.einladung-link{margin:0 0 14px;padding:13px;border:1px solid #b9dcc9;border-radius:15px;background:var(--green-soft)}.einladung-link strong{font-size:12px}.einladung-link>div:first-child small{display:block;margin-top:3px;color:#37705a;font-size:9px}.einladung-link code{display:block;margin:9px 0;padding:9px 10px;border-radius:10px;background:#fff;color:var(--ink);font-size:10px;line-height:1.5;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.einladung-aktionen{display:flex;flex-wrap:wrap;gap:7px}.einladung-aktionen>a{min-height:38px;display:inline-flex;align-items:center;gap:6px;padding:0 12px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink);font-size:11px;font-weight:700;text-decoration:none}.identity-card{margin:18px 0;padding:14px;border:1px solid var(--line);border-radius:16px;background:#fff}.identity-card strong{display:block;font-size:12px}.identity-card code{display:block;margin:7px 0;color:var(--blue);font-size:10px;overflow-wrap:anywhere}.identity-card p{margin:0;color:var(--muted);font-size:10px;line-height:1.5}.einladung-karte{text-align:left}.einladung-karte .auth-logo{margin-left:auto;margin-right:auto}.einladung-karte h1,.einladung-karte .eyebrow{text-align:center}.einladung-karte .local-safety{margin-top:16px}.einladung-karte .text-button{display:inline-flex;align-items:center;gap:5px;width:100%;min-height:40px;justify-content:center;margin-top:10px}.einladung-karte .builder-note{margin-top:12px}.einladung-feld{margin-top:16px}.einladung-karte .auth-note{display:flex;align-items:flex-start;gap:6px;text-align:left}.einladung-karte .auth-note svg{flex:0 0 auto;margin-top:2px}.suggestion-card .suggestion-item>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.decision-outcome{margin:12px 0 0;padding:11px 12px;border-radius:13px;background:var(--bg)}.decision-outcome strong{display:block;font-size:11px}.decision-outcome small{display:block;margin-top:4px;color:var(--muted);font-size:10px;line-height:1.45;overflow-wrap:anywhere}.decision-outcome.angewendet{background:var(--green-soft)}.decision-outcome.angewendet strong{color:var(--green)}.decision-outcome.verworfen{background:var(--amber-soft)}.decision-outcome.verworfen strong{color:var(--amber)}.suggestion-correction{margin-top:10px;padding:11px;border:1px solid var(--line);border-radius:13px;background:#fbfbfc}.suggestion-correction .field{margin-top:0}.suggestion-hint{display:flex;align-items:flex-start;gap:6px;margin:9px 0 0;color:var(--weak);font-size:9px;line-height:1.45}.suggestion-hint svg{flex:0 0 auto;width:13px}.suggestion-item .error-box small{display:block;margin-top:5px;color:var(--muted);font-size:9px}.photo-ref-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(66px,1fr));gap:7px}.photo-ref-grid button{position:relative;aspect-ratio:1;overflow:hidden;padding:0;border:2px solid transparent;border-radius:12px;background:var(--bg)}.photo-ref-grid button.active{border-color:var(--ink)}.photo-ref-grid img{width:100%;height:100%;object-fit:cover;display:block}.photo-ref-grid b{position:absolute;left:4px;bottom:4px;padding:2px 5px;border-radius:6px;color:#fff;background:#101114b9;font-size:8px}.photo-ref-grid button.active:after{content:"✓";position:absolute;top:4px;right:4px;width:17px;height:17px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--ink);font-size:10px;font-weight:900}.barcode-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:center}.barcode-row input{min-width:0;width:100%;height:45px;padding:0 11px;border:1px solid #ced1d8;border-radius:11px;background:#fff;color:var(--ink);outline:none}.barcode-row .secondary.small{min-height:45px;white-space:nowrap}.field-state{display:flex;align-items:flex-start;gap:6px;margin:7px 0 0;font-size:10px;line-height:1.45}.field-state svg{flex:0 0 auto;width:14px}.field-state.warn{color:var(--amber)}.gps-value{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px 11px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}.gps-value>svg{width:18px;color:var(--blue)}.gps-value strong{display:block;font-size:12px;font-variant-numeric:tabular-nums}.gps-value small{display:block;margin-top:3px;color:var(--muted);font-size:9px}.gps-value .icon-button{width:36px;height:36px;border:1px solid #f0cfcf;border-radius:10px;background:#fff}.gps-action{margin-top:9px}.scan-review{z-index:150;display:flex;flex-direction:column;background:#06070a}.scan-review .scanner-top{position:static;background:linear-gradient(#000c,transparent)}.scan-review-frame{flex:1;min-height:0;display:grid;place-items:center;padding:12px 16px}.scan-review-frame img{max-width:100%;max-height:100%;border-radius:14px;box-shadow:0 18px 40px #0009}.scan-review-note{margin:0;padding:0 20px;color:#fffb;font-size:11px;line-height:1.5;text-align:center}.scan-review-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px 16px calc(16px + env(safe-area-inset-bottom))}.scan-review-actions button{min-height:50px}.scan-review-actions .secondary{background:#ffffff1f;border-color:#ffffff3d;color:#fff}.desktop-nav{display:none}@media(min-width:700px){.katalog-kopf{flex-direction:row;align-items:flex-start;justify-content:space-between}.katalog-gitter,.filter-gitter{grid-template-columns:repeat(2,minmax(0,1fr))}.container-gitter,.summen-leiste,.freigabe-aktionen{grid-template-columns:repeat(3,minmax(0,1fr))}.team-zeile{grid-template-columns:minmax(0,1.4fr) auto minmax(0,1fr) auto;align-items:center}.team-zeile.schmal{grid-template-columns:minmax(0,1fr) auto auto}.team-zeile .team-feld:nth-of-type(2){grid-column:3}.project-admin-list .project-admin-option{grid-template-columns:auto minmax(0,1fr) auto}.project-admin-list .state-badge{grid-column:auto;justify-self:end}.project-field-grid,.project-status-actions,.role-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.drawer{max-width:520px}}@media(min-width:1024px){.app-shell{padding-bottom:0;padding-left:232px}.bottom-nav{display:none}.topbar{padding-left:24px}.desktop-nav{position:fixed;z-index:40;top:0;bottom:0;left:0;width:232px;display:flex;flex-direction:column;gap:4px;padding:calc(86px + env(safe-area-inset-top)) 14px 20px;border-right:1px solid var(--line);background:#fff}.desktop-nav button{display:flex;align-items:center;gap:10px;min-height:42px;padding:0 12px;border:0;border-radius:12px;background:none;color:var(--muted);font-size:12px;font-weight:700;text-align:left}.desktop-nav button:hover{background:var(--bg);color:var(--ink)}.desktop-nav button.active{background:var(--ink);color:#fff}.desktop-nav button svg{flex:0 0 auto}.page{max-width:1180px;padding:30px 32px 56px}.katalog-page,.einkauf-page,.team-page{max-width:1180px}.katalog-gitter{grid-template-columns:repeat(auto-fill,minmax(236px,1fr));gap:16px}.katalog-karte{gap:12px;padding:12px}.karte-titel{font-size:14px}.filter-gitter{grid-template-columns:repeat(3,minmax(0,1fr))}.katalog-tabelle,.einkauf-tabelle{min-width:0;font-size:12px}.katalog-tabelle th,.katalog-tabelle td,.einkauf-tabelle th,.einkauf-tabelle td{padding:11px 12px}.drawer-backdrop{background:#1011143d}.drawer{max-width:620px;border-left:1px solid var(--line)}.drawer-inhalt{padding:18px 22px 24px}.drawer-kopf,.drawer-fuss{padding-left:22px;padding-right:22px}.summen-leiste{bottom:16px;grid-template-columns:repeat(6,minmax(0,1fr))}.einkauf-summen{grid-template-columns:repeat(2,minmax(0,1fr))}.freigabe-aktionen{grid-template-columns:repeat(3,minmax(0,1fr))}.team-zeile{grid-template-columns:minmax(0,1.5fr) auto minmax(0,220px) minmax(0,220px) auto auto}.team-zeile.schmal{grid-template-columns:minmax(0,1fr) auto auto}.role-guide-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.listen-leiste button{max-width:300px}}.katalog-karte button:focus-visible,.katalog-tabelle button:focus-visible,.drawer button:focus-visible,.desktop-nav button:focus-visible,.stufen-wahl button:focus-visible,.photo-ref-grid button:focus-visible,.listen-leiste button:focus-visible,.container-karte button:focus-visible,.projekt-wahl button:focus-visible,.ansicht-schalter button:focus-visible,.menge-stepper button:focus-visible,.menge-stepper input:focus-visible,.barcode-row input:focus-visible,.einladung-feld input:focus-visible{outline:2px solid var(--blue);outline-offset:2px}@media(prefers-reduced-motion:reduce){.drawer,.bottom-sheet{animation:none}.sheet-quick.syncing svg,.spin{animation:none}}.photo-ref-field,.barcode-field,.gps-field{display:block;min-width:0}.photo-ref-field>.field-hint,.barcode-field>.field-hint,.gps-field>.field-hint{margin-top:7px}.photo-ref-field>span:first-child,.barcode-field>span:first-child,.gps-field>span:first-child{display:block;margin-bottom:7px}.supplier-portal,.portal-state{min-height:100dvh;color:#17201c;background:radial-gradient(circle at 15% -10%,#d8f3e6 0,transparent 34rem),linear-gradient(180deg,#f8faf8,#f2f5f3)}.portal-header{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;min-height:70px;padding:calc(14px + env(safe-area-inset-top)) 18px 12px;border-bottom:1px solid #dfe6e1;background:#fafcfae6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.portal-header>strong{letter-spacing:.16em;font-size:13px}.portal-header>button{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 11px;border:1px solid #d8e0da;border-radius:999px;color:#24332c;background:#fff;font-size:12px;font-weight:800}.portal-header>button svg{width:16px}.portal-progress{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:7px}.portal-progress span{height:3px;border-radius:99px;background:#d9e1dc}.portal-progress span.done{background:#12855d}.portal-offline{display:flex;align-items:flex-start;justify-content:center;gap:8px;padding:10px 16px;color:#8a5700;background:#fff2d7;font-size:11px;line-height:1.45}.portal-offline svg{width:16px;flex:0 0 auto}.portal-body{width:min(100%,680px);margin:0 auto;padding:34px 18px calc(36px + env(safe-area-inset-bottom))}.portal-heading{margin-bottom:22px}.portal-heading h1{margin:0;font-size:clamp(28px,8vw,42px);line-height:1.02;letter-spacing:-.045em}.portal-heading>p:not(.eyebrow){margin:10px 0 0;color:#67716b;font-size:13px;line-height:1.55}.portal-dropzone{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:30px 18px;border:1.5px dashed #aebcb4;border-radius:24px;background:#ffffffd9;text-align:center;transition:border-color .15s ease,background .15s ease,transform .15s ease}.portal-dropzone.dragging{border-color:#12855d;background:#e8f7ef;transform:scale(1.01)}.portal-dropzone>svg{width:38px;height:38px;margin-bottom:6px;color:#12855d}.portal-dropzone>strong{font-size:16px}.portal-dropzone>small{max-width:440px;color:#7a847e;font-size:10px;line-height:1.55}.portal-dropzone>div{width:100%;display:grid;grid-template-columns:1fr;gap:8px;margin-top:13px}.portal-dropzone .primary{background:#173c30}.portal-file-list{display:grid;gap:10px;margin-top:16px}.portal-file-row{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px;overflow:hidden;border:1px solid #dfe6e1;border-radius:17px;background:#fff;box-shadow:0 4px 14px #152f250d}.portal-file-row.failed{border-color:#efc4c4}.portal-file-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:#116b4d;background:#e8f7ef}.portal-file-icon svg{width:20px}.portal-file-row>span:nth-child(2){min-width:0}.portal-file-row strong,.portal-file-row small,.portal-file-row em{display:block;overflow:hidden;text-overflow:ellipsis}.portal-file-row strong{font-size:12px;white-space:nowrap}.portal-file-row small{margin-top:4px;color:#68736d;font-size:9px;line-height:1.4}.portal-file-row em{margin-top:4px;color:#9a6705;font-size:9px;font-style:normal;font-weight:700}.portal-file-row>button,.portal-file-actions button{width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:10px;color:#9b4444;background:#fff0f0}.portal-file-row>button svg,.portal-file-actions button svg{width:17px}.portal-file-actions{display:flex;gap:5px}.portal-file-actions button:first-child:not(:last-child){color:#116b4d;background:#e8f7ef}.portal-file-row progress{grid-column:1 / -1;width:100%;height:4px;border:0;accent-color:#12855d}.portal-file-row i{grid-column:1 / -1;display:flex;gap:6px;padding:8px 9px;border-radius:9px;color:#845500;background:#fff3dc;font-size:9px;font-style:normal;line-height:1.4}.portal-file-row i svg{width:13px;flex:0 0 auto}.portal-privacy,.portal-next{display:flex;align-items:flex-start;gap:9px;margin:17px 0;padding:13px;border-radius:15px;color:#27664f;background:#e9f7f0;font-size:10px;line-height:1.55}.portal-privacy svg{width:17px;flex:0 0 auto}.portal-back{display:inline-flex;align-items:center;gap:7px;min-height:38px;margin:-10px 0 20px;padding:0;border:0;color:#3c5148;background:none;font-size:12px;font-weight:800}.portal-back svg{width:17px}.portal-details-card{padding:4px 18px 19px;border:1px solid #dfe6e1;border-radius:22px;background:#fff;box-shadow:0 8px 28px #152f250f}.portal-details-card .field input,.portal-details-card .field textarea{border-color:#cdd8d1}.portal-next{display:block;color:#4e5f57;background:#edf1ee}.portal-next strong{display:block;color:#21372e;font-size:11px}.portal-next p{margin:5px 0 0}.portal-error{display:flex;align-items:flex-start;gap:8px;margin:14px 0;padding:12px;border-radius:13px;color:#a23030;background:#fdecec;font-size:10px;line-height:1.5}.portal-error svg{width:16px;flex:0 0 auto}.portal-complete-page{display:flex;flex-direction:column}.portal-complete{width:min(100% - 36px,560px);margin:auto;padding:54px 24px;text-align:center}.portal-complete>svg{width:64px;height:64px;padding:15px;border-radius:22px;color:#fff;background:#12855d;box-shadow:0 15px 32px #12855d40}.portal-complete h1{margin:22px 0 8px;font-size:32px;letter-spacing:-.04em}.portal-complete>p{margin:0;color:#66736c;font-size:13px;line-height:1.6}.portal-complete>div{margin:25px 0;padding:18px;border:1px solid #dce5df;border-radius:18px;background:#fff}.portal-complete>div small,.portal-complete>div strong{display:block}.portal-complete>div small{color:#77827c;font-size:10px}.portal-complete>div strong{margin:6px 0 8px;font-size:17px;letter-spacing:.04em}.portal-close-hint{display:flex;align-items:flex-start;justify-content:center;gap:7px}.portal-close-hint svg{width:15px;flex:0 0 auto}.portal-state{display:grid;place-items:center;padding:24px}.portal-state>section{width:min(100%,460px);padding:42px 26px;border:1px solid #dfe6e1;border-radius:24px;background:#fff;text-align:center;box-shadow:0 16px 46px #152f2514}.portal-state>section>span{width:58px;height:58px;display:grid;place-items:center;margin:0 auto;border-radius:18px;color:#116b4d;background:#e8f7ef}.portal-state h1{margin:18px 0 8px;font-size:24px;letter-spacing:-.035em}.portal-state p{margin:0 0 18px;color:#69736e;font-size:12px;line-height:1.6}.portal-admin-page{max-width:1180px}.portal-admin-head{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:18px}.portal-admin-head h1{margin:0;font-size:27px;letter-spacing:-.04em}.portal-admin-head p:not(.eyebrow){max-width:680px;margin:7px 0 0;color:var(--muted);font-size:11px;line-height:1.55}.portal-admin-head .primary svg{width:17px}.portal-admin-tabs{display:grid;grid-template-columns:1fr 1fr auto;gap:7px;margin-bottom:14px;padding:5px;border:1px solid var(--line);border-radius:15px;background:#fff}.portal-admin-tabs button{min-width:0;min-height:42px;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 10px;border:0;border-radius:11px;color:var(--muted);background:transparent;font-size:11px;font-weight:800}.portal-admin-tabs button.active{color:#fff;background:var(--ink)}.portal-admin-tabs button svg{width:16px}.portal-admin-tabs button span{min-width:20px;padding:2px 5px;border-radius:999px;color:inherit;background:#80808026;font-size:9px}.portal-admin-list{display:grid;gap:11px}.portal-admin-card{padding:15px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 4px 14px #10111408}.portal-card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.portal-card-title>span{min-width:0}.portal-card-title strong,.portal-card-title small{display:block}.portal-card-title strong{font-size:13px;overflow-wrap:anywhere}.portal-card-title small{margin-top:4px;color:var(--muted);font-size:9px}.portal-status{flex:0 0 auto;padding:5px 8px;border-radius:999px;color:var(--muted);background:var(--bg);font-size:8px;font-style:normal;font-weight:900;text-transform:uppercase}.portal-status.offen,.portal-status.akzeptiert{color:var(--green);background:var(--green-soft)}.portal-status.quarantaene,.portal-status.entwurf{color:var(--amber);background:var(--amber-soft)}.portal-status.widerrufen,.portal-status.abgelehnt{color:var(--red);background:var(--red-soft)}.portal-card-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:13px 0}.portal-card-metrics span{min-width:0;padding:9px 5px;border-radius:11px;color:var(--muted);background:var(--bg);font-size:8px;text-align:center}.portal-card-metrics b{display:block;margin-bottom:2px;color:var(--ink);font-size:15px}.portal-admin-card>p{display:flex;align-items:center;gap:6px;margin:0 0 12px;color:var(--weak);font-size:9px}.portal-admin-card>p svg{width:13px}.portal-card-actions{display:flex;justify-content:flex-end;gap:7px}.portal-card-actions .secondary{min-height:38px}.portal-card-actions svg{width:15px}.portal-submission-row{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px;border:1px solid var(--line);border-radius:16px;color:var(--ink);background:#fff;text-align:left}.portal-submission-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:var(--blue);background:var(--blue-soft)}.portal-submission-icon svg{width:19px}.portal-submission-row>span:nth-child(2){min-width:0}.portal-submission-row strong,.portal-submission-row small,.portal-submission-row em{display:block;overflow-wrap:anywhere}.portal-submission-row strong{font-size:12px}.portal-submission-row small{margin-top:3px;color:var(--muted);font-size:9px}.portal-submission-row em{margin-top:5px;color:var(--weak);font-size:8px;font-style:normal}.portal-submission-row>svg{width:17px;color:var(--weak)}.portal-empty{margin-top:8px}.portal-type-options{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0;padding:0;border:0}.portal-type-options legend{width:100%;margin-bottom:2px;color:#424752;font-size:11px;font-weight:700}.portal-type-options label{cursor:pointer}.portal-type-options input{position:absolute;opacity:0}.portal-type-options span{min-height:36px;display:flex;align-items:center;padding:0 11px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:#fff;font-size:10px;font-weight:700}.portal-type-options input:checked+span{border-color:var(--ink);color:#fff;background:var(--ink)}.portal-type-options input:focus-visible+span{outline:2px solid var(--blue);outline-offset:2px}.portal-audit-note,.portal-scan-truth,.portal-retained{display:flex;align-items:flex-start;gap:8px;padding:11px;border-radius:12px;color:var(--green);background:var(--green-soft);font-size:9px;line-height:1.5}.portal-audit-note{margin:13px 0}.portal-audit-note svg,.portal-scan-truth>svg,.portal-retained svg{width:15px;flex:0 0 auto}.portal-created-dialog p{color:var(--muted);font-size:11px;line-height:1.55}.portal-created-icon{width:58px;height:58px;display:grid;place-items:center;margin:7px auto 16px;border-radius:18px;color:var(--green);background:var(--green-soft)}.portal-created-url{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:8px;border:1px solid var(--line);border-radius:13px;background:var(--bg)}.portal-created-url code{padding:7px;overflow:hidden;color:var(--ink);font-size:9px;line-height:1.45;overflow-wrap:anywhere}.portal-created-url button{width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:10px;color:#fff;background:var(--ink)}.portal-created-url svg{width:17px}.portal-review-drawer{width:100%;max-width:720px}.portal-review-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:15px 16px 0}.portal-review-summary span{padding:10px 6px;border-radius:11px;color:var(--muted);background:var(--bg);font-size:8px;text-align:center}.portal-review-summary b{display:block;color:var(--ink);font-size:16px}.portal-scan-truth{margin:12px 16px;color:var(--amber);background:var(--amber-soft)}.portal-scan-truth strong,.portal-scan-truth small{display:block}.portal-scan-truth strong{font-size:10px}.portal-scan-truth small{margin-top:3px;font-size:8px}.portal-review-files{display:grid;gap:10px;padding:0 16px calc(20px + env(safe-area-inset-bottom))}.portal-review-file{padding:13px;border:1px solid var(--line);border-radius:16px;background:#fff}.portal-review-file.removed{opacity:.68;background:var(--bg)}.portal-review-file>div:first-child{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px}.portal-review-file>div:first-child>svg{width:21px;color:var(--blue)}.portal-review-file strong,.portal-review-file small{display:block;overflow-wrap:anywhere}.portal-review-file strong{font-size:11px}.portal-review-file small{margin-top:3px;color:var(--muted);font-size:8px}.portal-review-file dl{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:12px 0 0}.portal-review-file dl>div{padding:8px;border-radius:10px;background:var(--bg)}.portal-review-file dt{color:var(--weak);font-size:8px}.portal-review-file dd{margin:3px 0 0;font-size:9px;font-weight:800;overflow-wrap:anywhere}.portal-retained{margin:10px 0 0;color:var(--amber);background:var(--amber-soft)}.portal-review-actions{display:flex!important;flex-wrap:wrap;justify-content:flex-end;gap:7px!important;margin-top:12px}.portal-review-actions .primary,.portal-review-actions .secondary{min-height:38px;padding:0 11px;font-size:10px;text-decoration:none}.portal-review-actions svg{width:15px}.portal-review-actions .danger{color:var(--red);border-color:#efcaca}@media(min-width:520px){.portal-dropzone>div{grid-template-columns:1fr 1fr;width:min(100%,390px)}.portal-admin-head{flex-direction:row;align-items:flex-start;justify-content:space-between}.portal-admin-list{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-submission-row{grid-column:1 / -1}}@media(min-width:900px){.portal-header{padding-left:max(28px,calc((100vw - 1060px)/2));padding-right:max(28px,calc((100vw - 1060px)/2))}.portal-body{padding-top:54px}.portal-admin-list{grid-template-columns:repeat(3,minmax(0,1fr))}.portal-submission-row{grid-column:auto}.portal-review-file dl{grid-template-columns:repeat(4,1fr)}}.supplier-portal button:focus-visible,.portal-state button:focus-visible,.portal-admin-page button:focus-visible,.portal-review-drawer button:focus-visible,.portal-created-dialog button:focus-visible{outline:2px solid #0878d1;outline-offset:2px}@media(prefers-reduced-motion:reduce){.portal-dropzone{transition:none}}