:root{--stateo-bg:#081426;--stateo-panel:#0f2037;--stateo-gold:#d8a84e;--stateo-gold2:#f0cf87;--stateo-text:#f5f7fb;--stateo-muted:#91a0b8;--stateo-success:#6fd8a0;--stateo-danger:#ef6f73}
html:has(#stateo-app),body:has(#stateo-app){overflow:hidden!important}
#stateo-app,#stateo-app *{box-sizing:border-box}
#stateo-app{position:fixed;inset:0;z-index:2147483000;color:var(--stateo-text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 72% 15%,rgba(33,63,102,.34),transparent 34%),linear-gradient(135deg,#071222,#0a1a2f 50%,#081426);line-height:1.45}
.stateo-shell{display:grid;grid-template-columns:278px 1fr;height:100vh}
.stateo-sidebar{display:flex;flex-direction:column;padding:18px;border-right:1px solid rgba(216,168,78,.26);background:linear-gradient(180deg,rgba(9,24,43,.98),rgba(7,19,35,.98))}
.stateo-brand{border:1px solid rgba(216,168,78,.48);border-radius:15px;padding:7px}
.stateo-brand img{width:100%;height:76px;object-fit:contain;display:block;border-radius:10px}
.stateo-nav{display:flex;flex-direction:column;gap:8px;margin-top:48px}
.stateo-nav-item,.stateo-logout{border:1px solid transparent;border-radius:12px;background:transparent;color:#eef2f8;display:flex;align-items:center;gap:14px;padding:14px 15px;font-size:15px;cursor:pointer}
.stateo-nav-item span,.stateo-logout span{width:28px;height:28px;display:grid;place-items:center;color:var(--stateo-gold);font-size:21px}
.stateo-nav-item:hover,.stateo-nav-item.is-active{border-color:rgba(216,168,78,.55);background:linear-gradient(90deg,rgba(216,168,78,.1),rgba(41,70,104,.18))}
.stateo-logout{margin-top:auto;border-color:rgba(216,168,78,.55)}
.stateo-main{height:100vh;overflow-y:auto;padding:22px 34px 60px}
.stateo-topbar{display:flex;justify-content:space-between;align-items:center;min-height:52px;margin-bottom:24px}
.stateo-eyebrow{color:var(--stateo-gold);font-size:10px;font-weight:800;letter-spacing:.24em}.stateo-top-title{font-size:15px;color:var(--stateo-muted)}
.stateo-timeout{display:flex;align-items:center;gap:10px;color:#b9c3d3;font-size:12px}.stateo-timeout strong{color:#fff}.stateo-clock{width:32px;height:32px;border:1px solid var(--stateo-gold);border-radius:50%;display:grid;place-items:center;color:var(--stateo-gold)}
.stateo-view{display:none}.stateo-view.is-active{display:block}
.stateo-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.stateo-page-head h1{font-size:42px;line-height:1.05;margin:0 0 7px;letter-spacing:-.035em}.stateo-page-head p{color:var(--stateo-muted);margin:0}
.stateo-month-chip{border:1px solid rgba(216,168,78,.27);border-radius:999px;padding:8px 14px;color:var(--stateo-gold2);background:rgba(216,168,78,.06)}
.stateo-grid{display:grid;gap:18px;margin-bottom:18px}.stateo-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.stateo-grid-main{grid-template-columns:minmax(0,1.6fr) minmax(290px,.8fr)}.stateo-grid-analytics{grid-template-columns:minmax(0,1.75fr) minmax(290px,.75fr)}
.stateo-card,.stateo-type-card,.stateo-metric,.stateo-log-summary{border:1px solid rgba(151,170,197,.18);background:linear-gradient(145deg,rgba(16,36,61,.92),rgba(11,27,47,.93));border-radius:15px;box-shadow:0 14px 34px rgba(0,0,0,.12)}
.stateo-card{padding:24px;margin-bottom:18px}.stateo-highlight-card{border-color:rgba(216,168,78,.28)}.stateo-card-title{color:var(--stateo-gold);font-size:17px;font-weight:750;margin-bottom:18px}.stateo-card-title-row{display:flex;justify-content:space-between;gap:16px;margin-bottom:14px}.stateo-card-title-row .stateo-card-title{margin-bottom:3px}.stateo-muted{color:var(--stateo-muted)}
.stateo-type-card{min-height:122px;padding:24px 28px;color:#fff;display:flex;align-items:center;gap:22px;cursor:pointer;text-align:left}.stateo-type-card:hover,.stateo-type-card.is-active{border-color:var(--stateo-gold)}.stateo-type-icon{color:var(--stateo-gold);font-size:38px;width:64px;text-align:center}.stateo-type-card strong{display:block;font-size:19px;margin-bottom:6px}.stateo-type-card small{display:block;color:var(--stateo-muted)}.stateo-type-card i{width:20px;height:20px;border:1px solid #9babbe;border-radius:50%;margin-left:auto}.stateo-type-card.is-active i{border:5px solid var(--stateo-gold)}
.stateo-form label{display:block;color:#c8d0dc;font-size:13px;margin-bottom:7px}.stateo-form input,.stateo-form select,.stateo-log-filters select,.stateo-select-compact{width:100%;min-height:44px;border:1px solid rgba(142,160,186,.28);border-radius:9px;color:#f3f6fa;background:#0d2037;outline:none;padding:10px 13px;font-size:14px}.stateo-form input:focus,.stateo-form select:focus,.stateo-log-filters select:focus,.stateo-select-compact:focus{border-color:var(--stateo-gold)}
.stateo-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.stateo-span-2{grid-column:1/-1}.stateo-form-actions{display:flex;align-items:flex-end;justify-content:flex-end}.stateo-btn{border:0;border-radius:9px;min-height:44px;padding:10px 24px;font-size:14px;font-weight:800;cursor:pointer}.stateo-btn-primary{color:#152033;background:linear-gradient(135deg,#f0cf87,#c9953b)}.stateo-btn-wide{width:100%}
.stateo-form-message{min-height:18px;font-size:13px;color:var(--stateo-muted)}.stateo-form-message.is-error{color:var(--stateo-danger)}.stateo-form-message.is-success{color:var(--stateo-success)}
.stateo-big-label{color:#cbd3df}.stateo-big-number{font-size:46px;font-weight:760;letter-spacing:-.04em}.stateo-progress{height:8px;background:#071426;border-radius:99px;overflow:hidden;margin-top:28px}.stateo-progress span{display:block;height:100%;background:linear-gradient(90deg,#b9842e,#f0cf87)}.stateo-progress-meta{display:flex;justify-content:space-between;color:var(--stateo-muted);font-size:12px;margin-top:8px}.stateo-empty-mini{margin-top:22px;color:var(--stateo-muted);border:1px dashed rgba(216,168,78,.25);padding:14px;border-radius:9px}
.stateo-link-button{border:0;background:transparent;color:var(--stateo-gold);cursor:pointer}.stateo-table-wrap{overflow-x:auto}.stateo-table{width:100%;border-collapse:collapse;color:#dce2eb;font-size:13px}.stateo-table th{text-align:left;color:#8f9db1;font-weight:600;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.09)}.stateo-table td{padding:12px;border-bottom:1px solid rgba(255,255,255,.07)}.stateo-empty-cell{text-align:center;color:var(--stateo-muted);padding:28px!important}
.stateo-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.stateo-metric{padding:19px}.stateo-metric small{display:block;color:var(--stateo-muted);margin-bottom:8px}.stateo-metric strong{display:block;font-size:20px;margin-bottom:6px}.stateo-metric>div{color:#9ca9bc;font-size:12px}.stateo-trend{display:inline-flex;margin-left:5px;font-weight:800}.stateo-trend.is-up{color:var(--stateo-success)}.stateo-trend.is-down{color:var(--stateo-danger)}
.stateo-year-total{font-size:22px;font-weight:750}.stateo-chart{height:280px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px;align-items:end;padding-top:14px;position:relative}.stateo-chart-goal{position:absolute;z-index:3;left:0;right:0;bottom:calc(29px + (100% - 54px) * var(--stateo-goal-pos));border-top:2px dashed var(--stateo-gold);pointer-events:none;filter:drop-shadow(0 0 3px rgba(216,168,78,.25))}.stateo-chart-goal span{position:absolute;right:0;bottom:6px;padding:2px 7px;border-radius:6px;background:#0d2037;color:var(--stateo-gold2);font-size:10px;font-weight:700;white-space:nowrap;border:1px solid rgba(216,168,78,.25)}.stateo-bar-col{height:100%;display:grid;grid-template-rows:18px 1fr 22px;gap:7px;text-align:center;color:#8392a7;font-size:10px}.stateo-bar-value{color:#c9d1dc;font-size:9px}.stateo-bar-track{height:100%;display:flex;align-items:flex-end;justify-content:center;border-bottom:1px solid rgba(216,168,78,.18)}.stateo-bar{width:min(30px,78%);min-height:2px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#f0cf87,#b47f29)}
.stateo-insight-list>div{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.075);color:var(--stateo-muted)}.stateo-insight-list strong{color:#fff}.stateo-goal-number{font-size:38px;font-weight:800}.stateo-progress-lg{height:12px}
.stateo-compare{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center}.stateo-compare>div:not(.stateo-compare-arrow){background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);border-radius:11px;padding:15px}.stateo-compare small{display:block;color:var(--stateo-muted)}.stateo-compare-arrow{color:var(--stateo-gold);font-size:24px}.stateo-compare-foot{margin-top:15px;color:var(--stateo-muted);font-size:13px}
.stateo-month-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.stateo-month-grid>div{display:flex;flex-direction:column;gap:4px;border:1px solid rgba(255,255,255,.065);background:rgba(255,255,255,.018);border-radius:10px;padding:14px}.stateo-month-grid span{color:var(--stateo-muted);font-size:12px}
.stateo-note-card p{color:var(--stateo-muted)}.stateo-note-badge{margin-top:22px;border:1px solid rgba(216,168,78,.3);background:rgba(216,168,78,.07);color:var(--stateo-gold2);border-radius:9px;padding:12px 14px;font-size:12px}.stateo-select-compact{width:auto;min-width:110px}.stateo-log-filters{display:flex;gap:9px}.stateo-log-filters select{width:auto;min-width:120px}.stateo-log-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px}.stateo-log-summary>div{padding:20px 22px;border-right:1px solid rgba(255,255,255,.075)}.stateo-log-summary small{display:block;color:var(--stateo-muted);margin-bottom:5px}.stateo-log-summary strong{font-size:20px}
.stateo-option-row{display:grid;grid-template-columns:1fr minmax(220px,.6fr);gap:20px;align-items:center;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.075)}.stateo-option-row strong{display:block;margin-bottom:4px}.stateo-option-row span{display:block;color:var(--stateo-muted);font-size:12px}.stateo-inline-input{display:flex;align-items:center;gap:8px}.stateo-options-actions{display:flex;justify-content:flex-end;margin-top:20px}.stateo-admin-hint{margin-top:22px}
.stateo-toast{position:fixed;right:24px;bottom:24px;min-width:260px;padding:13px 16px;border-radius:10px;color:#fff;background:#102640;border:1px solid rgba(216,168,78,.35);opacity:0;transform:translateY(20px);transition:.2s}.stateo-toast.is-visible{opacity:1;transform:none}.stateo-toast.is-error{border-color:rgba(239,111,115,.6)}
.stateo-login-shell{display:grid;place-items:center;grid-template-columns:1fr;overflow:auto;padding:24px}.stateo-login-card{width:min(460px,100%);border:1px solid rgba(216,168,78,.36);background:linear-gradient(145deg,rgba(16,36,61,.96),rgba(7,20,37,.98));border-radius:20px;padding:28px;box-shadow:0 35px 90px rgba(0,0,0,.45)}.stateo-login-logo{width:100%;height:120px;object-fit:contain;border-radius:12px;margin-bottom:23px}.stateo-login-kicker{color:var(--stateo-gold);text-transform:uppercase;letter-spacing:.16em;font-size:10px;font-weight:800}.stateo-login-card h1{margin:8px 0;font-size:30px}.stateo-login-card>p{color:var(--stateo-muted);margin:0 0 24px}.stateo-password-wrap{position:relative}.stateo-password-wrap input{padding-right:44px}.stateo-eye{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:32px;height:32px;border:0;background:transparent;color:var(--stateo-gold);cursor:pointer}.stateo-login-form .stateo-btn{margin-top:14px}.stateo-login-foot{margin-top:24px;text-align:center;color:#65758b;font-size:11px}.is-hidden{display:none!important}
@media(max-width:1100px){.stateo-shell{grid-template-columns:232px 1fr}.stateo-main{padding-left:24px;padding-right:24px}.stateo-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.stateo-grid-main,.stateo-grid-analytics{grid-template-columns:1fr}.stateo-month-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.stateo-shell{display:block}.stateo-sidebar{position:fixed;z-index:5;left:0;right:0;bottom:0;height:72px;flex-direction:row;padding:8px;border-top:1px solid rgba(216,168,78,.26)}.stateo-brand{display:none}.stateo-nav{flex:1;margin:0;flex-direction:row;gap:4px}.stateo-nav-item{flex:1;justify-content:center;padding:8px 5px;font-size:0}.stateo-nav-item span{font-size:22px}.stateo-logout{width:44px;margin:0 0 0 4px;padding:7px;justify-content:center;font-size:0}.stateo-main{height:calc(100vh - 72px);padding:16px 15px 40px}.stateo-topbar>div:first-child{display:none}.stateo-timeout{margin-left:auto}.stateo-page-head{align-items:flex-start}.stateo-page-head h1{font-size:30px}.stateo-grid-2,.stateo-form-grid,.stateo-metrics,.stateo-log-summary{grid-template-columns:1fr}.stateo-type-card{min-height:98px;padding:18px}.stateo-card{padding:18px}.stateo-span-2{grid-column:auto}.stateo-month-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stateo-option-row{grid-template-columns:1fr}.stateo-log-filters{width:100%}.stateo-log-filters select{flex:1;min-width:0}}

.stateo-log-action-head,.stateo-log-action{width:52px;text-align:right!important}.stateo-delete-sale{width:34px;height:34px;border:1px solid rgba(239,111,115,.28);border-radius:8px;background:rgba(239,111,115,.05);color:#cf7a7e;font-size:20px;line-height:1;cursor:pointer;transition:.18s ease}.stateo-delete-sale:hover{border-color:rgba(239,111,115,.7);background:rgba(239,111,115,.12);color:#ff9a9e}.stateo-delete-sale:disabled{opacity:.4;cursor:wait}

/* STATEO 0.1.3 – vollständige Button-Isolation vom aktiven WordPress-Theme */
#stateo-app button,
#stateo-app input[type="button"],
#stateo-app input[type="submit"] {
    -webkit-appearance: none !important;
    appearance: none !important;
    font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    text-transform: none !important;
    text-decoration: none !important;
    letter-spacing: normal !important;
    text-shadow: none !important;
    box-shadow: none !important;
    outline: 0 !important;
}

#stateo-app .stateo-nav-item,
#stateo-app .stateo-logout {
    border: 1px solid transparent !important;
    border-radius: 12px !important;
    background: transparent !important;
    color: #eef2f8 !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 14px 15px !important;
    margin: 0 !important;
    width: 100% !important;
    min-height: 0 !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    cursor: pointer !important;
}
#stateo-app .stateo-nav-item:hover,
#stateo-app .stateo-nav-item:focus,
#stateo-app .stateo-nav-item.is-active {
    border-color: rgba(216,168,78,.55) !important;
    background: linear-gradient(90deg,rgba(216,168,78,.10),rgba(41,70,104,.18)) !important;
    color: #fff !important;
}
#stateo-app .stateo-logout {
    margin-top: auto !important;
    border-color: rgba(216,168,78,.55) !important;
}
#stateo-app .stateo-logout:hover,
#stateo-app .stateo-logout:focus {
    background: rgba(216,168,78,.08) !important;
    color: #fff !important;
}

#stateo-app .stateo-type-card {
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 100% !important;
    min-height: 122px !important;
    padding: 24px 28px !important;
    margin: 0 !important;
    border: 1px solid rgba(151,170,197,.18) !important;
    border-radius: 15px !important;
    background: linear-gradient(145deg,rgba(16,36,61,.92),rgba(11,27,47,.93)) !important;
    color: #fff !important;
    display: flex !important;
    align-items: center !important;
    gap: 22px !important;
    text-align: left !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
    cursor: pointer !important;
}
#stateo-app .stateo-type-card:hover,
#stateo-app .stateo-type-card:focus,
#stateo-app .stateo-type-card.is-active {
    border-color: #d8a84e !important;
    background: linear-gradient(145deg,rgba(18,40,68,.97),rgba(12,29,50,.97)) !important;
}

#stateo-app .stateo-btn,
#stateo-app button.stateo-btn {
    -webkit-appearance: none !important;
    appearance: none !important;
    border: 0 !important;
    border-radius: 9px !important;
    min-height: 44px !important;
    padding: 10px 24px !important;
    margin: 0 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    cursor: pointer !important;
    text-align: center !important;
}
#stateo-app .stateo-btn-primary,
#stateo-app button.stateo-btn-primary {
    color: #152033 !important;
    background: linear-gradient(135deg,#f0cf87,#c9953b) !important;
    border: 0 !important;
    box-shadow: 0 8px 22px rgba(216,168,78,.17) !important;
}
#stateo-app .stateo-btn-primary:hover,
#stateo-app .stateo-btn-primary:focus {
    color: #0d1725 !important;
    background: linear-gradient(135deg,#f7d994,#d5a245) !important;
    transform: translateY(-1px) !important;
}
#stateo-app .stateo-btn-wide { width: 100% !important; }
#stateo-app .stateo-login-form .stateo-btn { margin-top: 14px !important; }

#stateo-app .stateo-link-button {
    -webkit-appearance: none !important;
    appearance: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #d8a84e !important;
    padding: 0 !important;
    margin: 0 !important;
    min-height: 0 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    cursor: pointer !important;
}
#stateo-app .stateo-link-button:hover,
#stateo-app .stateo-link-button:focus { color: #f0cf87 !important; }

#stateo-app .stateo-eye {
    -webkit-appearance: none !important;
    appearance: none !important;
    position: absolute !important;
    right: 7px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: transparent !important;
    color: #d8a84e !important;
    display: grid !important;
    place-items: center !important;
    cursor: pointer !important;
}

#stateo-app .stateo-delete-sale,
#stateo-app button.stateo-delete-sale {
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 1px solid rgba(239,111,115,.22) !important;
    border-radius: 8px !important;
    background: rgba(239,111,115,.06) !important;
    color: #ef8d90 !important;
    display: inline-grid !important;
    place-items: center !important;
    cursor: pointer !important;
    line-height: 1 !important;
}
#stateo-app .stateo-delete-sale:hover,
#stateo-app .stateo-delete-sale:focus {
    border-color: rgba(239,111,115,.52) !important;
    background: rgba(239,111,115,.13) !important;
    color: #ffb0b2 !important;
}

@media(max-width:760px){
    #stateo-app .stateo-nav-item{padding:8px 5px !important;font-size:0 !important;justify-content:center !important}
    #stateo-app .stateo-logout{width:44px !important;margin:0 0 0 4px !important;padding:7px !important;font-size:0 !important;justify-content:center !important}
    #stateo-app .stateo-type-card{min-height:98px !important;padding:18px !important}
}

/* STATEO Work / Navigation 0.3 */
#stateo-app .stateo-nav-divider{border:0!important;border-top:1px solid rgba(216,168,78,.28)!important;width:calc(100% - 18px)!important;margin:16px 9px 8px!important;height:1px!important;background:none!important}
#stateo-app .stateo-grid-work{grid-template-columns:minmax(320px,.85fr) minmax(420px,1.15fr)}
#stateo-app .stateo-work-status-card{border-color:rgba(216,168,78,.25)!important}
#stateo-app .stateo-work-live{display:flex;align-items:center;gap:8px;color:var(--stateo-gold);font-weight:800;letter-spacing:.12em}
#stateo-app .stateo-live-dot{width:9px;height:9px;border-radius:50%;background:var(--stateo-gold);box-shadow:0 0 16px rgba(216,168,78,.7)}
#stateo-app .stateo-work-current{font-size:34px;font-weight:800;letter-spacing:-.03em;margin-top:9px;color:#fff}
#stateo-app .stateo-work-since{color:var(--stateo-muted);margin-top:3px}
#stateo-app .stateo-work-today-title{margin:32px 0 10px;color:var(--stateo-gold);font-weight:800}
#stateo-app .stateo-work-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#stateo-app .stateo-work-mini-grid>div{border:1px solid rgba(255,255,255,.07);border-radius:10px;background:rgba(255,255,255,.018);padding:11px 12px;display:flex;justify-content:space-between;gap:8px}
#stateo-app .stateo-work-mini-grid span{color:var(--stateo-muted);font-size:12px}
#stateo-app .stateo-work-mini-grid strong{color:#fff;font-size:12px}
#stateo-app .stateo-work-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
#stateo-app button.stateo-work-button{all:unset!important;box-sizing:border-box!important;min-height:122px!important;border:1px solid rgba(151,170,197,.18)!important;border-radius:14px!important;background:linear-gradient(145deg,rgba(17,39,66,.96),rgba(10,26,46,.96))!important;padding:22px!important;cursor:pointer!important;display:flex!important;flex-direction:column!important;justify-content:center!important;transition:.18s ease!important;color:#fff!important;font-family:inherit!important}
#stateo-app button.stateo-work-button:hover,#stateo-app button.stateo-work-button.is-active{border-color:var(--stateo-gold)!important;box-shadow:inset 0 0 0 1px rgba(216,168,78,.12),0 14px 30px rgba(0,0,0,.14)!important}
#stateo-app button.stateo-work-button span{font-size:20px!important;font-weight:800!important}
#stateo-app button.stateo-work-button small{margin-top:5px!important;color:var(--stateo-muted)!important;font-size:12px!important}
#stateo-app button.stateo-work-button.is-active small{color:var(--stateo-gold2)!important}
#stateo-app .stateo-work-hint{margin-top:18px;color:var(--stateo-muted);font-size:12px;border-top:1px solid rgba(255,255,255,.07);padding-top:14px}
#stateo-app .stateo-work-pause-total{font-size:30px}
@media(max-width:1000px){#stateo-app .stateo-grid-work{grid-template-columns:1fr}}
@media(max-width:760px){#stateo-app .stateo-nav-divider{display:none!important}#stateo-app .stateo-work-buttons{grid-template-columns:1fr}#stateo-app .stateo-work-mini-grid{grid-template-columns:1fr}#stateo-app .stateo-work-current{font-size:27px}}


/* STATEO 0.3.2 Work LOG Markierungen */
#stateo-app .stateo-worklog-table tbody tr.stateo-work-row td:first-child{position:relative;padding-left:18px!important}
#stateo-app .stateo-worklog-table tbody tr.stateo-work-row td:first-child:before{content:"";position:absolute;left:4px;top:12px;bottom:12px;width:3px;border-radius:3px;background:rgba(216,168,78,.75)}
#stateo-app .stateo-work-row-pause{opacity:.72}
#stateo-app .stateo-work-row-pause td:first-child:before{background:rgba(151,170,197,.55)!important}
#stateo-app .stateo-work-mark{display:inline-flex!important;align-items:center!important;gap:8px!important;font-size:12px!important;font-weight:800!important;white-space:nowrap!important;color:#fff!important}
#stateo-app .stateo-work-mark i{display:inline-block!important;width:9px!important;height:9px!important;border-radius:50%!important;background:var(--stateo-gold)!important;box-shadow:0 0 0 3px rgba(216,168,78,.10)!important}
#stateo-app .stateo-work-mark-measurement i{border-radius:2px!important;transform:rotate(45deg)!important}
#stateo-app .stateo-work-mark-ab_check i{border-radius:2px!important}
#stateo-app .stateo-work-mark-planning i{width:11px!important;height:5px!important;border-radius:6px!important}
#stateo-app .stateo-work-mark-pause{color:var(--stateo-muted)!important}
#stateo-app .stateo-work-mark-pause i{background:rgba(151,170,197,.75)!important;box-shadow:none!important}
#stateo-app .stateo-work-legend{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.07)}

/* STATEO 0.3.3 – Work LOG Wochenmatrix */
#stateo-app .stateo-week-card{overflow:hidden!important}
#stateo-app .stateo-week-explain{margin:-4px 0 16px!important;max-width:920px!important;font-size:12px!important;line-height:1.5!important}
#stateo-app .stateo-week-scroll{width:100%!important;overflow-x:auto!important;padding-bottom:6px!important}
#stateo-app table.stateo-week-table{width:100%!important;min-width:1040px!important;border-collapse:separate!important;border-spacing:0!important;table-layout:fixed!important;background:transparent!important;color:#fff!important}
#stateo-app .stateo-week-table th,
#stateo-app .stateo-week-table td{border:0!important;border-right:1px solid rgba(255,255,255,.065)!important;border-bottom:1px solid rgba(255,255,255,.065)!important;background:rgba(255,255,255,.012)!important;padding:6px!important;vertical-align:top!important}
#stateo-app .stateo-week-table thead th{height:44px!important;background:rgba(216,168,78,.075)!important;color:var(--stateo-gold2)!important;font-size:12px!important;font-weight:800!important;text-align:center!important;letter-spacing:.02em!important;position:sticky!important;top:0!important;z-index:2!important}
#stateo-app .stateo-week-table .stateo-week-time-head{width:72px!important;left:0!important;z-index:4!important}
#stateo-app .stateo-week-table .stateo-week-time{width:72px!important;background:#0b2038!important;color:var(--stateo-muted)!important;font-size:11px!important;font-weight:800!important;text-align:center!important;vertical-align:middle!important;position:sticky!important;left:0!important;z-index:3!important}
#stateo-app .stateo-week-table tr:first-child th{border-top:1px solid rgba(255,255,255,.065)!important}
#stateo-app .stateo-week-table th:first-child,
#stateo-app .stateo-week-table td:first-child{border-left:1px solid rgba(255,255,255,.065)!important}
#stateo-app .stateo-week-cell{height:68px!important;min-width:132px!important}
#stateo-app .stateo-week-cell.has-work{background:rgba(216,168,78,.025)!important}
#stateo-app .stateo-week-entries{display:flex!important;flex-direction:column!important;gap:4px!important}
#stateo-app .stateo-week-entry{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:7px!important;padding:5px 7px!important;background:rgba(16,39,66,.9)!important;line-height:1.15!important}
#stateo-app .stateo-week-entry strong{font-size:10px!important;font-weight:800!important;color:#fff!important;white-space:nowrap!important}
#stateo-app .stateo-week-entry small{font-size:9px!important;color:var(--stateo-muted)!important;white-space:nowrap!important}
#stateo-app .stateo-week-entry-consulting{border-left:3px solid #d8a84e!important}
#stateo-app .stateo-week-entry-measurement{border-left:3px solid #5aa7d8!important}
#stateo-app .stateo-week-entry-ab_check{border-left:3px solid #8d78d8!important}
#stateo-app .stateo-week-entry-planning{border-left:3px solid #58b987!important}
#stateo-app .stateo-week-empty{display:block!important;text-align:center!important;color:rgba(255,255,255,.12)!important;font-size:17px!important;line-height:54px!important}
@media(max-width:760px){
  #stateo-app .stateo-week-card{padding-left:12px!important;padding-right:12px!important}
  #stateo-app table.stateo-week-table{min-width:980px!important}
  #stateo-app .stateo-week-cell{height:62px!important}
}

/* STATEO 0.3.5 – aktive Work-Tätigkeit deutlich gelb */
#stateo-app button.stateo-work-button.is-active{
  background:linear-gradient(145deg,#d9aa4e,#b98227)!important;
  border-color:#f1cf84!important;
  color:#081a2d!important;
  box-shadow:0 10px 28px rgba(216,168,78,.22), inset 0 0 0 1px rgba(255,255,255,.2)!important;
}
#stateo-app button.stateo-work-button.is-active span{
  color:#081a2d!important;
}
#stateo-app button.stateo-work-button.is-active small{
  color:#10243c!important;
  font-weight:800!important;
}
#stateo-app button.stateo-work-button:disabled{
  cursor:wait!important;
  opacity:.72!important;
}
#stateo-app .stateo-week-table .stateo-week-time{
  width:108px!important;
}
#stateo-app .stateo-week-table .stateo-week-time-head{
  width:108px!important;
}

/* STATEO 0.4.0 – neue direkte Work-Logik + Versionsanzeige */
#stateo-app .stateo-version{
  position:absolute!important;
  right:18px!important;
  bottom:12px!important;
  z-index:30!important;
  color:rgba(216,168,78,.72)!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
  pointer-events:none!important;
  user-select:none!important;
}
#stateo-app button.stateo-work-button{
  -webkit-tap-highlight-color:transparent!important;
  touch-action:manipulation!important;
}
#stateo-app button.stateo-work-button.is-active{
  background:linear-gradient(145deg,#e0b158,#bd862b)!important;
  border-color:#f2d48f!important;
  color:#07192c!important;
}
@media(max-width:760px){
  #stateo-app .stateo-version{right:10px!important;bottom:7px!important;font-size:9px!important}
}

/* STATEO 0.4.1 – Live-Timer rechts */
#stateo-app .stateo-work-timer{
  margin-top:18px!important;
  color:var(--stateo-gold2)!important;
  font-size:46px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.035em!important;
  font-variant-numeric:tabular-nums!important;
}
#stateo-app .stateo-work-since{
  margin-top:8px!important;
  font-size:13px!important;
}
#stateo-app .stateo-week-entry[data-live-entry="1"]{
  outline:1px solid rgba(216,168,78,.45)!important;
  box-shadow:inset 0 0 0 1px rgba(216,168,78,.10)!important;
}
#stateo-app .stateo-week-entry[data-live-entry="1"] small{
  color:var(--stateo-gold2)!important;
  font-weight:800!important;
}
#stateo-app .stateo-version{
  position:absolute!important;
  right:18px!important;
  bottom:12px!important;
  z-index:30!important;
  color:rgba(216,168,78,.72)!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
  pointer-events:none!important;
}
@media(max-width:760px){
  #stateo-app .stateo-work-timer{font-size:36px!important}
  #stateo-app .stateo-version{right:10px!important;bottom:7px!important;font-size:9px!important}
}


/* STATEO 0.5.0 — Ultra-professioneller Monats-LOG */
#stateo-app .stateo-customer-hit{
  width:100%!important;margin-top:14px!important;min-height:72px!important;
  display:flex!important;align-items:center!important;gap:14px!important;padding:14px 18px!important;
  border-radius:16px!important;border:1px solid rgba(216,168,78,.38)!important;
  background:linear-gradient(145deg,rgba(216,168,78,.17),rgba(216,168,78,.06))!important;
  color:#fff!important;text-align:left!important;transition:.16s ease!important;
}
#stateo-app .stateo-customer-hit:hover{transform:translateY(-1px)!important;border-color:rgba(241,207,132,.75)!important}
#stateo-app .stateo-customer-hit-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--stateo-gold);color:#07192c;font-size:18px;box-shadow:0 0 0 8px rgba(216,168,78,.09)}
#stateo-app .stateo-customer-hit strong{display:block;font-size:15px;letter-spacing:.08em}
#stateo-app .stateo-customer-hit small{display:block;margin-top:3px;color:rgba(255,255,255,.60);font-size:11px}
#stateo-app .stateo-customer-hit.is-saving{opacity:.62!important;pointer-events:none!important}
#stateo-app .stateo-customer-hit.is-hit{box-shadow:0 0 0 4px rgba(216,168,78,.13),0 0 30px rgba(216,168,78,.18)!important}

#stateo-app .stateo-log-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}
#stateo-app .stateo-log-kpi{padding:18px!important}
#stateo-app .stateo-log-kpi small{display:block;color:rgba(255,255,255,.55);font-size:10px;text-transform:uppercase;letter-spacing:.12em}
#stateo-app .stateo-log-kpi strong{display:block;margin:7px 0 4px;color:#fff;font-size:28px;font-weight:900}
#stateo-app .stateo-log-kpi span{font-size:11px;color:rgba(255,255,255,.48)}

#stateo-app .stateo-month-timeline-card{padding:20px!important;overflow:hidden}
#stateo-app .stateo-timeline-title-row{align-items:flex-start!important}
#stateo-app .stateo-timeline-help{margin:5px 0 0;color:rgba(255,255,255,.52);font-size:12px;line-height:1.5}
#stateo-app .stateo-timeline-legend{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
#stateo-app .stateo-tl-leg{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.035);font-size:10px;color:rgba(255,255,255,.65)}
#stateo-app .stateo-tl-leg i{width:8px;height:8px;border-radius:50%;display:block}
#stateo-app .stateo-tl-leg.consulting i{background:#d8a84e}
#stateo-app .stateo-tl-leg.planning i{background:#5aa9ff}
#stateo-app .stateo-tl-leg.measurement i{background:#46c7c7}
#stateo-app .stateo-tl-leg.ab_check i{background:#a983ff}
#stateo-app .stateo-tl-leg.pause i{background:#7d8794}
#stateo-app .stateo-tl-leg.customer i{background:#f3ca6a;box-shadow:0 0 0 3px rgba(243,202,106,.12)}

#stateo-app .stateo-month-timeline-scroll{overflow:auto;margin-top:16px;padding-bottom:5px}
#stateo-app .stateo-month-timeline{min-width:1040px}
#stateo-app .stateo-timeline-head,#stateo-app .stateo-timeline-row{display:grid;grid-template-columns:82px minmax(850px,1fr);align-items:stretch}
#stateo-app .stateo-timeline-head{position:sticky;top:0;z-index:7;background:#0b1e34;padding-bottom:6px}
#stateo-app .stateo-timeline-day-label{padding:8px 10px 8px 2px;border-right:1px solid rgba(255,255,255,.07)}
#stateo-app .stateo-timeline-day-label strong{display:block;color:#fff;font-size:11px}
#stateo-app .stateo-timeline-day-label span{display:block;margin-top:2px;color:rgba(255,255,255,.45);font-size:10px}
#stateo-app .stateo-timeline-scale{position:relative;height:28px}
#stateo-app .stateo-timeline-scale span{position:absolute;top:8px;transform:translateX(-50%);font-size:9px;color:rgba(255,255,255,.43);font-variant-numeric:tabular-nums}
#stateo-app .stateo-timeline-row{min-height:38px;border-top:1px solid rgba(255,255,255,.045)}
#stateo-app .stateo-timeline-row.is-empty{opacity:.30}
#stateo-app .stateo-timeline-row:hover{background:rgba(255,255,255,.018)}
#stateo-app .stateo-timeline-track{position:relative;min-height:38px;overflow:visible}
#stateo-app .stateo-timeline-grid{position:absolute;top:0;bottom:0;width:1px;background:rgba(255,255,255,.045);pointer-events:none}

#stateo-app .stateo-timeline-block{position:absolute;top:9px;height:20px;min-width:4px;border-radius:6px;display:flex;align-items:center;overflow:hidden;padding:0 7px;z-index:2;box-shadow:0 2px 10px rgba(0,0,0,.15)}
#stateo-app .stateo-timeline-block b{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#061527}
#stateo-app .stateo-timeline-block.activity-consulting{background:#d8a84e}
#stateo-app .stateo-timeline-block.activity-planning{background:#5aa9ff}
#stateo-app .stateo-timeline-block.activity-measurement{background:#46c7c7}
#stateo-app .stateo-timeline-block.activity-ab_check{background:#a983ff}
#stateo-app .stateo-timeline-block.activity-pause{background:#7d8794}
#stateo-app .stateo-timeline-block.activity-pause b{color:#fff}

#stateo-app .stateo-customer-pin{position:absolute!important;top:0!important;bottom:0!important;width:18px!important;transform:translateX(-9px)!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;z-index:5!important;overflow:visible!important}
#stateo-app .stateo-customer-pin:before{content:"";position:absolute;left:8px;top:3px;bottom:3px;width:2px;background:#f3ca6a;box-shadow:0 0 9px rgba(243,202,106,.55)}
#stateo-app .stateo-customer-pin i{position:absolute;left:4px;top:2px;width:10px;height:10px;border-radius:50%;background:#f3ca6a;border:2px solid #0b1e34;box-shadow:0 0 0 3px rgba(243,202,106,.15)}
#stateo-app .stateo-customer-pin span{position:absolute;left:13px;top:-1px;display:none;padding:3px 5px;border-radius:5px;background:#f3ca6a;color:#07192c;font-size:9px;font-weight:900;white-space:nowrap}
#stateo-app .stateo-customer-pin:hover span{display:block}

#stateo-app .stateo-log-insights-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:16px;margin-top:16px}
#stateo-app .stateo-customer-heat-card,#stateo-app .stateo-log-explain-card{padding:20px!important}
#stateo-app .stateo-customer-heat-scroll{overflow:auto;margin-top:14px}
#stateo-app .stateo-customer-heat{width:100%;border-collapse:separate;border-spacing:5px;min-width:560px}
#stateo-app .stateo-customer-heat th{font-size:9px;color:rgba(255,255,255,.46);font-weight:800;text-align:center;padding:3px}
#stateo-app .stateo-customer-heat td{height:26px;min-width:34px;border-radius:6px;text-align:center;font-size:9px;font-weight:900;color:rgba(255,255,255,.52);background:rgba(255,255,255,.035)}
#stateo-app .stateo-customer-heat td.heat-1{background:rgba(216,168,78,.18);color:#e6c37a}
#stateo-app .stateo-customer-heat td.heat-2{background:rgba(216,168,78,.34);color:#f1cf84}
#stateo-app .stateo-customer-heat td.heat-3{background:rgba(216,168,78,.58);color:#07192c}
#stateo-app .stateo-customer-heat td.heat-4{background:#d8a84e;color:#07192c;box-shadow:0 0 12px rgba(216,168,78,.20)}

#stateo-app .stateo-log-explain-row{display:grid;grid-template-columns:12px 1fr;gap:11px;padding:12px 0;border-top:1px solid rgba(255,255,255,.055)}
#stateo-app .stateo-log-explain-row:first-of-type{margin-top:10px}
#stateo-app .stateo-log-explain-row>i{width:10px;height:10px;border-radius:3px;margin-top:4px}
#stateo-app .stateo-log-explain-row>i.consulting{background:#d8a84e}
#stateo-app .stateo-log-explain-row>i.pause{background:#7d8794}
#stateo-app .stateo-log-explain-row>i.customer{background:#f3ca6a;border-radius:50%}
#stateo-app .stateo-log-explain-row>i.planning{background:#5aa9ff}
#stateo-app .stateo-log-explain-row strong{display:block;color:#fff;font-size:11px}
#stateo-app .stateo-log-explain-row span{display:block;margin-top:3px;color:rgba(255,255,255,.50);font-size:10px;line-height:1.45}

@media(max-width:1050px){
  #stateo-app .stateo-log-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  #stateo-app .stateo-log-insights-grid{grid-template-columns:1fr}
}
@media(max-width:650px){
  #stateo-app .stateo-log-kpis{grid-template-columns:1fr 1fr;gap:9px}
  #stateo-app .stateo-log-kpi{padding:13px!important}
  #stateo-app .stateo-log-kpi strong{font-size:22px}
  #stateo-app .stateo-timeline-legend{justify-content:flex-start;margin-top:10px}
}


/* STATEO 0.6.0 — kompakte Monatsmuster-Matrix */
#stateo-app .stateo-pattern-card{
  padding:20px!important;
  overflow:hidden!important;
}
#stateo-app .stateo-pattern-head{
  display:flex!important;
  justify-content:space-between!important;
  gap:18px!important;
  align-items:flex-start!important;
  margin-bottom:14px!important;
}
#stateo-app .stateo-pattern-head p{
  margin:5px 0 0!important;
  color:rgba(255,255,255,.52)!important;
  font-size:12px!important;
}
#stateo-app .stateo-pattern-legend{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
  gap:7px!important;
  max-width:640px!important;
}
#stateo-app .stateo-pattern-legend span{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  padding:5px 8px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.035)!important;
  color:rgba(255,255,255,.64)!important;
  font-size:10px!important;
}
#stateo-app .stateo-pattern-legend i{
  width:9px!important;
  height:9px!important;
  border-radius:3px!important;
  display:block!important;
}
#stateo-app .stateo-pattern-legend i.consulting{background:#d8a84e!important}
#stateo-app .stateo-pattern-legend i.measurement{background:#46c7c7!important}
#stateo-app .stateo-pattern-legend i.planning{background:#5aa9ff!important}
#stateo-app .stateo-pattern-legend i.ab_check{background:#a983ff!important}
#stateo-app .stateo-pattern-legend i.pause{background:#7d8794!important}
#stateo-app .stateo-pattern-legend .customer b{
  min-width:18px!important;height:18px!important;padding:0 4px!important;
  display:grid!important;place-items:center!important;border-radius:999px!important;
  background:#d8a84e!important;color:#07192c!important;font-size:9px!important;
}

#stateo-app .stateo-pattern-scroll{
  width:100%!important;
  overflow:auto!important;
  border:1px solid rgba(255,255,255,.06)!important;
  border-radius:14px!important;
}
#stateo-app .stateo-pattern-table{
  width:100%!important;
  min-width:930px!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  table-layout:fixed!important;
}
#stateo-app .stateo-pattern-table th,
#stateo-app .stateo-pattern-table td{
  border-right:1px solid rgba(255,255,255,.055)!important;
  border-bottom:1px solid rgba(255,255,255,.055)!important;
}
#stateo-app .stateo-pattern-table thead th{
  position:sticky!important;top:0!important;z-index:5!important;
  height:38px!important;
  background:#102641!important;
  color:rgba(255,255,255,.72)!important;
  font-size:10px!important;
  text-align:center!important;
  letter-spacing:.02em!important;
}
#stateo-app .stateo-pattern-table .time-col{
  width:82px!important;
  position:sticky!important;left:0!important;z-index:6!important;
  background:#102641!important;
  text-align:left!important;
  padding-left:12px!important;
}
#stateo-app .stateo-pattern-table tbody .time-col{
  height:42px!important;
  color:#fff!important;
  font-size:10px!important;
  font-variant-numeric:tabular-nums!important;
}
#stateo-app .stateo-pattern-table .time-col small{
  display:block!important;
  margin-top:1px!important;
  color:rgba(255,255,255,.35)!important;
  font-size:8px!important;
  font-weight:600!important;
}
#stateo-app .stateo-pattern-cell{
  height:42px!important;
  padding:0!important;
  position:relative!important;
  background:rgba(255,255,255,.018)!important;
}
#stateo-app .stateo-pattern-cell-inner{
  position:absolute!important;
  inset:4px!important;
  border-radius:8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  overflow:visible!important;
}
#stateo-app .stateo-pattern-cell.activity-consulting .stateo-pattern-cell-inner{
  background:color-mix(in srgb,#d8a84e var(--stateo-intensity),rgba(216,168,78,.07))!important;
}
#stateo-app .stateo-pattern-cell.activity-measurement .stateo-pattern-cell-inner{
  background:color-mix(in srgb,#46c7c7 var(--stateo-intensity),rgba(70,199,199,.06))!important;
}
#stateo-app .stateo-pattern-cell.activity-planning .stateo-pattern-cell-inner{
  background:color-mix(in srgb,#5aa9ff var(--stateo-intensity),rgba(90,169,255,.06))!important;
}
#stateo-app .stateo-pattern-cell.activity-ab_check .stateo-pattern-cell-inner{
  background:color-mix(in srgb,#a983ff var(--stateo-intensity),rgba(169,131,255,.06))!important;
}
#stateo-app .stateo-pattern-cell.activity-pause .stateo-pattern-cell-inner{
  background:color-mix(in srgb,#7d8794 var(--stateo-intensity),rgba(125,135,148,.06))!important;
}
#stateo-app .stateo-activity-code{
  color:#fff!important;
  font-size:11px!important;
  font-weight:900!important;
  text-shadow:0 1px 3px rgba(0,0,0,.25)!important;
}
#stateo-app .stateo-pattern-cell-inner>small{
  color:rgba(255,255,255,.55)!important;
  font-size:8px!important;
  font-weight:800!important;
}
#stateo-app .stateo-empty-dot{
  color:rgba(255,255,255,.16)!important;
  font-size:15px!important;
}
#stateo-app .stateo-customer-count{
  position:absolute!important;
  right:4px!important;
  top:4px!important;
  min-width:17px!important;
  height:17px!important;
  padding:0 4px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  background:#d8a84e!important;
  color:#07192c!important;
  font-size:8px!important;
  font-weight:950!important;
  box-shadow:0 2px 8px rgba(216,168,78,.22)!important;
}
#stateo-app .stateo-pattern-foot{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:14px!important;
  margin-top:12px!important;
  color:rgba(255,255,255,.45)!important;
  font-size:10px!important;
}
#stateo-app .stateo-pattern-foot strong{color:rgba(255,255,255,.72)!important}

@media(max-width:900px){
  #stateo-app .stateo-pattern-head{display:block!important}
  #stateo-app .stateo-pattern-legend{justify-content:flex-start!important;margin-top:12px!important}
}


/* STATEO 0.6.1 — Soft-/Hard-Logout */
#stateo-app .stateo-soft-login-copy{
  max-width:420px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
#stateo-app .stateo-soft-hard-login{
  display:block!important;
  width:100%!important;
  margin-top:10px!important;
  padding:8px 10px!important;
  border:0!important;
  background:transparent!important;
  color:rgba(255,255,255,.48)!important;
  font-size:10px!important;
  text-decoration:underline!important;
  text-underline-offset:3px!important;
}
#stateo-app .stateo-soft-hard-login:hover{
  color:var(--stateo-gold2)!important;
  background:transparent!important;
}


/* STATEO 0.7.0 — Navigation, Muster, Footer */
#stateo-app .stateo-nav-item>span,
#stateo-app .stateo-logout>span{
  width:28px!important;
  min-width:28px!important;
  height:28px!important;
  display:inline-grid!important;
  place-items:center!important;
  font-size:20px!important;
  line-height:1!important;
  font-weight:700!important;
}
#stateo-app .stateo-nav-item{
  gap:11px!important;
}

#stateo-app .stateo-pattern-legend i.training,
#stateo-app .stateo-rhythm-legend i.training{background:#ef8f62!important}

#stateo-app .stateo-pattern-insights{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  margin-bottom:16px!important;
}
#stateo-app .stateo-pattern-insight{
  position:relative!important;
  overflow:hidden!important;
  min-height:112px!important;
  padding:18px!important;
}
#stateo-app .stateo-pattern-insight:before{
  content:""!important;
  position:absolute!important;
  left:0!important;top:0!important;bottom:0!important;width:3px!important;
  background:rgba(255,255,255,.25)!important;
}
#stateo-app .stateo-pattern-insight.is-customer:before{background:#d8a84e!important}
#stateo-app .stateo-pattern-insight.is-measurement:before{background:#46c7c7!important}
#stateo-app .stateo-pattern-insight.is-pause:before{background:#7d8794!important}
#stateo-app .stateo-pattern-insight.is-idle:before{background:#39495d!important}
#stateo-app .stateo-pattern-insight small{
  display:block!important;
  color:rgba(255,255,255,.45)!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
}
#stateo-app .stateo-pattern-insight strong{
  display:block!important;
  margin-top:10px!important;
  color:#fff!important;
  font-size:16px!important;
  line-height:1.25!important;
}
#stateo-app .stateo-pattern-insight span{
  display:block!important;
  margin-top:7px!important;
  color:rgba(255,255,255,.52)!important;
  font-size:10px!important;
  line-height:1.4!important;
}

#stateo-app .stateo-rhythm-card{
  padding:20px!important;
  overflow:hidden!important;
}
#stateo-app .stateo-rhythm-head{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  gap:18px!important;
  margin-bottom:14px!important;
}
#stateo-app .stateo-rhythm-head p{
  margin:5px 0 0!important;
  color:rgba(255,255,255,.50)!important;
  font-size:11px!important;
}
#stateo-app .stateo-rhythm-legend{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
  gap:6px!important;
}
#stateo-app .stateo-rhythm-legend span{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  padding:4px 7px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.035)!important;
  color:rgba(255,255,255,.60)!important;
  font-size:9px!important;
}
#stateo-app .stateo-rhythm-legend i{width:8px!important;height:8px!important;border-radius:3px!important}
#stateo-app .stateo-rhythm-legend i.consulting{background:#d8a84e!important}
#stateo-app .stateo-rhythm-legend i.measurement{background:#46c7c7!important}
#stateo-app .stateo-rhythm-legend i.planning{background:#5aa9ff!important}
#stateo-app .stateo-rhythm-legend i.ab_check{background:#a983ff!important}
#stateo-app .stateo-rhythm-legend i.pause{background:#7d8794!important}
#stateo-app .stateo-rhythm-legend i.idle{background:#39495d!important}
#stateo-app .stateo-rhythm-legend .customers b{
  display:grid!important;place-items:center!important;min-width:17px!important;height:17px!important;
  padding:0 4px!important;border-radius:999px!important;background:#d8a84e!important;color:#07192c!important;font-size:8px!important;
}

#stateo-app .stateo-rhythm-scroll{
  overflow:auto!important;
  border:1px solid rgba(255,255,255,.055)!important;
  border-radius:14px!important;
}
#stateo-app .stateo-rhythm-table{
  width:100%!important;
  min-width:900px!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  table-layout:fixed!important;
}
#stateo-app .stateo-rhythm-table th,
#stateo-app .stateo-rhythm-table td{
  border-right:1px solid rgba(255,255,255,.05)!important;
  border-bottom:1px solid rgba(255,255,255,.05)!important;
}
#stateo-app .stateo-rhythm-table thead th{
  height:36px!important;
  background:#102641!important;
  color:rgba(255,255,255,.68)!important;
  font-size:9px!important;
  text-align:center!important;
}
#stateo-app .stateo-rhythm-table .time{
  width:64px!important;
  background:#102641!important;
  color:#fff!important;
  text-align:center!important;
  font-size:10px!important;
}
#stateo-app .stateo-rhythm-table .time small{
  color:rgba(255,255,255,.34)!important;
  font-size:8px!important;
}
#stateo-app .stateo-rhythm-cell{
  height:39px!important;
  padding:3px!important;
  background:#0d2037!important;
}
#stateo-app .stateo-rhythm-cell>div{
  position:relative!important;
  height:31px!important;
  border-radius:7px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  background:rgba(255,255,255,.025)!important;
}
#stateo-app .stateo-rhythm-cell.is-consulting>div{background:color-mix(in srgb,#d8a84e var(--share),rgba(216,168,78,.06))!important}
#stateo-app .stateo-rhythm-cell.is-measurement>div{background:color-mix(in srgb,#46c7c7 var(--share),rgba(70,199,199,.05))!important}
#stateo-app .stateo-rhythm-cell.is-planning>div{background:color-mix(in srgb,#5aa9ff var(--share),rgba(90,169,255,.05))!important}
#stateo-app .stateo-rhythm-cell.is-ab_check>div{background:color-mix(in srgb,#a983ff var(--share),rgba(169,131,255,.05))!important}
#stateo-app .stateo-rhythm-cell.is-pause>div{background:color-mix(in srgb,#7d8794 var(--share),rgba(125,135,148,.05))!important}
#stateo-app .stateo-rhythm-cell.is-training>div{background:color-mix(in srgb,#ef8f62 var(--share),rgba(239,143,98,.05))!important}
#stateo-app .stateo-rhythm-cell.is-idle>div{background:color-mix(in srgb,#39495d var(--share),rgba(57,73,93,.08))!important}
#stateo-app .stateo-rhythm-cell strong{
  color:#fff!important;font-size:10px!important;font-weight:950!important;text-shadow:0 1px 2px rgba(0,0,0,.2)!important;
}
#stateo-app .stateo-rhythm-cell small{
  color:rgba(255,255,255,.50)!important;font-size:7px!important;font-weight:800!important;
}
#stateo-app .stateo-rhythm-cell>div>span{color:rgba(255,255,255,.14)!important}
#stateo-app .stateo-rhythm-customers{
  position:absolute!important;right:3px!important;top:3px!important;
  min-width:16px!important;height:16px!important;padding:0 3px!important;border-radius:999px!important;
  display:grid!important;place-items:center!important;background:#d8a84e!important;color:#07192c!important;
  font-size:7px!important;font-weight:950!important;box-shadow:0 2px 7px rgba(216,168,78,.20)!important;
}
#stateo-app .stateo-rhythm-note{
  display:flex!important;gap:16px!important;flex-wrap:wrap!important;margin-top:11px!important;
  color:rgba(255,255,255,.42)!important;font-size:9px!important;
}
#stateo-app .stateo-rhythm-note strong{color:rgba(255,255,255,.70)!important}

#stateo-app .stateo-footer{
  position:absolute!important;
  left:50%!important;
  bottom:10px!important;
  transform:translateX(-50%)!important;
  z-index:40!important;
  color:rgba(255,255,255,.30)!important;
  font-size:9px!important;
  letter-spacing:.04em!important;
  white-space:nowrap!important;
  pointer-events:none!important;
}
#stateo-app .stateo-version{bottom:10px!important}

@media(max-width:1100px){
  #stateo-app .stateo-pattern-insights{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #stateo-app .stateo-rhythm-head{display:block!important}
  #stateo-app .stateo-rhythm-legend{justify-content:flex-start!important;margin-top:11px!important}
}
@media(max-width:650px){
  #stateo-app .stateo-pattern-insights{grid-template-columns:1fr 1fr!important;gap:8px!important}
  #stateo-app .stateo-pattern-insight{min-height:96px!important;padding:13px!important}
  #stateo-app .stateo-pattern-insight strong{font-size:13px!important}
  #stateo-app .stateo-footer{bottom:6px!important;font-size:8px!important}
}


/* STATEO 0.7.1 — Heute: Leerlauf + Login */
#stateo-app .stateo-work-mini-grid .stateo-work-mini-idle{
  border-color:rgba(125,135,148,.22)!important;
  background:rgba(125,135,148,.07)!important;
}
#stateo-app .stateo-work-mini-grid .stateo-work-mini-login{
  border-color:rgba(216,168,78,.22)!important;
  background:rgba(216,168,78,.06)!important;
}
#stateo-app .stateo-work-mini-grid .stateo-work-mini-login strong{
  color:var(--stateo-gold2)!important;
}


/* STATEO 0.7.2 — Aktivitäts-Reset */
#stateo-app .stateo-reset-card{
  margin-top:16px!important;
  padding:20px!important;
  border-color:rgba(190,94,94,.20)!important;
}
#stateo-app .stateo-reset-head{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  gap:16px!important;
  margin-bottom:16px!important;
}
#stateo-app .stateo-reset-head p{
  margin:5px 0 0!important;
  color:rgba(255,255,255,.50)!important;
  font-size:11px!important;
}
#stateo-app .stateo-reset-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:5px 8px!important;
  border-radius:999px!important;
  background:rgba(190,94,94,.10)!important;
  border:1px solid rgba(190,94,94,.22)!important;
  color:#d99b9b!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
}
#stateo-app .stateo-reset-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr)) auto!important;
  gap:10px!important;
  align-items:end!important;
}
#stateo-app .stateo-reset-grid label>span{
  display:block!important;
  margin-bottom:6px!important;
  color:rgba(255,255,255,.48)!important;
  font-size:9px!important;
  font-weight:800!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
}
#stateo-app .stateo-reset-grid input{
  width:100%!important;
}
#stateo-app .stateo-reset-confirm input{
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  font-weight:900!important;
}
#stateo-app .stateo-reset-button{
  min-height:43px!important;
  padding:0 16px!important;
  border:1px solid rgba(190,94,94,.38)!important;
  border-radius:10px!important;
  background:rgba(190,94,94,.12)!important;
  color:#e7aaaa!important;
  font-size:10px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
#stateo-app .stateo-reset-button:hover{
  background:rgba(190,94,94,.20)!important;
  border-color:rgba(215,122,122,.55)!important;
}
#stateo-app .stateo-reset-button:disabled{
  opacity:.45!important;
  pointer-events:none!important;
}
#stateo-app .stateo-reset-warning{
  margin-top:12px!important;
  padding:10px 12px!important;
  border-radius:10px!important;
  background:rgba(190,94,94,.055)!important;
  color:rgba(255,255,255,.44)!important;
  font-size:9px!important;
  line-height:1.55!important;
}
#stateo-app .stateo-reset-warning strong{
  color:rgba(255,255,255,.70)!important;
}
@media(max-width:900px){
  #stateo-app .stateo-reset-grid{grid-template-columns:1fr 1fr!important}
  #stateo-app .stateo-reset-button{width:100%!important}
}
@media(max-width:560px){
  #stateo-app .stateo-reset-grid{grid-template-columns:1fr!important}
}


/* STATEO 0.8.0 — Tabellen vereinheitlicht + Muster für Laien lesbar */

/* Einheitliche Zeitspalte für LOG und Muster */
#stateo-app .stateo-pattern-table thead .time-col,
#stateo-app .stateo-frequency-table thead .time{
  text-transform:uppercase!important;
  letter-spacing:.12em!important;
  font-size:9px!important;
}
#stateo-app .stateo-pattern-table .time-col,
#stateo-app .stateo-frequency-table .time{
  width:66px!important;
  min-width:66px!important;
  text-align:center!important;
  padding:0!important;
}
#stateo-app .stateo-pattern-table tbody .time-col strong,
#stateo-app .stateo-frequency-table tbody .time strong{
  display:inline!important;
  font-size:11px!important;
  line-height:1!important;
  color:#fff!important;
}
#stateo-app .stateo-pattern-table .time-col small,
#stateo-app .stateo-frequency-table .time small{
  display:inline!important;
  margin-left:2px!important;
  color:rgba(255,255,255,.34)!important;
  font-size:8px!important;
}

/* Klartext-Karten */
#stateo-app .stateo-pattern-story{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  margin-bottom:14px!important;
}
#stateo-app .stateo-story-card{
  min-height:118px!important;
  padding:17px!important;
  position:relative!important;
  overflow:hidden!important;
}
#stateo-app .stateo-story-card:before{
  content:""!important;
  position:absolute!important;
  left:0!important;top:0!important;bottom:0!important;
  width:3px!important;
}
#stateo-app .stateo-story-card.is-customer:before{background:#d8a84e!important}
#stateo-app .stateo-story-card.is-measurement:before{background:#46c7c7!important}
#stateo-app .stateo-story-card.is-pause:before{background:#7d8794!important}
#stateo-app .stateo-story-card.is-idle:before{background:#39495d!important}
#stateo-app .stateo-story-card small{
  display:block!important;
  color:rgba(255,255,255,.43)!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.13em!important;
}
#stateo-app .stateo-story-card strong{
  display:block!important;
  margin-top:9px!important;
  font-size:15px!important;
  color:#fff!important;
}
#stateo-app .stateo-story-card span{
  display:block!important;
  margin-top:7px!important;
  color:rgba(255,255,255,.54)!important;
  font-size:10px!important;
  line-height:1.45!important;
}

/* Frequenzkarte */
#stateo-app .stateo-frequency-card{
  padding:18px!important;
  overflow:hidden!important;
}
#stateo-app .stateo-frequency-top{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  gap:18px!important;
  margin-bottom:12px!important;
}
#stateo-app .stateo-frequency-top p{
  margin:4px 0 0!important;
  color:rgba(255,255,255,.48)!important;
  font-size:10px!important;
}
#stateo-app .stateo-frequency-read{
  display:flex!important;
  gap:6px!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
}
#stateo-app .stateo-frequency-read span{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  padding:5px 8px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.035)!important;
  color:rgba(255,255,255,.52)!important;
  font-size:9px!important;
}
#stateo-app .stateo-frequency-read b{
  width:16px!important;height:16px!important;
  display:grid!important;place-items:center!important;
  border-radius:50%!important;
  background:rgba(216,168,78,.15)!important;
  color:#e4bc6b!important;
  font-size:8px!important;
}

#stateo-app .stateo-frequency-tabs{
  display:flex!important;
  gap:6px!important;
  flex-wrap:wrap!important;
  margin-bottom:9px!important;
}
#stateo-app .stateo-frequency-tabs button{
  min-height:30px!important;
  padding:0 11px!important;
  border-radius:8px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  background:rgba(255,255,255,.025)!important;
  color:rgba(255,255,255,.55)!important;
  font-size:9px!important;
  font-weight:800!important;
}
#stateo-app .stateo-frequency-tabs button:hover{
  background:rgba(255,255,255,.05)!important;
  color:#fff!important;
}
#stateo-app .stateo-frequency-tabs button.is-active{
  border-color:rgba(216,168,78,.38)!important;
  background:rgba(216,168,78,.12)!important;
  color:#f1ca78!important;
}

#stateo-app .stateo-frequency-explain{
  margin-bottom:10px!important;
  padding:8px 10px!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.025)!important;
  color:rgba(255,255,255,.48)!important;
  font-size:9px!important;
}
#stateo-app .stateo-frequency-explain strong{color:rgba(255,255,255,.74)!important}

#stateo-app .stateo-frequency-scroll{
  overflow:auto!important;
  border:1px solid rgba(255,255,255,.06)!important;
  border-radius:12px!important;
}
#stateo-app .stateo-frequency-table{
  width:100%!important;
  min-width:880px!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  table-layout:fixed!important;
}
#stateo-app .stateo-frequency-table th,
#stateo-app .stateo-frequency-table td{
  border-right:1px solid rgba(255,255,255,.05)!important;
  border-bottom:1px solid rgba(255,255,255,.05)!important;
}
#stateo-app .stateo-frequency-table thead th{
  height:40px!important;
  background:#102641!important;
  text-align:center!important;
}
#stateo-app .stateo-frequency-table thead th>span{
  display:block!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:900!important;
}
#stateo-app .stateo-frequency-table thead th>small{
  display:block!important;
  margin-top:1px!important;
  color:rgba(255,255,255,.34)!important;
  font-size:7px!important;
  font-weight:600!important;
}
#stateo-app .stateo-frequency-table .time{
  position:sticky!important;
  left:0!important;
  z-index:4!important;
  background:#102641!important;
}
#stateo-app .stateo-frequency-cell{
  height:41px!important;
  padding:3px!important;
  background:#0d2037!important;
}
#stateo-app .stateo-frequency-cell-inner{
  height:33px!important;
  position:relative!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:4px!important;
  border-radius:7px!important;
  transition:background .15s ease,transform .15s ease!important;
}
#stateo-app .stateo-frequency-cell:hover .stateo-frequency-cell-inner{
  transform:scale(.98)!important;
  outline:1px solid rgba(255,255,255,.13)!important;
}
#stateo-app .stateo-frequency-main{
  color:#fff!important;
  font-size:11px!important;
  font-weight:950!important;
  line-height:1!important;
}
#stateo-app .stateo-frequency-sub{
  color:rgba(255,255,255,.58)!important;
  font-size:7px!important;
  font-weight:800!important;
}
#stateo-app .stateo-frequency-customers{
  position:absolute!important;
  right:3px!important;
  top:3px!important;
  min-width:16px!important;
  height:16px!important;
  padding:0 3px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  background:#d8a84e!important;
  color:#07192c!important;
  font-size:7px!important;
  font-weight:950!important;
  box-shadow:0 2px 7px rgba(216,168,78,.20)!important;
}

/* Gleiche Farbwelt in jeder Tabelle */
#stateo-app .stateo-frequency-cell.mode-consulting .stateo-frequency-cell-inner{
  background:color-mix(in srgb,#d8a84e var(--freq),rgba(216,168,78,.035))!important;
}
#stateo-app .stateo-frequency-cell.mode-measurement .stateo-frequency-cell-inner{
  background:color-mix(in srgb,#46c7c7 var(--freq),rgba(70,199,199,.035))!important;
}
#stateo-app .stateo-frequency-cell.mode-planning .stateo-frequency-cell-inner{
  background:color-mix(in srgb,#5aa9ff var(--freq),rgba(90,169,255,.035))!important;
}
#stateo-app .stateo-frequency-cell.mode-ab_check .stateo-frequency-cell-inner{
  background:color-mix(in srgb,#a983ff var(--freq),rgba(169,131,255,.035))!important;
}
#stateo-app .stateo-frequency-cell.mode-pause .stateo-frequency-cell-inner{
  background:color-mix(in srgb,#7d8794 var(--freq),rgba(125,135,148,.035))!important;
}
#stateo-app .stateo-frequency-cell.mode-training .stateo-frequency-cell-inner{
  background:color-mix(in srgb,#ef8f62 var(--freq),rgba(239,143,98,.035))!important;
}
#stateo-app .stateo-frequency-cell.mode-idle .stateo-frequency-cell-inner{
  background:color-mix(in srgb,#39495d var(--freq),rgba(57,73,93,.05))!important;
}
#stateo-app .stateo-frequency-cell.mode-customers .stateo-frequency-cell-inner{
  background:color-mix(in srgb,#d8a84e var(--freq),rgba(216,168,78,.025))!important;
}
#stateo-app .stateo-frequency-cell.mode-none .stateo-frequency-cell-inner{
  background:rgba(255,255,255,.018)!important;
}
#stateo-app .stateo-frequency-cell.mode-customers .stateo-frequency-main{
  font-size:13px!important;
  color:#f0c96f!important;
}

#stateo-app .stateo-frequency-legend{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin-top:10px!important;
  color:rgba(255,255,255,.45)!important;
  font-size:8px!important;
}
#stateo-app .stateo-frequency-legend>div{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
}
#stateo-app .stateo-frequency-legend .sw{
  width:9px!important;height:9px!important;border-radius:3px!important;
}
#stateo-app .stateo-frequency-legend .consulting{background:#d8a84e!important}
#stateo-app .stateo-frequency-legend .measurement{background:#46c7c7!important}
#stateo-app .stateo-frequency-legend .planning{background:#5aa9ff!important}
#stateo-app .stateo-frequency-legend .ab_check{background:#a983ff!important}
#stateo-app .stateo-frequency-legend .pause{background:#7d8794!important}
#stateo-app .stateo-frequency-legend .training{background:#ef8f62!important}
#stateo-app .stateo-frequency-legend .idle{background:#39495d!important}
#stateo-app .stateo-frequency-legend .customer-dot{
  min-width:16px!important;height:16px!important;padding:0 3px!important;
  display:grid!important;place-items:center!important;border-radius:999px!important;
  background:#d8a84e!important;color:#07192c!important;font-size:7px!important;font-weight:950!important;
}

@media(max-width:1100px){
  #stateo-app .stateo-pattern-story{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #stateo-app .stateo-frequency-top{display:block!important}
  #stateo-app .stateo-frequency-read{justify-content:flex-start!important;margin-top:9px!important}
}
@media(max-width:650px){
  #stateo-app .stateo-pattern-story{grid-template-columns:1fr 1fr!important;gap:8px!important}
  #stateo-app .stateo-story-card{padding:13px!important;min-height:105px!important}
  #stateo-app .stateo-story-card strong{font-size:13px!important}
  #stateo-app .stateo-frequency-tabs{gap:4px!important}
  #stateo-app .stateo-frequency-tabs button{padding:0 8px!important;font-size:8px!important}
}


/* STATEO 0.8.8 — heutige Loginzeit korrigieren */
#stateo-app .stateo-login-time-form{
  margin-top:18px!important;
  padding-top:16px!important;
  border-top:1px solid rgba(255,255,255,.09)!important;
}
#stateo-app .stateo-login-time-copy{
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
  margin-bottom:10px!important;
}
#stateo-app .stateo-login-time-copy strong{
  font-size:13px!important;
  letter-spacing:.02em!important;
}
#stateo-app .stateo-login-time-copy span{
  font-size:12px!important;
  line-height:1.45!important;
  opacity:.72!important;
}
#stateo-app .stateo-login-time-controls{
  display:grid!important;
  grid-template-columns:120px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:center!important;
}
#stateo-app .stateo-login-time-controls input[type="time"]{
  min-height:42px!important;
}
@media(max-width:720px){
  #stateo-app .stateo-login-time-controls{
    grid-template-columns:1fr!important;
  }
}


/* STATEO 0.9.0 — Effektivität */
#stateo-app .stateo-eff-hero{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:18px!important;
  margin-bottom:18px!important;
}
#stateo-app .stateo-eff-primary,
#stateo-app .stateo-eff-percent{
  min-height:180px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
#stateo-app .stateo-eff-primary>span,
#stateo-app .stateo-eff-percent>span{
  font-size:12px!important;
  text-transform:uppercase!important;
  letter-spacing:.1em!important;
  opacity:.65!important;
}
#stateo-app .stateo-eff-primary>strong,
#stateo-app .stateo-eff-percent>strong{
  display:block!important;
  margin:8px 0 5px!important;
  font-size:clamp(30px,4vw,52px)!important;
  line-height:1!important;
}
#stateo-app .stateo-eff-primary>small,
#stateo-app .stateo-eff-percent>small{
  opacity:.68!important;
}
#stateo-app .stateo-eff-progress{
  width:100%!important;
  height:8px!important;
  margin:12px 0 9px!important;
  border-radius:99px!important;
  background:rgba(255,255,255,.08)!important;
  overflow:hidden!important;
}
#stateo-app .stateo-eff-progress i,
#stateo-app .stateo-eff-weekday-bar i{
  display:block!important;
  height:100%!important;
  border-radius:inherit!important;
  background:currentColor!important;
}
#stateo-app .stateo-eff-percent,
#stateo-app .stateo-eff-weekday-bar{
  color:#d8a84e!important;
}
#stateo-app .stateo-eff-insights{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  margin-bottom:18px!important;
}
#stateo-app .stateo-eff-insights .stateo-card{
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
}
#stateo-app .stateo-eff-insight-value{
  font-size:26px!important;
  line-height:1.1!important;
  margin-top:4px!important;
}
#stateo-app .stateo-eff-insights span{
  font-weight:700!important;
}
#stateo-app .stateo-eff-insights small{
  opacity:.68!important;
  line-height:1.4!important;
}
#stateo-app .stateo-eff-weekdays{
  display:flex!important;
  flex-direction:column!important;
  gap:13px!important;
}
#stateo-app .stateo-eff-weekday-row{
  display:grid!important;
  grid-template-columns:150px minmax(120px,1fr) 150px!important;
  gap:16px!important;
  align-items:center!important;
}
#stateo-app .stateo-eff-weekday-name,
#stateo-app .stateo-eff-weekday-value{
  display:flex!important;
  flex-direction:column!important;
  gap:2px!important;
}
#stateo-app .stateo-eff-weekday-name small,
#stateo-app .stateo-eff-weekday-value small{
  opacity:.58!important;
}
#stateo-app .stateo-eff-weekday-value{
  text-align:right!important;
}
#stateo-app .stateo-eff-weekday-bar{
  height:10px!important;
  border-radius:99px!important;
  background:rgba(255,255,255,.08)!important;
  overflow:hidden!important;
}
#stateo-app .stateo-eff-table td:first-child strong,
#stateo-app .stateo-eff-table td:first-child small{
  display:block!important;
}
#stateo-app .stateo-eff-table td:first-child small{
  margin-top:3px!important;
  opacity:.55!important;
  white-space:nowrap!important;
}
#stateo-app .stateo-eff-pill{
  display:inline-flex!important;
  min-width:68px!important;
  justify-content:center!important;
  padding:5px 9px!important;
  border-radius:99px!important;
  font-weight:800!important;
  background:rgba(216,168,78,.14)!important;
  border:1px solid rgba(216,168,78,.25)!important;
}
#stateo-app .stateo-eff-definition{
  margin-top:14px!important;
  padding:12px 14px!important;
  border-radius:12px!important;
  font-size:12px!important;
  line-height:1.5!important;
  opacity:.7!important;
  background:rgba(255,255,255,.03)!important;
}
@media(max-width:900px){
  #stateo-app .stateo-eff-insights{grid-template-columns:1fr!important;}
}
@media(max-width:720px){
  #stateo-app .stateo-eff-hero{grid-template-columns:1fr!important;}
  #stateo-app .stateo-eff-weekday-row{
    grid-template-columns:105px minmax(90px,1fr) 95px!important;
    gap:8px!important;
  }
}


/* STATEO 0.9.1 — LOG/Muster verständlich statt Prozentkürzel */
#stateo-app .stateo-pattern-cell .stateo-activity-name,
#stateo-app .stateo-frequency-cell .stateo-frequency-name{
  font-size:10px!important;
  line-height:1.05!important;
  font-weight:800!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  text-align:center!important;
  max-width:100%!important;
}
#stateo-app .stateo-pattern-cell small,
#stateo-app .stateo-frequency-cell .stateo-frequency-sub{
  font-size:9px!important;
  line-height:1.1!important;
  white-space:nowrap!important;
  opacity:.78!important;
}

/* STATEO 0.9.2 — LOG/Muster: konkrete Zeit + Anteil vom Arbeitstag */
#stateo-app .stateo-pattern-cell small,
#stateo-app .stateo-frequency-cell .stateo-frequency-sub{
  white-space:normal!important;
  text-align:center!important;
  line-height:1.15!important;
}
#stateo-app .stateo-pattern-cell-inner,
#stateo-app .stateo-frequency-cell-inner{
  padding-left:3px!important;
  padding-right:3px!important;
}

/* STATEO 0.9.3 — Tätigkeit Bestellungen */
#stateo-app .stateo-frequency-legend .sw.ordering,
#stateo-app .stateo-frequency-cell.mode-ordering,
#stateo-app .stateo-pattern-cell.activity-ordering{
  --activity-accent:#7ea6d8;
}


/* STATEO 0.9.6 — klare, reine Tätigkeitsfarben für LOG + Muster
   Beratung = Gelb, Aufmaß = Cyan, Planung = Blau, Bestellungen = Grün,
   AB Prüfung = Violett, Pause = Rot, Schulung = Orange, Leerlauf = Grau. */

/* LOG-Legende */
#stateo-app .stateo-pattern-legend i.consulting{background:#ffd400!important}
#stateo-app .stateo-pattern-legend i.measurement{background:#00d5ff!important}
#stateo-app .stateo-pattern-legend i.planning{background:#278cff!important}
#stateo-app .stateo-pattern-legend i.ordering{background:#21d35b!important}
#stateo-app .stateo-pattern-legend i.ab_check{background:#a855f7!important}
#stateo-app .stateo-pattern-legend i.pause{background:#ff4d4d!important}
#stateo-app .stateo-pattern-legend i.training{background:#ff8a00!important}

/* LOG-Zellen */
#stateo-app .stateo-pattern-cell.activity-consulting .stateo-pattern-cell-inner{background:#6f5d00!important}
#stateo-app .stateo-pattern-cell.activity-measurement .stateo-pattern-cell-inner{background:#00637a!important}
#stateo-app .stateo-pattern-cell.activity-planning .stateo-pattern-cell-inner{background:#174f91!important}
#stateo-app .stateo-pattern-cell.activity-ordering .stateo-pattern-cell-inner{background:#17652f!important}
#stateo-app .stateo-pattern-cell.activity-ab_check .stateo-pattern-cell-inner{background:#5b2a86!important}
#stateo-app .stateo-pattern-cell.activity-pause .stateo-pattern-cell-inner{background:#7f2c2c!important}
#stateo-app .stateo-pattern-cell.activity-training .stateo-pattern-cell-inner{background:#7f4900!important}

/* Muster: reine Akzentfarben, Intensität bleibt als Helligkeits-/Flächenwirkung erhalten */
#stateo-app .stateo-frequency-cell.mode-consulting .stateo-frequency-cell-inner{
  background:color-mix(in srgb,#ffd400 var(--freq),#273000)!important;
}
#stateo-app .stateo-frequency-cell.mode-measurement .stateo-frequency-cell-inner{
  background:color-mix(in srgb,#00d5ff var(--freq),#003642)!important;
}
#stateo-app .stateo-frequency-cell.mode-planning .stateo-frequency-cell-inner{
  background:color-mix(in srgb,#278cff var(--freq),#102c4e)!important;
}
#stateo-app .stateo-frequency-cell.mode-ordering .stateo-frequency-cell-inner{
  background:color-mix(in srgb,#21d35b var(--freq),#103a1e)!important;
}
#stateo-app .stateo-frequency-cell.mode-ab_check .stateo-frequency-cell-inner{
  background:color-mix(in srgb,#a855f7 var(--freq),#30174a)!important;
}
#stateo-app .stateo-frequency-cell.mode-pause .stateo-frequency-cell-inner{
  background:color-mix(in srgb,#ff4d4d var(--freq),#421818)!important;
}
#stateo-app .stateo-frequency-cell.mode-training .stateo-frequency-cell-inner{
  background:color-mix(in srgb,#ff8a00 var(--freq),#462600)!important;
}
#stateo-app .stateo-frequency-cell.mode-idle .stateo-frequency-cell-inner{
  background:color-mix(in srgb,#6b7280 var(--freq),#252932)!important;
}

/* Muster-Legende */
#stateo-app .stateo-frequency-legend .consulting{background:#ffd400!important}
#stateo-app .stateo-frequency-legend .measurement{background:#00d5ff!important}
#stateo-app .stateo-frequency-legend .planning{background:#278cff!important}
#stateo-app .stateo-frequency-legend .ordering{background:#21d35b!important}
#stateo-app .stateo-frequency-legend .ab_check{background:#a855f7!important}
#stateo-app .stateo-frequency-legend .pause{background:#ff4d4d!important}
#stateo-app .stateo-frequency-legend .training{background:#ff8a00!important}
#stateo-app .stateo-frequency-legend .idle{background:#6b7280!important}

/* Effektivität: durch vier Insight-Karten sauber umbrechen */
#stateo-app .stateo-eff-insights{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
#stateo-app .stateo-eff-customer-card{
  border-color:rgba(33,211,91,.22)!important;
}
@media(max-width:1180px){
  #stateo-app .stateo-eff-insights{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:700px){
  #stateo-app .stateo-eff-insights{
    grid-template-columns:1fr!important;
  }
}


/* STATEO 0.9.7 — mehrere Tätigkeiten pro LOG-/Muster-Zelle */
#stateo-app .stateo-multi-activity-cell,
#stateo-app .stateo-frequency-cell-inner{
  overflow:visible!important;
}
#stateo-app .stateo-activity-sequence,
#stateo-app .stateo-frequency-main{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
}
#stateo-app .stateo-activity-chip{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:22px!important;
  height:18px!important;
  padding:0 5px!important;
  border-radius:5px!important;
  font-size:8px!important;
  line-height:1!important;
  font-weight:950!important;
  color:#07192c!important;
  box-shadow:0 1px 4px rgba(0,0,0,.18)!important;
}
#stateo-app .stateo-activity-chip.activity-consulting{background:#ffd400!important}
#stateo-app .stateo-activity-chip.activity-measurement{background:#00d5ff!important}
#stateo-app .stateo-activity-chip.activity-planning{background:#278cff!important;color:#fff!important}
#stateo-app .stateo-activity-chip.activity-ordering{background:#21d35b!important}
#stateo-app .stateo-activity-chip.activity-ab_check{background:#a855f7!important;color:#fff!important}
#stateo-app .stateo-activity-chip.activity-pause{background:#ff4d4d!important;color:#fff!important}
#stateo-app .stateo-activity-chip.activity-training{background:#ff8a00!important}
#stateo-app .stateo-activity-chip.activity-idle{background:#6b7280!important;color:#fff!important}

/* Das Feld selbst bleibt ruhig; die kleinen Farbkürzel zeigen mehrere Tätigkeiten sauber nebeneinander. */
#stateo-app .stateo-pattern-cell .stateo-pattern-cell-inner{
  background:#26384d!important;
}
#stateo-app .stateo-frequency-cell .stateo-frequency-cell-inner{
  background:#26384d!important;
}

/* Eigener Hover-Popup mit allen Zeiten des Feldes */
#stateo-app [data-stateo-tooltip]{
  position:relative!important;
}
#stateo-app [data-stateo-tooltip]:hover::after{
  content:attr(data-stateo-tooltip);
  position:absolute!important;
  left:50%!important;
  bottom:calc(100% + 8px)!important;
  transform:translateX(-50%)!important;
  z-index:9999!important;
  min-width:220px!important;
  max-width:300px!important;
  padding:10px 12px!important;
  border-radius:9px!important;
  background:#07192c!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.38)!important;
  color:#fff!important;
  font-size:11px!important;
  line-height:1.5!important;
  text-align:left!important;
  white-space:pre-line!important;
  pointer-events:none!important;
}
#stateo-app [data-stateo-tooltip]:hover::before{
  content:"";
  position:absolute!important;
  left:50%!important;
  bottom:calc(100% + 3px)!important;
  transform:translateX(-50%) rotate(45deg)!important;
  z-index:10000!important;
  width:9px!important;
  height:9px!important;
  background:#07192c!important;
  border-right:1px solid rgba(255,255,255,.16)!important;
  border-bottom:1px solid rgba(255,255,255,.16)!important;
  pointer-events:none!important;
}


/* STATEO 0.9.8 — LOG und Muster identisches Farbsystem */
#stateo-app .stateo-activity-single{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:20px!important;
  padding:2px 5px!important;
  border-radius:5px!important;
  font-size:9px!important;
  line-height:1.1!important;
  font-weight:900!important;
  text-align:center!important;
  color:#07192c!important;
}
#stateo-app .stateo-activity-single.activity-consulting{background:#ffd400!important}
#stateo-app .stateo-activity-single.activity-measurement{background:#00d5ff!important}
#stateo-app .stateo-activity-single.activity-planning{background:#278cff!important;color:#fff!important}
#stateo-app .stateo-activity-single.activity-ordering{background:#21d35b!important}
#stateo-app .stateo-activity-single.activity-ab_check{background:#a855f7!important;color:#fff!important}
#stateo-app .stateo-activity-single.activity-pause{background:#ff4d4d!important;color:#fff!important}
#stateo-app .stateo-activity-single.activity-training{background:#ff8a00!important}
#stateo-app .stateo-activity-single.activity-idle{background:#6b7280!important;color:#fff!important}

/* Tabellenfelder selbst sind in LOG und Muster gleich neutral.
   Die Tätigkeit trägt ihre eindeutige Farbe. */
#stateo-app .stateo-pattern-cell .stateo-pattern-cell-inner,
#stateo-app .stateo-frequency-cell .stateo-frequency-cell-inner{
  background:#26384d!important;
}
#stateo-app .stateo-frequency-sub:empty{display:none!important}


/* STATEO 0.9.9 — Frequenzkarte mit ausgeschriebenen Wochentagen */
#stateo-app .stateo-frequency-table thead th>span{
  display:block!important;
  font-size:10px!important;
  line-height:1.15!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
#stateo-app .stateo-frequency-table thead th>small{
  display:none!important;
}


/* STATEO 0.10.0 — Wochentagsköpfe LOG + Muster vollständig einheitlich */
#stateo-app .stateo-pattern-table thead th:not(.time-col),
#stateo-app .stateo-frequency-table thead th:not(.time){
  background:#102641!important;
  color:#ffffff!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1.15!important;
  letter-spacing:.02em!important;
  text-align:center!important;
  text-transform:none!important;
  opacity:1!important;
}
#stateo-app .stateo-frequency-table thead th>span,
#stateo-app .stateo-pattern-table thead th>span{
  color:#ffffff!important;
  font-size:10px!important;
  font-weight:900!important;
  opacity:1!important;
}


/* STATEO 0.11.2 — größter Leerlauf-Block */
#stateo-app .stateo-eff-insights{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
}
#stateo-app .stateo-eff-idle-card{
  border-color:rgba(255,77,77,.18)!important;
}
@media(max-width:1320px){
  #stateo-app .stateo-eff-insights{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media(max-width:980px){
  #stateo-app .stateo-eff-insights{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:700px){
  #stateo-app .stateo-eff-insights{
    grid-template-columns:1fr!important;
  }
}


/* STATEO 0.11.3 — tatsächlicher Feierabend */
#stateo-app .stateo-finish-day{
  margin-top:14px!important;padding:13px 14px!important;display:flex!important;align-items:center!important;
  justify-content:space-between!important;gap:14px!important;border:1px solid rgba(216,168,78,.18)!important;
  border-radius:12px!important;background:rgba(216,168,78,.055)!important
}
#stateo-app .stateo-finish-day strong{display:block!important;color:#fff!important;font-size:11px!important}
#stateo-app .stateo-finish-day span{display:block!important;margin-top:4px!important;color:rgba(255,255,255,.48)!important;font-size:9px!important;line-height:1.45!important}
#stateo-app .stateo-finish-day .stateo-btn{flex:0 0 auto!important;min-height:36px!important}
#stateo-app .stateo-finish-day-done{border-color:rgba(33,211,91,.2)!important;background:rgba(33,211,91,.06)!important}
#stateo-app .stateo-finish-day-done strong{color:#62df8a!important}
@media(max-width:620px){#stateo-app .stateo-finish-day{align-items:stretch!important;flex-direction:column!important}#stateo-app .stateo-finish-day .stateo-btn{width:100%!important}}


/* STATEO 0.11.4 — sekundäre Buttons im STATEO-Look */
#stateo-app .stateo-btn.stateo-btn-secondary{
  appearance:none!important;
  -webkit-appearance:none!important;
  min-height:40px!important;
  padding:9px 18px!important;
  border:1px solid rgba(216,168,78,.52)!important;
  border-radius:9px!important;
  background:rgba(216,168,78,.09)!important;
  color:#e4c276!important;
  box-shadow:none!important;
  text-shadow:none!important;
  font-family:inherit!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:.01em!important;
  cursor:pointer!important;
  transition:background .16s ease,border-color .16s ease,transform .16s ease!important;
}
#stateo-app .stateo-btn.stateo-btn-secondary:hover{
  background:rgba(216,168,78,.16)!important;
  border-color:rgba(235,199,119,.8)!important;
  color:#f0cf87!important;
}
#stateo-app .stateo-btn.stateo-btn-secondary:active{
  transform:translateY(1px)!important;
}
#stateo-app .stateo-btn.stateo-btn-secondary:focus,
#stateo-app .stateo-btn.stateo-btn-secondary:focus-visible{
  outline:none!important;
  box-shadow:0 0 0 3px rgba(216,168,78,.12)!important;
}
#stateo-app .stateo-btn.stateo-btn-secondary:disabled{
  opacity:.48!important;
  cursor:default!important;
  transform:none!important;
}
#stateo-app #stateo-finish-workday{
  min-width:118px!important;
  white-space:nowrap!important;
}


/* STATEO 0.11.5 — Tätigkeitszeiten korrigieren */
#stateo-app .stateo-work-corrections{
  margin-top:18px!important;
  padding-top:18px!important;
  border-top:1px solid rgba(255,255,255,.07)!important;
}
#stateo-app .stateo-work-corrections-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin-bottom:12px!important;
}
#stateo-app .stateo-work-corrections-head p{
  margin:4px 0 0!important;
  color:rgba(255,255,255,.45)!important;
  font-size:10px!important;
}
#stateo-app .stateo-work-correction-list{
  display:grid!important;
  gap:7px!important;
  max-height:330px!important;
  overflow:auto!important;
  padding-right:3px!important;
}
#stateo-app .stateo-work-correction-row{
  display:grid!important;
  grid-template-columns:minmax(170px,1fr) 112px 112px 105px!important;
  gap:9px!important;
  align-items:end!important;
  padding:9px 10px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:9px!important;
  background:rgba(5,16,31,.28)!important;
}
#stateo-app .stateo-work-correction-meta{
  align-self:center!important;
  min-width:0!important;
}
#stateo-app .stateo-work-correction-meta strong{
  display:block!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:800!important;
}
#stateo-app .stateo-work-correction-meta span{
  display:block!important;
  margin-top:3px!important;
  color:rgba(255,255,255,.42)!important;
  font-size:9px!important;
}
#stateo-app .stateo-work-correction-row label>span{
  display:block!important;
  margin:0 0 4px!important;
  color:rgba(255,255,255,.43)!important;
  font-size:8px!important;
  font-weight:700!important;
  text-transform:uppercase!important;
  letter-spacing:.05em!important;
}
#stateo-app .stateo-work-correction-row input[type="time"]{
  width:100%!important;
  height:34px!important;
  min-height:34px!important;
  padding:5px 8px!important;
  border:1px solid rgba(142,160,186,.22)!important;
  border-radius:7px!important;
  background:#0d2037!important;
  color:#f3f6fa!important;
  font-family:inherit!important;
  font-size:11px!important;
  outline:none!important;
  box-shadow:none!important;
}
#stateo-app .stateo-work-correction-row input[type="time"]:focus{
  border-color:rgba(216,168,78,.62)!important;
}
#stateo-app .stateo-work-correct-btn{
  height:34px!important;
  min-height:34px!important;
  padding:0 11px!important;
  border:1px solid rgba(216,168,78,.42)!important;
  border-radius:7px!important;
  background:rgba(216,168,78,.08)!important;
  color:#e4c276!important;
  font-family:inherit!important;
  font-size:9px!important;
  font-weight:800!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
#stateo-app .stateo-work-correct-btn:hover{
  border-color:rgba(240,207,135,.72)!important;
  background:rgba(216,168,78,.14)!important;
  color:#f0cf87!important;
}
#stateo-app .stateo-work-correct-btn:disabled{
  opacity:.52!important;
  cursor:default!important;
}
@media(max-width:760px){
  #stateo-app .stateo-work-correction-row{
    grid-template-columns:1fr 1fr!important;
  }
  #stateo-app .stateo-work-correction-meta,
  #stateo-app .stateo-work-correct-btn{
    grid-column:1/-1!important;
  }
  #stateo-app .stateo-work-correct-btn{width:100%!important}
}


/* STATEO 0.11.6 — Feierabend korrigieren */
#stateo-app .stateo-finish-time-form{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin-left:auto!important;
}
#stateo-app .stateo-finish-time-form input[type="time"]{
  width:96px!important;
  height:38px!important;
  min-height:38px!important;
  padding:6px 8px!important;
  border:1px solid rgba(142,160,186,.24)!important;
  border-radius:8px!important;
  background:#0d2037!important;
  color:#f3f6fa!important;
  font-family:inherit!important;
  font-size:10px!important;
  outline:none!important;
  box-shadow:none!important;
}
#stateo-app .stateo-finish-time-form input[type="time"]:focus{
  border-color:rgba(216,168,78,.62)!important;
}
#stateo-app .stateo-finish-time-form .stateo-btn{
  min-height:38px!important;
  white-space:nowrap!important;
}
@media(max-width:720px){
  #stateo-app .stateo-finish-time-form{
    width:100%!important;
    margin-left:0!important;
    align-items:stretch!important;
  }
  #stateo-app .stateo-finish-time-form input[type="time"]{
    flex:1 1 auto!important;
    width:auto!important;
  }
}


/* STATEO 0.11.7 — Arbeitstag-Logik & Kundenrückfrage */
#stateo-app .stateo-finish-actions{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin-left:auto!important;
}
#stateo-app .stateo-resume-workday{
  border-color:rgba(33,211,91,.42)!important;
  background:rgba(33,211,91,.07)!important;
  color:#73df97!important;
}
#stateo-app .stateo-resume-workday:hover{
  border-color:rgba(91,232,135,.72)!important;
  background:rgba(33,211,91,.13)!important;
  color:#8aeea9!important;
}
#stateo-app .stateo-incomplete-warning{
  margin:0 0 14px!important;
  padding:11px 13px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  border:1px solid rgba(255,138,0,.25)!important;
  border-radius:10px!important;
  background:rgba(255,138,0,.07)!important;
}
#stateo-app .stateo-incomplete-warning strong{
  display:block!important;
  color:#ffb04a!important;
  font-size:10px!important;
}
#stateo-app .stateo-incomplete-warning span{
  display:block!important;
  margin-top:3px!important;
  color:rgba(255,255,255,.55)!important;
  font-size:9px!important;
  line-height:1.4!important;
}
#stateo-app .stateo-incomplete-warning small{
  flex:0 0 auto!important;
  color:rgba(255,176,74,.68)!important;
  font-size:8px!important;
  font-weight:800!important;
  text-transform:uppercase!important;
}
#stateo-app .stateo-customer-confirm{
  position:fixed!important;
  inset:0!important;
  z-index:100000!important;
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  padding:20px!important;
  background:rgba(2,8,18,.72)!important;
  backdrop-filter:blur(5px)!important;
}
#stateo-app .stateo-customer-confirm.is-open{
  display:flex!important;
}
#stateo-app .stateo-customer-confirm-card{
  width:min(430px,100%)!important;
  padding:24px!important;
  border:1px solid rgba(216,168,78,.25)!important;
  border-radius:14px!important;
  background:#0d2037!important;
  box-shadow:0 20px 60px rgba(0,0,0,.4)!important;
  text-align:center!important;
}
#stateo-app .stateo-customer-confirm-card>small{
  display:block!important;
  color:#d8a84e!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.13em!important;
}
#stateo-app .stateo-customer-confirm-card>strong{
  display:block!important;
  margin-top:8px!important;
  color:#fff!important;
  font-size:22px!important;
}
#stateo-app .stateo-customer-confirm-card>span{
  display:block!important;
  margin:7px auto 18px!important;
  max-width:320px!important;
  color:rgba(255,255,255,.55)!important;
  font-size:10px!important;
  line-height:1.5!important;
}
#stateo-app .stateo-customer-confirm-card>div{
  display:flex!important;
  justify-content:center!important;
  gap:9px!important;
}
@media(max-width:760px){
  #stateo-app .stateo-finish-actions{
    width:100%!important;
    flex-direction:column!important;
    align-items:stretch!important;
    margin-left:0!important;
  }
  #stateo-app .stateo-finish-time-form{width:100%!important}
  #stateo-app .stateo-resume-workday{width:100%!important}
  #stateo-app .stateo-incomplete-warning{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
  #stateo-app .stateo-customer-confirm-card>div{
    flex-direction:column-reverse!important;
  }
  #stateo-app .stateo-customer-confirm-card .stateo-btn{
    width:100%!important;
  }
}


/* STATEO 0.11.8 — vergessenen Feierabend nachtragen */
#stateo-app .stateo-incomplete-repair{
  display:block!important;
}
#stateo-app .stateo-incomplete-copy{
  margin-bottom:10px!important;
}
#stateo-app .stateo-incomplete-list{
  display:grid!important;
  gap:7px!important;
}
#stateo-app .stateo-past-finish-form{
  display:grid!important;
  grid-template-columns:minmax(145px,1fr) 105px auto!important;
  align-items:center!important;
  gap:9px!important;
  padding:8px 9px!important;
  border:1px solid rgba(255,176,74,.13)!important;
  border-radius:8px!important;
  background:rgba(5,16,31,.22)!important;
}
#stateo-app .stateo-past-finish-form>div strong{
  display:block!important;
  color:#fff!important;
  font-size:10px!important;
}
#stateo-app .stateo-past-finish-form>div small{
  display:block!important;
  margin-top:2px!important;
  color:rgba(255,255,255,.42)!important;
  font-size:8px!important;
}
#stateo-app .stateo-past-finish-form input[type="time"]{
  width:105px!important;
  height:35px!important;
  min-height:35px!important;
  padding:5px 8px!important;
  border:1px solid rgba(142,160,186,.24)!important;
  border-radius:7px!important;
  background:#0d2037!important;
  color:#f3f6fa!important;
  font-family:inherit!important;
  font-size:10px!important;
  outline:none!important;
  box-shadow:none!important;
}
#stateo-app .stateo-past-finish-form input[type="time"]:focus{
  border-color:rgba(216,168,78,.62)!important;
}
#stateo-app .stateo-past-finish-form .stateo-btn{
  min-height:35px!important;
  padding:8px 12px!important;
  white-space:nowrap!important;
}
@media(max-width:720px){
  #stateo-app .stateo-past-finish-form{
    grid-template-columns:1fr 1fr!important;
  }
  #stateo-app .stateo-past-finish-form>div{
    grid-column:1/-1!important;
  }
  #stateo-app .stateo-past-finish-form input[type="time"]{
    width:100%!important;
  }
  #stateo-app .stateo-past-finish-form .stateo-btn{
    width:100%!important;
  }
}


/* STATEO 0.11.9 — Work-Kacheln + Tagesvergleich */
#stateo-app .stateo-work-buttons{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
#stateo-app button.stateo-work-button{
  min-height:112px!important;
  padding:18px!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
#stateo-app button.stateo-work-button span{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  line-height:1.15!important;
}
#stateo-app button.stateo-work-button small{
  width:100%!important;
  text-align:center!important;
}
#stateo-app .stateo-today-compare{
  margin-top:16px!important;
  padding:14px!important;
  border:1px solid rgba(216,168,78,.16)!important;
  border-radius:12px!important;
  background:rgba(7,24,43,.34)!important;
}
#stateo-app .stateo-today-compare-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin-bottom:11px!important;
}
#stateo-app .stateo-today-compare-head>div:first-child>strong{
  display:block!important;
  color:#fff!important;
  font-size:11px!important;
}
#stateo-app .stateo-today-compare-head>div:first-child>span{
  display:block!important;
  margin-top:3px!important;
  color:rgba(255,255,255,.44)!important;
  font-size:9px!important;
}
#stateo-app .stateo-today-customer-compare{
  display:grid!important;
  grid-template-columns:auto auto auto!important;
  align-items:baseline!important;
  gap:6px!important;
  padding:6px 9px!important;
  border:1px solid rgba(216,168,78,.18)!important;
  border-radius:8px!important;
  background:rgba(216,168,78,.06)!important;
}
#stateo-app .stateo-today-customer-compare small{color:rgba(255,255,255,.45)!important;font-size:8px!important}
#stateo-app .stateo-today-customer-compare strong{color:#e7bd67!important;font-size:15px!important}
#stateo-app .stateo-today-customer-compare span{color:rgba(255,255,255,.5)!important;font-size:8px!important}
#stateo-app .stateo-today-compare-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
}
#stateo-app .stateo-today-compare-item{
  min-width:0!important;
  padding:8px 9px!important;
  border:1px solid rgba(255,255,255,.065)!important;
  border-radius:8px!important;
  background:rgba(4,14,27,.25)!important;
}
#stateo-app .stateo-today-compare-item>span{
  display:block!important;
  overflow:hidden!important;
  color:rgba(255,255,255,.48)!important;
  font-size:8px!important;
  font-weight:800!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
#stateo-app .stateo-today-compare-item>strong{
  display:block!important;
  margin-top:3px!important;
  color:#fff!important;
  font-size:12px!important;
}
#stateo-app .stateo-today-compare-item>small{
  display:block!important;
  margin-top:2px!important;
  color:rgba(216,168,78,.72)!important;
  font-size:8px!important;
}
@media(max-width:760px){
  #stateo-app .stateo-work-buttons{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #stateo-app button.stateo-work-button{min-height:88px!important;padding:12px 8px!important}
  #stateo-app button.stateo-work-button span{font-size:16px!important}
  #stateo-app .stateo-today-compare-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #stateo-app .stateo-today-compare-head{align-items:flex-start!important;flex-direction:column!important}
}


/* STATEO 0.12.0 — Umsatz-Jahresvergleich */
#stateo-app .stateo-year-compare-card{margin-bottom:18px!important}
#stateo-app .stateo-year-compare-legend{
  display:flex!important;align-items:center!important;justify-content:flex-end!important;
  flex-wrap:wrap!important;gap:10px!important
}
#stateo-app .stateo-year-compare-legend span{
  display:inline-flex!important;align-items:center!important;gap:5px!important;
  color:rgba(255,255,255,.62)!important;font-size:9px!important;font-weight:800!important
}
#stateo-app .stateo-year-compare-legend i{
  display:inline-block!important;width:8px!important;height:8px!important;border-radius:2px!important
}
#stateo-app .stateo-year-compare-scroll{width:100%!important;overflow-x:auto!important;padding-top:14px!important}
#stateo-app .stateo-year-compare-chart{
  min-width:820px!important;height:235px!important;
  display:grid!important;grid-template-columns:repeat(12,minmax(52px,1fr))!important;
  gap:7px!important;align-items:end!important;
  border-bottom:1px solid rgba(255,255,255,.09)!important
}
#stateo-app .stateo-year-month{
  height:100%!important;display:grid!important;grid-template-rows:1fr 22px!important;
  align-items:end!important;min-width:0!important
}
#stateo-app .stateo-year-bars{
  height:100%!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;
  gap:2px!important;border-bottom:1px solid rgba(255,255,255,.05)!important
}
#stateo-app .stateo-year-bar{
  position:relative!important;flex:1 1 0!important;max-width:12px!important;min-width:4px!important;
  border-radius:3px 3px 0 0!important;transition:transform .14s ease,filter .14s ease!important
}
#stateo-app .stateo-year-bar:hover{transform:translateY(-2px)!important;filter:brightness(1.16)!important}
#stateo-app .stateo-year-bar span{
  position:absolute!important;left:50%!important;top:-15px!important;transform:translateX(-50%)!important;
  color:rgba(255,255,255,.58)!important;font-size:7px!important;font-weight:800!important;white-space:nowrap!important
}
#stateo-app .stateo-year-month>small{
  display:flex!important;align-items:center!important;justify-content:center!important;
  color:rgba(255,255,255,.42)!important;font-size:8px!important;text-transform:uppercase!important
}
#stateo-app .stateo-year-bar.series-1,#stateo-app .stateo-year-compare-legend .series-1{background:#55718f!important}
#stateo-app .stateo-year-bar.series-2,#stateo-app .stateo-year-compare-legend .series-2{background:#6f8fb0!important}
#stateo-app .stateo-year-bar.series-3,#stateo-app .stateo-year-compare-legend .series-3{background:#9aa7b7!important}
#stateo-app .stateo-year-bar.series-4,#stateo-app .stateo-year-compare-legend .series-4{background:#b89655!important}
#stateo-app .stateo-year-bar.series-5,#stateo-app .stateo-year-compare-legend .series-5{background:#e0b158!important}
@media(max-width:760px){
  #stateo-app .stateo-year-compare-card .stateo-card-title-row{align-items:flex-start!important;flex-direction:column!important;gap:8px!important}
  #stateo-app .stateo-year-compare-legend{justify-content:flex-start!important}
}


/* STATEO 0.12.1 — Jahresfarben klarer + Umsatzziel-Linie */
#stateo-app .stateo-year-compare-chart{
  position:relative!important;
}
#stateo-app .stateo-year-target-line{
  position:absolute!important;
  left:0!important;
  right:0!important;
  z-index:7!important;
  border-top:2px dashed #e0b158!important;
  pointer-events:none!important;
  opacity:.96!important;
}
#stateo-app .stateo-year-target-line span{
  position:absolute!important;
  right:4px!important;
  top:-18px!important;
  padding:2px 6px!important;
  border-radius:5px!important;
  background:#0b1d31!important;
  color:#f2c96f!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.03em!important;
  white-space:nowrap!important;
}
#stateo-app .stateo-year-bar.series-1,
#stateo-app .stateo-year-compare-legend .series-1{
  background:#22c55e!important;
}
#stateo-app .stateo-year-bar.series-2,
#stateo-app .stateo-year-compare-legend .series-2{
  background:#38bdf8!important;
}
#stateo-app .stateo-year-bar.series-3,
#stateo-app .stateo-year-compare-legend .series-3{
  background:#a78bfa!important;
}
#stateo-app .stateo-year-bar.series-4,
#stateo-app .stateo-year-compare-legend .series-4{
  background:#fb7185!important;
}
#stateo-app .stateo-year-bar.series-5,
#stateo-app .stateo-year-compare-legend .series-5{
  background:#facc15!important;
}
#stateo-app .stateo-year-compare-legend i{
  box-shadow:0 0 0 1px rgba(255,255,255,.16)!important;
}
#stateo-app .stateo-year-bar{
  box-shadow:0 0 0 1px rgba(255,255,255,.06)!important;
}


/* STATEO 0.12.2 — historischer Monatsdurchschnitt unter Umsatz */
#stateo-app .stateo-log-revenue-summary{
  align-items:flex-start!important;
}
#stateo-app .stateo-month-history-average{
  display:block!important;
  margin-top:4px!important;
  color:rgba(216,168,78,.78)!important;
  font-size:9px!important;
  font-weight:800!important;
  line-height:1.3!important;
  white-space:nowrap!important;
}
#stateo-app .stateo-month-history-average.is-empty{
  color:rgba(255,255,255,.34)!important;
  font-weight:600!important;
}


/* STATEO 0.12.3 — Ziellinie sicher innerhalb der Plotfläche */
#stateo-app .stateo-year-target-line{
  left:0!important;
  right:0!important;
  z-index:12!important;
  border-top:2px dashed #f0b93c!important;
}
#stateo-app .stateo-year-target-line span{
  right:8px!important;
  top:-20px!important;
  background:#10253e!important;
  border:1px solid rgba(240,185,60,.35)!important;
  color:#ffd66f!important;
}


/* STATEO 0.12.4 — monatliche Durchschnitts-Spline im Jahresvergleich */
#stateo-app .stateo-year-average-spline{
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:0!important;
  bottom:22px!important;
  width:100%!important;
  height:calc(100% - 22px)!important;
  z-index:10!important;
  overflow:visible!important;
  pointer-events:none!important;
}
#stateo-app .stateo-year-average-spline path{
  fill:none!important;
  stroke:#38bdf8!important;
  stroke-width:3!important;
  stroke-dasharray:12 8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  vector-effect:non-scaling-stroke!important;
}
#stateo-app .stateo-year-average-spline circle{
  fill:#38bdf8!important;
  stroke:#0b1d31!important;
  stroke-width:2!important;
  vector-effect:non-scaling-stroke!important;
}
#stateo-app .stateo-spline-legend i{
  width:18px!important;
  height:0!important;
  border-radius:0!important;
  border-top:2px dashed #38bdf8!important;
  background:transparent!important;
  box-shadow:none!important;
}


/* STATEO 0.12.5 — Gesamtschnitt + Bestes Jahr */
#stateo-app .stateo-year-overall-average{
  position:absolute!important;
  left:0!important;
  right:0!important;
  z-index:11!important;
  border-top:2px dashed #ef4444!important;
  pointer-events:none!important;
}
#stateo-app .stateo-year-overall-average span{
  position:absolute!important;
  left:8px!important;
  top:-20px!important;
  padding:2px 6px!important;
  border-radius:5px!important;
  background:#281418!important;
  border:1px solid rgba(239,68,68,.35)!important;
  color:#ff8080!important;
  font-size:8px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
#stateo-app .stateo-overall-average-legend i{
  width:18px!important;
  height:0!important;
  border-radius:0!important;
  border-top:2px dashed #ef4444!important;
  background:transparent!important;
  box-shadow:none!important;
}
#stateo-app .stateo-best-year-card{
  width:100%!important;
  min-height:112px!important;
  margin-bottom:18px!important;
  padding:18px 22px!important;
  border:1px solid rgba(216,168,78,.22)!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,rgba(20,43,71,.96),rgba(10,27,47,.96))!important;
  box-shadow:0 14px 34px rgba(0,0,0,.12)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
#stateo-app .stateo-best-year-card small{
  color:rgba(216,168,78,.78)!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.11em!important;
}
#stateo-app .stateo-best-year-card strong{
  margin-top:4px!important;
  color:#fff!important;
  font-size:30px!important;
  line-height:1!important;
  font-weight:900!important;
}
#stateo-app .stateo-best-year-card span{
  margin-top:5px!important;
  color:rgba(255,255,255,.52)!important;
  font-size:11px!important;
  font-weight:700!important;
}


/* STATEO 0.12.6 — Auswertung mit fünf KPI-Karten */
#stateo-app .stateo-metrics.stateo-metrics-five{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:14px!important;
  margin-bottom:18px!important;
}
#stateo-app .stateo-metrics-five .stateo-metric{
  min-width:0!important;
}
#stateo-app .stateo-metric-best-year{
  border-color:rgba(216,168,78,.34)!important;
  background:linear-gradient(145deg,rgba(33,48,68,.98),rgba(12,30,50,.98))!important;
}
#stateo-app .stateo-metric-best-year small{
  color:var(--stateo-gold2)!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
#stateo-app .stateo-metric-best-year strong{
  color:#fff!important;
}
#stateo-app .stateo-metric-best-year div{
  color:rgba(255,255,255,.5)!important;
  font-weight:700!important;
}
@media(max-width:1180px){
  #stateo-app .stateo-metrics.stateo-metrics-five{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media(max-width:760px){
  #stateo-app .stateo-metrics.stateo-metrics-five{
    grid-template-columns:1fr!important;
  }
}


/* STATEO 0.12.7 — Monatsdurchschnitt in Auswertung */
#stateo-app .stateo-chart-head-values{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  gap:4px!important;
}
#stateo-app .stateo-year-average-value{
  color:#ff6b6b!important;
  font-size:11px!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
#stateo-app .stateo-chart{
  position:relative!important;
}
#stateo-app .stateo-chart-average{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:calc(var(--stateo-average-pos) * 100%)!important;
  z-index:8!important;
  border-top:2px dashed #ef4444!important;
  pointer-events:none!important;
}
#stateo-app .stateo-chart-average span{
  position:absolute!important;
  right:0!important;
  top:-19px!important;
  padding:2px 6px!important;
  border-radius:5px!important;
  background:#2a1418!important;
  border:1px solid rgba(239,68,68,.35)!important;
  color:#ff8181!important;
  font-size:8px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
@media(max-width:760px){
  #stateo-app .stateo-chart-head-values{align-items:flex-start!important}
}


/* STATEO 0.12.8 — Schnitt groß statt Jahresumsatz */
#stateo-app .stateo-chart-head-values .stateo-year-total{
  color:#fff!important;
}
#stateo-app .stateo-year-average-value{
  display:none!important;
}


/* STATEO 0.12.9 — belastbare Langzeitlogik */
#stateo-app .stateo-history-chip{
  display:inline-flex!important;
  align-items:center!important;
  min-height:38px!important;
  padding:0 13px!important;
  border:1px solid rgba(216,168,78,.22)!important;
  border-radius:10px!important;
  background:rgba(216,168,78,.06)!important;
  color:var(--stateo-gold2)!important;
  font-size:10px!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
#stateo-app .stateo-eff-history-note{
  margin-top:4px!important;
  margin-bottom:12px!important;
  font-size:10px!important;
}


/* STATEO 0.14.0 – Langzeit-Effektivität */
#stateo-app .stateo-eff-overview-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:14px!important;
    margin-bottom:14px!important;
}
#stateo-app .stateo-eff-overview-grid .stateo-card{
    min-height:154px!important;
}
#stateo-app .stateo-eff-general-card strong,
#stateo-app .stateo-eff-kpi-card strong{
    display:block!important;
    font-size:30px!important;
    line-height:1.05!important;
    margin:12px 0 9px!important;
}
#stateo-app .stateo-eff-general-card>span,
#stateo-app .stateo-eff-kpi-card>span{
    text-transform:uppercase!important;
    letter-spacing:.08em!important;
    font-size:11px!important;
    opacity:.72!important;
}
#stateo-app .stateo-eff-kpi-card.is-positive strong{color:#72d6a0!important}
#stateo-app .stateo-eff-kpi-card.is-negative strong{color:#ff7c7c!important}
#stateo-app .stateo-eff-profile-card{margin-bottom:14px!important}
#stateo-app .stateo-eff-section-head{
    display:flex!important;
    justify-content:space-between!important;
    gap:16px!important;
    align-items:flex-start!important;
    margin-bottom:18px!important;
}
#stateo-app .stateo-eff-section-head p{
    margin:6px 0 0!important;
    opacity:.66!important;
    font-size:12px!important;
}
#stateo-app .stateo-eff-loss-chip{
    padding:8px 12px!important;
    border:1px solid rgba(255,197,74,.24)!important;
    border-radius:999px!important;
    background:rgba(255,197,74,.07)!important;
    font-size:11px!important;
    white-space:nowrap!important;
}
#stateo-app .stateo-eff-profile-list{
    display:grid!important;
    gap:10px!important;
}
#stateo-app .stateo-eff-profile-row{
    display:grid!important;
    grid-template-columns:160px minmax(120px,1fr) 64px!important;
    align-items:center!important;
    gap:14px!important;
}
#stateo-app .stateo-eff-profile-label{
    display:flex!important;
    justify-content:space-between!important;
    gap:8px!important;
    align-items:baseline!important;
}
#stateo-app .stateo-eff-profile-label small{opacity:.55!important;font-size:10px!important}
#stateo-app .stateo-eff-profile-bar{
    height:9px!important;
    border-radius:999px!important;
    overflow:hidden!important;
    background:rgba(255,255,255,.07)!important;
}
#stateo-app .stateo-eff-profile-bar i{
    display:block!important;height:100%!important;min-width:0!important;border-radius:999px!important;
    background:#d5ad55!important;
}
#stateo-app .stateo-eff-profile-bar i.is-consulting{background:#ffd400!important}
#stateo-app .stateo-eff-profile-bar i.is-measurement{background:#00d5ff!important}
#stateo-app .stateo-eff-profile-bar i.is-planning{background:#278cff!important}
#stateo-app .stateo-eff-profile-bar i.is-ordering{background:#21d35b!important}
#stateo-app .stateo-eff-profile-bar i.is-ab_check{background:#a855f7!important}
#stateo-app .stateo-eff-profile-bar i.is-pause{background:#ff4d4d!important}
#stateo-app .stateo-eff-profile-bar i.is-training{background:#ff8a00!important}
#stateo-app .stateo-eff-profile-bar i.is-idle{background:#6b7280!important}
#stateo-app .stateo-eff-profile-pct{text-align:right!important;font-size:12px!important}
#stateo-app .stateo-eff-longterm-insights{margin-bottom:14px!important}
@media(max-width:1180px){
    #stateo-app .stateo-eff-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
    #stateo-app .stateo-eff-overview-grid{grid-template-columns:1fr!important}
    #stateo-app .stateo-eff-section-head{display:block!important}
    #stateo-app .stateo-eff-loss-chip{display:inline-block!important;margin-top:12px!important;white-space:normal!important}
    #stateo-app .stateo-eff-profile-row{grid-template-columns:110px minmax(80px,1fr) 52px!important;gap:8px!important}
    #stateo-app .stateo-eff-profile-label{display:block!important}
    #stateo-app .stateo-eff-profile-label small{display:block!important;margin-top:2px!important}
}


/* STATEO 0.14.3 – Umsatzübersicht mit Vormonat */
#stateo-app .stateo-log-summary{
    grid-template-columns:1.15fr 1.15fr 1.15fr 1.15fr!important;
}
#stateo-app .stateo-log-prev-summary{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
}
#stateo-app .stateo-log-prev-summary strong{
    font-size:22px!important;
    margin-top:6px!important;
}
#stateo-app .stateo-log-prev-summary span,
#stateo-app .stateo-log-gap{
    display:block!important;
    margin-top:4px!important;
    font-size:11px!important;
    opacity:.72!important;
}
#stateo-app .stateo-log-gap{
    color:#f0c96a!important;
}
#stateo-app .stateo-log-gap.is-positive{
    color:#72d6a0!important;
}
#stateo-app .stateo-log-gap.is-empty{
    opacity:.48!important;
}
@media(max-width:900px){
    #stateo-app .stateo-log-summary{grid-template-columns:1fr 1fr!important}
}
@media(max-width:560px){
    #stateo-app .stateo-log-summary{grid-template-columns:1fr!important}
}


/* STATEO 0.14.6 – Tätigkeiten nachtragen */
#stateo-app .stateo-work-add-form{
    display:grid!important;
    grid-template-columns:minmax(180px,1.1fr) 150px minmax(170px,.9fr) 115px 115px auto!important;
    gap:10px!important;
    align-items:end!important;
    padding:14px!important;
    margin:0 0 14px!important;
    border:1px solid rgba(216,168,78,.24)!important;
    border-radius:12px!important;
    background:rgba(216,168,78,.055)!important;
}
#stateo-app .stateo-work-add-title{
    align-self:center!important;
}
#stateo-app .stateo-work-add-title strong{
    display:block!important;
    color:var(--stateo-gold2)!important;
    font-size:13px!important;
}
#stateo-app .stateo-work-add-title span{
    display:block!important;
    color:var(--stateo-muted)!important;
    font-size:10px!important;
    margin-top:3px!important;
}
#stateo-app .stateo-work-add-form label>span{
    display:block!important;
    margin-bottom:5px!important;
    color:var(--stateo-muted)!important;
    font-size:10px!important;
}
#stateo-app .stateo-work-add-form input,
#stateo-app .stateo-work-add-form select{
    width:100%!important;
    min-height:38px!important;
}
#stateo-app .stateo-work-add-btn{
    min-height:38px!important;
    white-space:nowrap!important;
}
@media(max-width:1180px){
    #stateo-app .stateo-work-add-form{
        grid-template-columns:1fr 1fr 1fr!important;
    }
}
@media(max-width:700px){
    #stateo-app .stateo-work-add-form{
        grid-template-columns:1fr!important;
    }
}


/* STATEO 0.14.7 – Nachtragen kompakter/dezenter */
#stateo-app .stateo-work-add-form{
    grid-template-columns:150px minmax(220px,1fr) 110px 110px auto!important;
    gap:8px!important;
    align-items:end!important;
    padding:10px 12px!important;
    margin:0 0 10px!important;
    border-radius:10px!important;
    background:rgba(216,168,78,.025)!important;
    border-color:rgba(216,168,78,.14)!important;
}
#stateo-app .stateo-work-add-title{
    display:none!important;
}
#stateo-app .stateo-work-add-form label>span{
    font-size:9px!important;
    margin-bottom:4px!important;
    opacity:.7!important;
}
#stateo-app .stateo-work-add-form input,
#stateo-app .stateo-work-add-form select{
    min-height:34px!important;
    height:34px!important;
    padding-top:6px!important;
    padding-bottom:6px!important;
    font-size:12px!important;
    border-radius:8px!important;
}
#stateo-app .stateo-work-add-btn{
    min-height:34px!important;
    height:34px!important;
    padding:0 12px!important;
    font-size:10px!important;
    border-radius:8px!important;
}
@media(max-width:980px){
    #stateo-app .stateo-work-add-form{
        grid-template-columns:140px minmax(180px,1fr) 105px 105px auto!important;
    }
}
@media(max-width:760px){
    #stateo-app .stateo-work-add-form{
        grid-template-columns:1fr 1fr!important;
    }
    #stateo-app .stateo-work-add-form label:nth-of-type(2){
        grid-column:span 1!important;
    }
    #stateo-app .stateo-work-add-btn{
        grid-column:span 2!important;
        width:100%!important;
    }
}


/* STATEO 0.14.9 – Tätigkeit löschen */
#stateo-app .stateo-work-correction-actions{
    display:flex!important;
    align-items:end!important;
    gap:7px!important;
}
#stateo-app .stateo-work-delete-btn{
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    padding:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid rgba(239,111,115,.28)!important;
    border-radius:8px!important;
    background:rgba(239,111,115,.045)!important;
    color:#d98a8e!important;
    font-size:15px!important;
    line-height:1!important;
    cursor:pointer!important;
    box-shadow:none!important;
}
#stateo-app .stateo-work-delete-btn:hover{
    border-color:rgba(239,111,115,.7)!important;
    background:rgba(239,111,115,.11)!important;
    color:#ff9ca0!important;
}
#stateo-app .stateo-work-delete-btn:disabled{
    opacity:.35!important;
    cursor:wait!important;
}


/* STATEO 0.15.1 – vollständige Löschliste des gewählten Monats */
#stateo-app .stateo-work-correction-list{
    max-height:360px!important;
    overflow-y:auto!important;
    padding-right:4px!important;
}
#stateo-app .stateo-work-correction-row{
    min-height:48px!important;
}
#stateo-app .stateo-work-correction-row input:disabled,
#stateo-app .stateo-work-correction-row button:disabled{
    opacity:.42!important;
}
#stateo-app .stateo-work-delete-btn:disabled{
    opacity:.35!important;
}