*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:#f5f7fb;color:#171923}.app{min-height:100vh;display:flex}aside{width:245px;background:#111827;color:#fff;padding:24px 18px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable}.brand{font-size:22px;font-weight:900;color:#fff;text-decoration:none;display:flex;gap:10px;align-items:center}.brand span{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#fff;color:#111827}nav{display:grid;gap:7px;margin-top:30px}aside nav a{color:#cbd5e1;text-decoration:none;padding:12px 14px;border-radius:12px}aside nav a:hover{background:#1f2937;color:#fff}.sidefoot{margin-top:auto;font-size:13px;color:#cbd5e1}.sidefoot a{display:block;color:#fff;margin-top:8px}main{margin-left:245px;padding:26px;max-width:1450px;width:100%}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}h1{margin:0;font-size:28px}header p{margin:4px 0 0;color:#7b8494}.primary,.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;background:#111827;color:#fff;text-decoration:none;padding:12px 16px;font-weight:750;cursor:pointer}.btn.secondary{background:#fff;color:#111827;border:1px solid #d8dee8}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:#fff;border:1px solid #e5e9f0;border-radius:18px;padding:18px;box-shadow:0 5px 25px rgba(15,23,42,.035)}.metric strong{display:block;font-size:28px;margin-top:8px}.muted{color:#778197}.section{margin-top:20px}.row{display:flex;gap:12px;align-items:center}.between{justify-content:space-between}.list{display:grid;gap:10px}.item{background:#fff;border:1px solid #e5e9f0;border-radius:16px;padding:15px;display:flex;justify-content:space-between;gap:15px;align-items:center;text-decoration:none;color:inherit}.badge{padding:6px 10px;border-radius:999px;background:#eef2ff;font-size:12px;font-weight:800}.badge.green{background:#e9f9ef}.badge.red{background:#fff0f0}.badge.orange{background:#fff5df}.form{display:grid;gap:15px;max-width:850px}.cols2{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{font-weight:700;font-size:14px}input,select,textarea{width:100%;margin-top:7px;border:1px solid #dce2ea;background:#fff;border-radius:13px;min-height:46px;padding:11px 13px;font:inherit;outline:none}textarea{min-height:110px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#64748b;box-shadow:0 0 0 3px #eef2f7}.flash{padding:13px 15px;border-radius:13px;background:#eaf8ee;margin-bottom:18px}.flash.err{background:#fff0f0}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.toolbar input{max-width:320px;margin:0}.tablewrap{overflow:auto;border-radius:16px;border:1px solid #e5e9f0;background:#fff}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px 14px;border-bottom:1px solid #edf0f5;white-space:nowrap}th{font-size:12px;text-transform:uppercase;color:#7b8494}.timeline{border-left:2px solid #e4e8ee;margin-left:8px;padding-left:18px;display:grid;gap:18px}.timeline small{color:#7b8494}.public{max-width:720px;margin:35px auto;padding:0 18px}.public .logo{text-align:center;font-size:25px;font-weight:900}.approve{width:100%;padding:15px;border:0;border-radius:13px;background:#111827;color:#fff;font-weight:900;font-size:16px}.mobile-nav{display:none}.login{min-height:100vh;display:grid;place-items:center;padding:20px}.loginbox{width:min(430px,100%);background:#fff;border:1px solid #e5e9f0;border-radius:22px;padding:28px}.loginbox .brand{color:#111827;margin-bottom:25px}
@media(max-width:900px){aside{display:none}main{margin:0;padding:18px 14px 90px}header{align-items:flex-start}header .primary{display:none}.grid4{grid-template-columns:1fr 1fr}.cols2{grid-template-columns:1fr}.mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;margin:0;background:#fff;border-top:1px solid #e5e9f0;padding:8px 8px calc(8px + env(safe-area-inset-bottom));z-index:20}.mobile-nav a{text-decoration:none;color:#334155;text-align:center;font-size:20px}.mobile-nav small{display:block;font-size:10px;margin-top:2px}.mobile-nav .plus{width:50px;height:50px;border-radius:17px;background:#111827;color:#fff;margin:-22px auto 0;display:grid;place-items:center;font-size:29px}}@media(max-width:520px){.grid4{grid-template-columns:1fr}.item{align-items:flex-start}.item .right{text-align:right}h1{font-size:24px}}
.form-title{margin:0;font-size:18px}.divider{height:1px;background:#edf0f5;margin:3px 0}.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.upload-card{border:1px solid #e5e9f0;border-radius:16px;padding:16px;display:grid;gap:12px;align-content:start}.upload-preview{display:block;max-width:100%;object-fit:contain;background:#f8fafc;border:1px dashed #d8dee8;border-radius:12px;padding:10px}.logo-preview{height:110px}.stamp-preview{height:140px}.check{font-weight:600;display:flex;align-items:center;gap:8px}.check input{width:18px;min-height:auto;height:18px;margin:0}@media(max-width:700px){.upload-grid{grid-template-columns:1fr}}
.share-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.share-btn{display:flex;align-items:center;justify-content:center;min-height:48px;padding:11px 14px;border:1px solid #d7dde7;border-radius:12px;background:#fff;color:#111827;text-decoration:none;font-weight:800;cursor:pointer}.share-btn:hover{background:#f6f8fb}.form small.muted{display:block;margin-top:6px;font-weight:400}.divider{height:1px;background:#e5e9f0;margin:24px 0}@media(max-width:720px){.share-grid{grid-template-columns:1fr 1fr}}

/* WEBLO v1.3.1 - scrollable desktop sidebar */
aside::-webkit-scrollbar{width:8px}aside::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:999px}aside::-webkit-scrollbar-track{background:transparent}
/* WEBLO v1.4 */
aside{overflow-y:auto;overscroll-behavior:contain}.mobile-head,.mobile-drawer,.drawer-shade{display:none}.mobile-nav button{border:0;background:transparent;color:#334155;text-align:center;font-size:20px}.mobile-nav button small{display:block;font-size:10px;margin-top:2px}.doc-chips{display:flex;gap:8px;flex-wrap:wrap}.doc-chip{display:inline-flex;gap:7px;align-items:center;padding:8px 10px;border:1px solid #dbe1ea;border-radius:11px;text-decoration:none;color:#111827;background:#fff;font-size:13px}.occupied{border-left:5px solid #111827}.timeblock{font-weight:900}.offer-items{display:grid;gap:10px}.offer-row{display:grid;grid-template-columns:2.2fr .65fr .7fr 1fr .75fr auto;gap:8px;align-items:end;padding:12px;border:1px solid #e5e9f0;border-radius:14px}.offer-row input,.offer-row select{margin-top:5px}.remove-row{min-height:46px;border:0;border-radius:12px;background:#f1f5f9;padding:0 14px;cursor:pointer}.catalog-suggestions{font-size:12px;color:#64748b}.statusline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
@media(max-width:900px){.mobile-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.hamburger{display:grid;width:42px;height:42px;place-items:center;border:1px solid #d8dee8;border-radius:12px;background:#fff;font-size:22px}.mobile-drawer{display:flex;position:fixed;z-index:80;top:0;bottom:0;left:0;width:min(330px,86vw);background:#111827;color:#fff;padding:20px;transform:translateX(-102%);transition:.2s ease;flex-direction:column;overflow-y:auto}.mobile-drawer.open{transform:translateX(0)}.drawer-shade{display:block;position:fixed;z-index:70;inset:0;background:rgba(15,23,42,.45);opacity:0;pointer-events:none;transition:.2s}.drawer-shade.open{opacity:1;pointer-events:auto}.drawer-head{display:flex;justify-content:space-between;align-items:center}.drawer-head button{border:0;background:transparent;color:#fff;font-size:34px}.mobile-drawer nav{display:grid;gap:5px;margin-top:24px}.mobile-drawer nav a{color:#dbe3ef;text-decoration:none;padding:12px;border-radius:12px}.mobile-drawer nav a:hover{background:#1f2937}.drawer-foot{margin-top:auto;padding-top:20px;color:#cbd5e1}.drawer-foot a{color:#fff}.menu-open{overflow:hidden}.offer-row{grid-template-columns:1fr 1fr}.offer-row label:first-child{grid-column:1/-1}.offer-row .remove-row{grid-column:1/-1}.mobile-nav{z-index:60}}
@media(max-width:520px){.offer-row{grid-template-columns:1fr}.offer-row label:first-child,.offer-row .remove-row{grid-column:auto}}

/* WEBLO v1.5 - jednotné akcie, prehľad zákazky a stavy dokladov */
.btn.small{padding:8px 11px;border-radius:10px;font-size:13px;min-height:36px}.action-buttons{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end;margin-top:7px}.action-line{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.badge.gray{background:#eef1f5;color:#4b5563}.summary-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}.summary-label{display:block;color:#778197;font-size:14px}.summary-value{display:block;font-size:18px;line-height:1.25;overflow-wrap:anywhere}.summary-sub{display:block;color:#334155;line-height:1.35;overflow-wrap:anywhere}.doc-chip{flex-direction:column;align-items:flex-start;gap:2px;min-width:180px}.doc-chip.doc-paid{background:#eaf8ee;border-color:#b9e8c8}.doc-chip.doc-overdue{background:#fff0f0;border-color:#f3b9b9}.doc-chip.doc-pending{background:#f1f3f6;border-color:#d8dde5}.doc-chip span{font-size:12px;color:#566174}.job-summary .card{min-height:118px}
@media(max-width:900px){.action-buttons{justify-content:flex-start}.action-line{justify-content:flex-start}.right{text-align:left}.item{align-items:flex-start;flex-direction:column}.item .right{width:100%}.job-summary{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.job-summary{grid-template-columns:1fr}.action-buttons .btn.small{flex:1 1 auto}.doc-chip{width:100%}}

/* WEBLO v1.6 - typ realizácie + nová mobilná navigácia */
.mobile-topbar,.quick-actions,.quick-shade{display:none}
.fulfillment-fields{display:grid;gap:14px}.fulfillment-note{padding:12px 14px;border-radius:12px;background:#f8fafc;color:#566174;font-size:13px}.kind-badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eef2f7;color:#344054;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.03em}.calendar-deadline{border-left:5px solid #94a3b8}.calendar-delivery{border-left:5px solid #64748b}.calendar-digital{border-left:5px solid #cbd5e1}
@media(max-width:900px){
 main{padding-top:86px}.mobile-topbar{display:flex;position:fixed;z-index:55;left:0;right:0;top:0;height:66px;background:#fff;border-bottom:1px solid #e5e9f0;align-items:center;justify-content:space-between;padding:10px 14px calc(10px + env(safe-area-inset-top));box-shadow:0 3px 16px rgba(15,23,42,.04)}
 .mobile-brand{display:flex;align-items:center;gap:9px;color:#111827;text-decoration:none;font-size:20px;font-weight:900}.mobile-brand span{width:36px;height:36px;border-radius:11px;background:#111827;color:#fff;display:grid;place-items:center;font-size:21px;font-weight:950}.mobile-brand b{font-weight:950;letter-spacing:.01em}
 .mobile-topbar .hamburger{margin-left:auto;border:0;background:#fff;color:#111827;font-size:26px;width:44px;height:44px;border-radius:12px;display:grid;place-items:center}
 .mobile-nav{grid-template-columns:repeat(5,1fr);align-items:end}.mobile-nav button.plus{border:0;width:54px;height:54px;border-radius:18px;background:#111827;color:#fff;margin:-26px auto 0;display:grid;place-items:center;font-size:31px;box-shadow:0 8px 22px rgba(15,23,42,.22)}
 .quick-shade{display:block;position:fixed;z-index:88;inset:0;background:rgba(15,23,42,.45);opacity:0;pointer-events:none;transition:.2s}.quick-shade.open{opacity:1;pointer-events:auto}
 .quick-actions{display:grid;position:fixed;z-index:89;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));background:#fff;border:1px solid #e5e9f0;border-radius:22px;padding:12px 16px 16px;box-shadow:0 20px 55px rgba(15,23,42,.22);transform:translateY(120%);transition:.22s ease;gap:10px}.quick-actions.open{transform:translateY(0)}.quick-actions h3{margin:4px 0 2px}.quick-handle{width:48px;height:5px;background:#dbe1e9;border-radius:999px;margin:0 auto 4px}.quick-action{display:flex;flex-direction:column;gap:3px;text-decoration:none;color:#111827;border:1px solid #e1e6ee;border-radius:15px;padding:14px;background:#fff}.quick-action span{font-size:12px;color:#778197}
 .mobile-drawer{left:auto;right:0;transform:translateX(102%)}.mobile-drawer.open{transform:translateX(0)}
 header{margin-top:4px}.fulfillment-fields{grid-template-columns:1fr}
}
/* WEBLO v1.7 – katalóg položiek */
.catalog-autocomplete{position:relative}.catalog-suggestions{display:none;position:absolute;z-index:60;left:0;right:0;top:calc(100% + 5px);background:#fff;border:1px solid #d8dee9;border-radius:14px;box-shadow:0 16px 40px rgba(15,23,42,.16);max-height:300px;overflow:auto;padding:6px}.catalog-suggestions.show{display:block}.catalog-suggestion{display:flex;width:100%;border:0;background:#fff;text-align:left;padding:10px 12px;border-radius:10px;cursor:pointer;flex-direction:column;gap:2px}.catalog-suggestion:hover{background:#f3f5f8}.catalog-suggestion strong{font-size:14px}.catalog-suggestion span{font-size:12px;color:#687386}

/* WEBLO v1.8 – zjednodušený životný cyklus zákazky */
.status-big{font-size:13px;line-height:1.35;white-space:normal}.final-status{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:14px;background:#f1f3f6;color:#334155}.final-status.green{background:#e9f9ef;color:#176b38}.final-status.red{background:#fff0f0;color:#a32b2b}.final-status.gray{background:#eef1f5;color:#4b5563}.final-status.orange{background:#fff5df;color:#8a5a00}.payment-actions{display:flex;gap:10px;flex-wrap:wrap}.payment-actions form{margin:0}.badge.orange{background:#fff5df;color:#8a5a00}.badge.green{color:#176b38}.badge.red{color:#a32b2b}

/* WEBLO v1.9 – farebný dashboard, nové filtre, prihlásenie a navigácia */
.loginbox-v19{max-width:460px}.login-logo{display:flex;justify-content:center;align-items:center;gap:12px;text-decoration:none;color:#101828;font-size:28px;font-weight:950;margin:2px auto 24px}.login-logo span{width:48px;height:48px;border-radius:15px;background:#101828;color:#fff;display:grid;place-items:center;font-size:28px}.loginbox-v19 h1{text-align:center;margin-bottom:6px}.loginbox-v19>p{text-align:center}.login-options{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:-2px 0 4px;font-size:13px}.login-options a{color:#334155;font-weight:750}.login-options .remember{margin:0;display:flex;align-items:center;gap:7px;font-weight:650}.login-options .remember input{width:auto;margin:0}.header-actions{display:flex;gap:10px;flex-wrap:wrap}.offer-btn{background:#7c3aed!important;color:#fff!important;border-color:#7c3aed!important}.job-btn{background:#0f766e!important;color:#fff!important;border-color:#0f766e!important}.dashboard-actions{display:flex;gap:12px;margin-bottom:18px}.big-action{padding:14px 20px;font-size:15px}.dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.dash-card{min-height:145px;border-radius:20px;padding:18px;text-decoration:none;display:flex;flex-direction:column;gap:8px;box-shadow:0 6px 22px rgba(15,23,42,.06);border:1px solid rgba(15,23,42,.06);transition:.15s transform,.15s box-shadow;color:#172033}.dash-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(15,23,42,.10)}.dash-card span{font-weight:800;font-size:14px}.dash-card strong{font-size:29px;line-height:1.1}.dash-card small{margin-top:auto;font-weight:700;opacity:.75}.c-blue{background:#eaf2ff}.c-purple{background:#f1eaff}.c-orange{background:#fff0df}.c-green{background:#e8f8ee}.c-yellow{background:#fff8d7}.c-red{background:#ffe9e9}.c-cyan{background:#e5f8fb}.c-pink{background:#ffe9f3}.c-dark{background:#172033;color:#fff}.earnings-card{grid-column:span 2;min-height:175px}.earnings-card strong{font-size:34px}.earnings-filter{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:auto}.earnings-filter select,.earnings-filter input{min-height:38px;border:1px solid rgba(255,255,255,.25);background:#fff;color:#111827;border-radius:10px;padding:6px 9px}.filters-toolbar{align-items:flex-start}.filter-tabs{display:flex;gap:7px;flex-wrap:wrap}.active-filter{background:#111827!important;color:#fff!important;border-color:#111827!important}.striped-list>.item:nth-child(even){background:#f6f8fb}.striped-list>.item:nth-child(odd){background:#fff}.striped-list>.item{border-radius:14px}.danger{background:#b42318!important;color:#fff!important;border-color:#b42318!important}.action-buttons form{display:inline-flex;margin:0}.clients-toolbar{align-items:center}.live-search-wrap{position:relative;flex:1;min-width:280px}.live-search-wrap input{width:100%}.search-state{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:11px;background:#fff;padding-left:8px}.sidefoot .user-name,.drawer-foot .user-name{font-weight:850;color:#fff;margin-bottom:6px}.sidefoot .copyright,.drawer-foot .copyright{font-size:11px;opacity:.55;margin-top:12px;letter-spacing:.03em}.sidefoot>a,.drawer-foot>a{display:inline-block;color:#fff}.sidefoot{line-height:1.4}.mobile-drawer .copyright{padding-bottom:12px}
@media(max-width:1200px){.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.earnings-card{grid-column:span 2}.header-actions{display:none}.dashboard-actions{display:grid;grid-template-columns:1fr 1fr}.filters-toolbar{flex-direction:column}.filter-tabs{width:100%}.clients-toolbar{flex-direction:column;align-items:stretch}.live-search-wrap{min-width:0}.toolbar.clients-toolbar .btn{width:100%;text-align:center}.login-options{align-items:flex-start;flex-direction:column}.search-state{display:none}}
@media(max-width:560px){.dashboard-grid{grid-template-columns:1fr}.earnings-card{grid-column:auto}.dash-card{min-height:126px}.dashboard-actions{grid-template-columns:1fr 1fr}.big-action{padding:12px 10px;text-align:center;font-size:13px}.filter-tabs .btn{flex:1 1 auto;text-align:center}.earnings-filter{align-items:stretch}.earnings-filter select,.earnings-filter input,.earnings-filter .btn{width:100%}}

/* WEBLO v2.0 – real-time dashboard, notifikácie, fakturačný formulár, kalendár */
aside nav a,.mobile-drawer nav a{display:flex;align-items:center;justify-content:space-between;gap:10px}.nav-badge{min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#ef4444;color:#fff;display:inline-grid;place-items:center;font-size:11px;font-weight:900;line-height:1}.nav-badge.hidden{display:none}.custom-period{display:none;gap:8px;align-items:center}.custom-period.show{display:flex}.wide-form{max-width:1100px}.client-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.doc-total-card{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-radius:15px;background:#f2f6ff;border:1px solid #dae5fb}.doc-total-card span{font-weight:750;color:#526079}.doc-total-card strong{font-size:24px}.prefix-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.danger-zone{max-width:1100px;border-color:#fecaca;background:#fffafa}.danger-zone>h2{color:#991b1b}.danger-row{display:grid;grid-template-columns:180px 1fr 1.35fr;gap:12px;align-items:end;padding:14px 0;border-top:1px solid #fee2e2}.danger-row>div{display:grid;gap:3px}.danger-row small{color:#7b8494}.inline-reset,.inline-purge{display:flex;gap:8px;align-items:end}.inline-reset input,.inline-purge input{margin:0;min-height:38px}.calendar-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.calendar-title{font-size:22px;font-weight:900}.calendar-legend{display:flex;gap:18px;flex-wrap:wrap;margin:0 0 14px;color:#64748b;font-size:12px;font-weight:700}.calendar-legend span{display:flex;align-items:center;gap:6px}.cal-dot{width:9px;height:9px;border-radius:50%;display:inline-block}.cal-dot.visit{background:#2563eb}.cal-dot.pickup{background:#7c3aed}.cal-dot.delivery{background:#0f766e}.cal-dot.digital{background:#64748b}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));background:#dfe5ee;gap:1px;border:1px solid #dfe5ee;border-radius:18px;overflow:hidden}.dow{background:#f7f9fc;padding:10px;text-align:center;font-weight:850;font-size:12px}.dow.weekend{background:#f2f5f9}.calendar-day{min-height:145px;background:#fff;padding:9px;position:relative}.calendar-day.empty{background:#f7f9fc}.calendar-day.today{box-shadow:inset 0 0 0 2px #7c3aed}.day-number{font-weight:900;font-size:13px;margin-bottom:7px}.today .day-number{display:inline-grid;place-items:center;background:#7c3aed;color:#fff;width:27px;height:27px;border-radius:50%}.day-events{display:grid;gap:6px}.calendar-event{display:flex;flex-direction:column;gap:1px;padding:7px 8px;border-radius:9px;text-decoration:none;color:#172033;border-left:4px solid #64748b;background:#f8fafc;min-width:0}.calendar-event.visit{border-color:#2563eb;background:#eff6ff}.calendar-event.pickup{border-color:#7c3aed;background:#f5f3ff}.calendar-event.delivery{border-color:#0f766e;background:#f0fdfa}.calendar-event.digital{border-color:#64748b;background:#f8fafc}.calendar-event .event-top{font-size:9px;font-weight:900;text-transform:uppercase;color:#64748b}.calendar-event strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-event small{font-size:10px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-mobile-list{display:none;gap:10px}.calendar-mobile-list .card{display:grid;gap:8px}.calendar-mobile-list h2{margin:0 0 4px}.calendar-mobile-list .calendar-event{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.calendar-mobile-list .calendar-event strong{font-size:14px;white-space:normal}.login-logo svg{width:48px;height:48px}
@media(max-width:1100px){.client-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.prefix-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.danger-row{grid-template-columns:1fr}.calendar-day{min-height:120px}}
@media(max-width:760px){.calendar-grid,.calendar-legend{display:none}.calendar-mobile-list{display:grid}.calendar-toolbar{position:sticky;top:70px;z-index:10;background:#f5f7fb;padding:8px 0}.calendar-title{font-size:17px}.calendar-toolbar .btn{padding:9px 11px;font-size:12px}.client-fields{grid-template-columns:1fr}.prefix-grid{grid-template-columns:1fr 1fr}.inline-reset,.inline-purge{flex-wrap:wrap}.inline-reset input,.inline-purge input{flex:1 1 150px}.custom-period.show{display:grid;grid-template-columns:1fr 1fr;width:100%}.custom-period input{width:100%}}
.mobile-nav-item{position:relative}.mobile-badge{position:absolute;top:-5px;right:18%;min-width:18px;height:18px;font-size:9px}
/* WEBLO v2.1 TEAM */
.team-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:18px}.team-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 18px}.team-check{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid #dfe5ee;border-radius:14px;background:#fff}.team-check input{width:18px;height:18px;margin-top:2px}.team-check span{display:flex;flex-direction:column;gap:3px}.team-check small{color:#6b7280}.team-body{background:#f3f6fb}.team-shell{max-width:900px;margin:0 auto;min-height:100vh}.team-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:5}.team-main{padding:22px}.team-tasks{display:grid;gap:14px}.team-task{display:flex;justify-content:space-between;gap:18px;text-decoration:none;color:inherit}.team-task h2{margin:8px 0 4px}.team-date{display:flex;flex-direction:column;align-items:flex-end;gap:4px;white-space:nowrap}.client-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center}.client-actions{display:flex;gap:8px;flex-wrap:wrap}.btn.small{padding:8px 10px;font-size:13px}.field-with-action{display:flex;gap:8px}.field-with-action input{flex:1}.badge.green{background:#dcfce7;color:#166534}.badge.orange{background:#ffedd5;color:#9a3412}.badge.gray{background:#eef2f7;color:#475569}
@media(max-width:760px){.team-grid{grid-template-columns:1fr}.team-checks{grid-template-columns:1fr}.client-row{grid-template-columns:1fr!important}.client-actions{order:3}.team-task{flex-direction:column}.team-date{align-items:flex-start}.field-with-action{flex-direction:column}}

/* WEBLO v2.1.2 - TEAM portal layout hotfix */
.team-body{margin:0;overflow-x:hidden;background:#f3f6fb}
.team-body .team-shell{width:min(100%,960px);max-width:960px;margin:0 auto;min-height:100vh}
.team-body .team-head{margin:0;display:flex;justify-content:space-between;align-items:center;padding:16px 22px;background:#fff;border:1px solid #e5e9f0;border-top:0;border-radius:0 0 18px 18px;box-shadow:0 5px 22px rgba(15,23,42,.04)}
.team-body .team-head .mobile-brand{display:flex;align-items:center;gap:10px;color:#111827;text-decoration:none}
.team-body .team-head a{color:#334155}
.team-body main.team-main{margin:0!important;max-width:none!important;width:100%!important;padding:34px 22px 48px!important}
.team-body .team-main>h1{font-size:30px;margin:0 0 6px}
.team-body .team-main>.muted{margin:0 0 20px}
.team-body .team-tasks{width:100%;display:grid;gap:14px}
.team-body .team-task{width:100%;padding:18px 20px;border-radius:18px;transition:.15s ease}
.team-body .team-task:hover{transform:translateY(-1px);box-shadow:0 10px 28px rgba(15,23,42,.08)}
.team-body .team-task h2{font-size:19px}
.team-body .team-task p{margin:0;color:#64748b}
.team-body .team-date strong{font-size:15px}
.team-body .team-main>.card{width:100%}
.team-body .grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}
.team-body .grid2>div{display:flex;flex-direction:column;gap:4px;padding:13px;border-radius:13px;background:#f7f9fc}
@media(max-width:700px){
 .team-body .team-shell{width:100%}
 .team-body .team-head{padding:12px 14px;border-radius:0;gap:10px}
 .team-body .team-head .mobile-brand{font-size:18px}
 .team-body .team-head>div{font-size:13px;text-align:right}
 .team-body main.team-main{padding:24px 14px 34px!important}
 .team-body .team-main>h1{font-size:25px}
 .team-body .team-task{padding:16px;gap:12px}
 .team-body .team-task h2{font-size:18px}
 .team-body .grid2{grid-template-columns:1fr 1fr}
}
@media(max-width:430px){
 .team-body .team-head .mobile-brand b{display:inline}
 .team-body .team-head>div strong{display:block}
 .team-body .team-task{flex-direction:column}
 .team-body .team-date{align-items:flex-start}
 .team-body .grid2{grid-template-columns:1fr}
}

/* WEBLO v2.2 – TEAM pracovné rozhranie */
.team-member-row{display:grid!important;grid-template-columns:1fr auto;align-items:center;gap:12px}.team-member-link{display:flex;align-items:center;gap:10px;flex-wrap:wrap;text-decoration:none;color:inherit;min-width:0}.team-member-link>strong{min-width:140px}.team-member-link .muted{flex:1}.team-member-grid{margin-bottom:20px}.team-member-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.team-member-stats>div{background:#f6f8fb;border-radius:14px;padding:14px;display:grid;gap:3px}.team-member-stats strong{font-size:24px}.team-member-stats span{font-size:12px;color:#6b7280}.team-admin-tasks{display:grid;gap:14px}.team-admin-task-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.team-admin-task h3{margin:7px 0 4px}.team-admin-task h3 a{text-decoration:none;color:inherit}.team-thread{display:grid;gap:8px;margin:16px 0;max-height:360px;overflow:auto;padding:4px}.team-message{max-width:82%;padding:10px 12px;border-radius:14px;display:grid;gap:4px;font-size:14px}.team-message strong{font-size:12px}.team-message small{font-size:10px;opacity:.65}.team-message.from-team{background:#eef2ff;margin-right:auto;border-bottom-left-radius:4px}.team-message.from-admin{background:#dcfce7;margin-left:auto;border-bottom-right-radius:4px}.team-message-form{display:grid;grid-template-columns:1fr auto;gap:8px}.team-message-form input{margin:0}.team-app{margin:0;background:#f4f7fb;color:#172033;min-height:100vh}.team-sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:#111827;color:#fff;padding:22px 16px;display:flex;flex-direction:column;z-index:30}.team-sidebar .brand{margin-bottom:28px}.team-sidebar nav{display:grid;gap:8px}.team-sidebar nav a{display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:12px;color:#dbe4ef;text-decoration:none;font-weight:750}.team-sidebar nav a.active,.team-sidebar nav a:hover{background:#1f2937;color:#fff}.team-icon{width:30px;height:30px;border-radius:9px;background:#fff1;display:grid;place-items:center;font-size:17px}.team-sidefoot{margin-top:auto;display:grid;gap:5px;padding:12px}.team-sidefoot span{font-size:12px;color:#94a3b8}.team-sidefoot a{color:#fff;margin-top:6px}.team-sidefoot small{color:#64748b;margin-top:8px}.team-content{margin-left:245px;max-width:none;padding:28px 34px 100px;min-height:100vh}.team-mobile-head{display:none}.team-page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;max-width:1180px;margin:0 auto 20px}.team-page-head h1{margin:5px 0 4px;font-size:30px}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.12em;color:#7c3aed}.team-task-grid,.team-mini-calendar,.team-task-layout{max-width:1180px;margin-left:auto;margin-right:auto}.team-task-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.team-task-card{display:grid;gap:8px;text-decoration:none;color:inherit;border:1px solid #e3e8f0;transition:.15s}.team-task-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(15,23,42,.08)}.team-task-top{display:flex;justify-content:space-between;align-items:center}.team-task-card h2{margin:3px 0;font-size:20px}.team-task-card p{margin:0;color:#64748b}.team-task-meta{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;font-weight:700;margin-top:4px}.team-msg-count{font-size:12px;color:#475569}.team-empty{grid-column:1/-1;display:grid;gap:6px;text-align:center;padding:34px}.team-mini-calendar{margin-top:20px}.team-calendar-list{display:grid;gap:7px}.team-calendar-list a{display:grid;grid-template-columns:110px 1fr auto;gap:10px;align-items:center;padding:10px 12px;border-radius:11px;background:#f8fafc;text-decoration:none;color:inherit}.team-task-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:18px}.team-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.team-info-grid>div{background:#f7f9fc;padding:12px;border-radius:12px;display:grid;gap:4px}.team-info-grid span,.team-description>span{font-size:11px;font-weight:850;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.team-description{margin-top:14px}.team-description p{margin:5px 0 0}.team-status-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.team-working{background:#f59e0b!important;color:#fff!important;border-color:#f59e0b!important}.team-done{background:#16a34a!important;color:#fff!important;border-color:#16a34a!important}.team-chat{display:flex;flex-direction:column;min-height:480px}.team-chat .team-thread{flex:1}.team-chat-empty{padding:24px;text-align:center;color:#94a3b8}.team-chat-form{display:grid;gap:8px;margin-top:auto}.team-chat-form textarea{width:100%;resize:vertical}.team-back{text-decoration:none;color:#64748b;font-weight:700;font-size:13px}.team-mobile-nav{display:none}
@media(max-width:900px){.team-task-grid{grid-template-columns:1fr}.team-task-layout{grid-template-columns:1fr}.team-content{padding-left:24px;padding-right:24px}.team-member-stats{grid-template-columns:1fr}}
@media(max-width:760px){.team-sidebar{display:none}.team-content{margin-left:0;padding:82px 14px 88px}.team-mobile-head{display:flex;position:fixed;top:0;left:0;right:0;height:66px;background:#fff;border-bottom:1px solid #e5e7eb;z-index:40;align-items:center;justify-content:space-between;padding:0 16px}.team-mobile-head a{text-decoration:none;color:#172033}.team-page-head{margin-bottom:14px}.team-page-head h1{font-size:24px}.team-task-card{padding:15px}.team-task-card h2{font-size:18px}.team-mini-calendar{margin-top:14px}.team-calendar-list a{grid-template-columns:90px 1fr}.team-calendar-list small{display:none}.team-task-layout{display:grid}.team-info-grid{grid-template-columns:1fr 1fr}.team-chat{min-height:390px}.team-message{max-width:92%}.team-mobile-nav{display:grid;position:fixed;left:0;right:0;bottom:0;z-index:50;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid #e5e7eb;padding:7px max(8px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));box-shadow:0 -8px 24px rgba(15,23,42,.08)}.team-mobile-nav a{display:grid;place-items:center;gap:2px;color:#64748b;text-decoration:none;font-size:20px}.team-mobile-nav a small{font-size:10px;font-weight:800}.team-mobile-nav a.active{color:#7c3aed}.team-member-row{grid-template-columns:1fr}.team-member-link{display:grid}.team-message-form{grid-template-columns:1fr}.team-member-link .btn{width:max-content}}
@media(max-width:430px){.team-info-grid{grid-template-columns:1fr}.team-page-head{align-items:center}.team-page-head .badge{white-space:nowrap}.team-task-meta{display:grid;gap:5px}.team-calendar-list a{grid-template-columns:85px 1fr}.team-member-stats{grid-template-columns:1fr 1fr}.team-member-stats>div:last-child{grid-column:1/-1}}

/* WEBLO v2.2.2 - TEAM desktop width/layout fix */
@media(min-width:761px){
  body.team-app main.team-content{
    margin-left:245px!important;
    width:calc(100% - 245px)!important;
    max-width:none!important;
    min-width:0!important;
    padding:28px 34px 100px!important;
    overflow-x:hidden;
  }
  body.team-app .team-page-head,
  body.team-app .team-task-grid,
  body.team-app .team-mini-calendar,
  body.team-app .team-task-layout{
    width:100%;
    max-width:1180px;
    margin-left:auto;
    margin-right:auto;
    min-width:0;
  }
  body.team-app .team-task-layout > *,
  body.team-app .team-info-grid > *{
    min-width:0;
  }
}
@media(max-width:760px){
  body.team-app main.team-content{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    overflow-x:hidden;
  }
}

/* WEBLO v2.3 TEAM chat */
.team-thread-fixed{height:330px;max-height:330px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:10px 8px 10px 4px;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;background:linear-gradient(#fff,#fff) padding-box;border-radius:14px}
.team-thread-fixed::-webkit-scrollbar{width:8px}.team-thread-fixed::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}.team-thread-fixed::-webkit-scrollbar-track{background:transparent}
.team-chat-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.team-chat-head h2{margin-bottom:4px}
.team-admin-chatbox{margin-top:14px;border:1px solid #e5e7eb;border-radius:16px;background:#fbfcfe;padding:10px}.team-admin-chatbox .team-thread-fixed{background:#fff;border:1px solid #eef2f7}
.team-message{word-break:break-word;overflow-wrap:anywhere}.team-message span{line-height:1.45}.team-message.from-team{background:#eef2ff}.team-message.from-admin{background:#dcfce7}
.team-chat-compose,.team-admin-compose{border-top:1px solid #e5e7eb;padding-top:10px}.team-chat-compose textarea,.team-admin-compose textarea{min-height:64px;max-height:130px;resize:vertical}
.team-compose-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.team-file-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 12px;border:1px solid #d8dee9;background:#fff;border-radius:11px;font-weight:750;cursor:pointer;color:#334155}.team-file-btn:hover{background:#f8fafc}.team-file-btn input{display:none}
.team-attachment{margin-top:5px;display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center;padding:8px 10px;border:1px solid rgba(15,23,42,.08);border-radius:10px;background:rgba(255,255,255,.72);color:inherit;text-decoration:none;max-width:280px}.team-attachment:hover{border-color:#94a3b8}.team-attachment small{grid-column:2;font-size:10px!important}.team-attachment.is-image{display:block;max-width:260px}.team-attachment.is-image img{display:block;width:100%;max-height:180px;object-fit:cover;border-radius:8px;margin-bottom:7px}.team-attachment.is-image span{display:block;font-size:12px;font-weight:750}.team-attachment.is-image small{display:block;margin-top:2px}
@media(max-width:760px){.team-thread-fixed{height:280px;max-height:280px}.team-compose-actions{align-items:stretch}.team-file-btn,.team-compose-actions .primary,.team-compose-actions .btn{justify-content:center;flex:1}.team-admin-chatbox{padding:8px}.team-attachment,.team-attachment.is-image{max-width:100%}}

/* WEBLO v2.4 – realtime TEAM */
.team-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.team-member-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:18px}.team-member-head h2{margin:5px 0}.team-assign-form{display:flex;gap:8px;align-items:end;min-width:380px}.team-assign-form select{margin:0}.realtime-card{min-width:0}.realtime-card .team-thread-fixed{height:300px}.typing-line{height:22px;padding:2px 8px;font-size:12px;font-weight:750;color:#7c3aed;font-style:italic}.chat-unread{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:99px;background:#ef4444;color:#fff;font-size:11px;vertical-align:middle}.chat-unread.hidden{display:none}.file-preview{display:flex;gap:8px;flex-wrap:wrap}.file-preview-item{display:grid;grid-template-columns:42px minmax(0,1fr) 26px;gap:8px;align-items:center;max-width:240px;padding:7px;background:#f1f5f9;border:1px solid #dbe3ee;border-radius:11px}.file-preview-item img{width:42px;height:42px;object-fit:cover;border-radius:7px}.file-preview-item span{font-size:11px;font-weight:750;overflow:hidden;text-overflow:ellipsis}.file-preview-item small{display:block;color:#64748b;font-weight:500}.file-preview-item button{width:25px;height:25px;border:0;border-radius:50%;background:#fee2e2;color:#b91c1c;font-weight:900;cursor:pointer}.team-work-list{margin-top:18px;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden}.team-work-head{display:flex;justify-content:space-between;gap:10px;padding:11px 13px;background:#f8fafc;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.team-work-item{display:flex;justify-content:space-between;gap:12px;padding:12px 13px;border-top:1px solid #eef2f7}.team-work-item span{white-space:nowrap;color:#475569}.team-thread-fixed{scroll-behavior:smooth}
@media(max-width:1050px){.team-admin-grid{grid-template-columns:1fr}.team-member-head{align-items:stretch;flex-direction:column}.team-assign-form{min-width:0}}
@media(max-width:760px){.team-admin-grid{grid-template-columns:1fr}.team-assign-form{display:grid;grid-template-columns:1fr auto}.realtime-card .team-thread-fixed{height:280px}.file-preview-item{max-width:100%}}

/* WEBLO v2.5 TEAM application */
.team-user-card{margin:0 16px 12px;padding:11px 12px;border-radius:14px;display:flex;gap:10px;align-items:center;color:#fff;text-decoration:none;background:rgba(255,255,255,.06)}
.team-user-card:hover,.team-user-card.active-user{background:rgba(255,255,255,.11)}
.team-user-card img,.team-mobile-user img{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.28)}
.team-avatar-fallback,.team-mobile-user span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#111827;font-weight:900}
.team-user-card div{min-width:0}.team-user-card strong,.team-user-card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-user-card small{color:#aebbd0;margin-top:3px}
.team-mobile-user{text-decoration:none}.team-mobile-user img,.team-mobile-user span{width:36px;height:36px}
.team-profile-form{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;max-width:840px}
.team-profile-avatar{display:flex;flex-direction:column;align-items:center;gap:12px}.team-profile-avatar img,.team-profile-avatar>span{width:150px;height:150px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:#111827;color:#fff;font-size:44px;font-weight:900}
.team-profile-fields{display:grid;gap:14px}.team-profile-fields label{font-weight:750}.team-profile-fields input,.team-profile-fields textarea{margin-top:6px}
.team-calendar-toolbar{display:flex;justify-content:center;align-items:center;gap:14px;margin-bottom:14px}.team-calendar-toolbar strong{font-size:20px;min-width:110px;text-align:center}
.team-month-calendar{padding:14px}.team-week-head,.team-month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.team-week-head span{text-align:center;padding:8px;color:#64748b;font-weight:800}
.team-day{min-height:122px;border:1px solid #e4eaf2;border-radius:13px;padding:9px;background:#fff;overflow:hidden}.team-day.empty{background:#f8fafc}.team-day.today{box-shadow:inset 0 0 0 2px #7c3aed}.team-day>b{display:block;margin-bottom:7px}
.team-cal-event{display:block;margin:5px 0;padding:6px 7px;border-radius:8px;background:#eef2ff;text-decoration:none;color:#111827;font-size:11px}.team-cal-event span,.team-cal-event strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-cal-event.working{background:#fff2df}.team-cal-event.done{background:#e7f8ed}
.team-admin-profile{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:18px}.team-admin-person{display:flex;align-items:center;gap:16px}.team-admin-person img,.team-avatar-xl{width:78px;height:78px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:#111827;color:#fff;font-size:24px;font-weight:900}.team-admin-person h2{margin:4px 0}.team-admin-person p{margin:0;color:#64748b}
.team-admin-grid-force{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}.team-admin-task{min-width:0}.team-admin-task .team-thread-fixed{height:310px!important}
.team-dashboard-section{margin-top:24px}.team-dashboard-avatars{display:flex;flex-wrap:wrap;gap:14px}.team-dashboard-person{width:145px;padding:14px;border-radius:16px;background:#fff;border:1px solid #e2e8f0;text-align:center;text-decoration:none;color:#111827;box-shadow:0 8px 25px rgba(15,23,42,.04)}
.team-dashboard-person img,.team-dashboard-person>span{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;object-fit:cover;margin:0 auto 9px;background:#111827;color:#fff;font-weight:900;font-size:18px}.team-dashboard-person b,.team-dashboard-person small{display:block}.team-dashboard-person small{color:#64748b;margin-top:4px;font-size:11px}
.team-msg-count.unread{background:#ef4444;color:#fff;border-radius:99px;padding:4px 8px;font-weight:800}
@media(max-width:1100px){.team-admin-grid-force{grid-template-columns:1fr!important}.team-admin-profile{align-items:stretch;flex-direction:column}.team-admin-profile .team-assign-form{width:100%}}
@media(max-width:760px){
 .team-profile-form{grid-template-columns:1fr}.team-profile-avatar img,.team-profile-avatar>span{width:110px;height:110px}
 .team-week-head{display:none}.team-month-grid{display:block}.team-day,.team-day.empty{min-height:0;margin:8px 0}.team-day.empty{display:none}.team-day:not(:has(.team-cal-event)){display:none}.team-day>b{font-size:16px}
 .team-admin-grid-force{grid-template-columns:1fr!important}.team-admin-person img,.team-avatar-xl{width:58px;height:58px}.team-dashboard-person{width:calc(50% - 7px)}
}

/* WEBLO v2.5.1 – TEAM stable layout/cache hotfix */
body.team-app{overflow-x:hidden}
body.team-app .team-sidebar{
  width:245px!important;
  z-index:100!important;
  pointer-events:auto!important;
}
body.team-app .team-sidebar a{pointer-events:auto!important;position:relative;z-index:102}
body.team-app main.team-content{
  position:relative!important;
  z-index:1!important;
  margin-left:245px!important;
  width:calc(100% - 245px)!important;
  max-width:none!important;
}
.team-admin-grid-force{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:start!important;
}
.team-admin-task{
  min-width:0!important;
  overflow:hidden!important;
}
.team-admin-task .team-thread-fixed,
.realtime-card .team-thread-fixed{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  height:300px!important;
  max-height:300px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:10px!important;
  background:#f8fafc!important;
  border:1px solid #e7edf4!important;
  border-radius:14px!important;
}
.team-message{
  width:auto!important;
  max-width:82%!important;
  padding:9px 11px!important;
  border-radius:14px!important;
  font-size:13px!important;
  line-height:1.4!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
.team-message.from-team{align-self:flex-start!important;margin:0!important;background:#eef2ff!important;border-bottom-left-radius:4px!important}
.team-message.from-admin{align-self:flex-end!important;margin:0!important;background:#dcfce7!important;border-bottom-right-radius:4px!important}
.team-message>strong,.team-message>span,.team-message>small{display:block!important}
.team-message>small{margin-top:4px!important;font-size:9px!important;color:#64748b!important}
.team-attachment,.team-attachment.is-image{
  width:auto!important;
  max-width:190px!important;
  overflow:hidden!important;
}
.team-attachment.is-image img{
  display:block!important;
  width:100%!important;
  height:110px!important;
  max-height:110px!important;
  object-fit:cover!important;
  border-radius:8px!important;
}
.team-admin-compose textarea,.team-chat-compose textarea{
  min-height:58px!important;
  max-height:100px!important;
}
.team-mobile-nav{grid-template-columns:repeat(5,1fr)!important}
.team-user-card{position:relative!important;z-index:102!important}
.team-user-card,.team-sidebar nav a{cursor:pointer!important}
.team-chat{overflow:hidden!important}
.team-task-layout{align-items:start!important}
.team-task-detail,.team-chat{min-width:0!important}

@media(max-width:1100px){
  .team-admin-grid-force{grid-template-columns:1fr!important}
}

@media(max-width:760px){
  body.team-app .team-sidebar{display:none!important}
  body.team-app main.team-content{
    margin-left:0!important;
    width:100%!important;
    padding:76px 10px 84px!important;
  }
  .team-page-head{
    width:100%!important;
    display:block!important;
    margin:0 0 10px!important;
  }
  .team-page-head h1{font-size:21px!important}
  .team-task-layout{
    display:block!important;
    width:100%!important;
    margin:0!important;
  }
  .team-task-detail,.team-chat{
    width:100%!important;
    margin:0 0 10px!important;
    padding:13px!important;
    border-radius:15px!important;
  }
  .team-info-grid{
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
  }
  .team-info-grid>div{padding:9px!important}
  .team-info-grid strong{font-size:13px!important}
  .team-work-head,.team-work-item{padding:9px 10px!important}
  .team-work-item{font-size:13px!important}
  .team-chat{min-height:0!important}
  .team-chat .team-thread-fixed,
  .realtime-card .team-thread-fixed{
    height:260px!important;
    max-height:260px!important;
  }
  .team-message{max-width:88%!important;font-size:12px!important}
  .team-attachment,.team-attachment.is-image{max-width:155px!important}
  .team-attachment.is-image img{height:90px!important;max-height:90px!important}
  .team-compose-actions{
    display:grid!important;
    grid-template-columns:1fr auto!important;
    gap:7px!important;
  }
  .team-file-btn{padding:9px!important;font-size:12px!important;min-width:0!important}
  .team-compose-actions .primary,.team-compose-actions .btn{padding:9px 12px!important}
  .team-mobile-head{display:flex!important;z-index:120!important}
  .team-mobile-nav{
    display:grid!important;
    grid-template-columns:repeat(5,1fr)!important;
    z-index:120!important;
  }
  .team-mobile-nav a{min-width:0!important}
  .team-mobile-nav small{
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .team-admin-grid-force{grid-template-columns:1fr!important}
  .team-admin-task{padding:12px!important}
  .team-admin-profile{padding:13px!important}
}

@media(max-width:430px){
  body.team-app main.team-content{padding-left:8px!important;padding-right:8px!important}
  .team-info-grid{grid-template-columns:1fr!important}
  .team-compose-actions{grid-template-columns:1fr!important}
  .team-file-btn,.team-compose-actions button{width:100%!important}
}

/* WEBLO v2.6 – offer attachments */
.offer-attachment-box{padding:16px;border:1px dashed #cbd5e1;border-radius:15px;background:#f8fafc}.offer-upload-btn{display:inline-flex;align-items:center;gap:8px;background:#111827;color:#fff;padding:11px 15px;border-radius:11px;font-weight:800;cursor:pointer}.offer-file-preview{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0}.offer-file-item{width:220px;display:grid;grid-template-columns:48px minmax(0,1fr) 28px;gap:8px;align-items:center;padding:8px;background:#fff;border:1px solid #e2e8f0;border-radius:11px}.offer-file-item img{width:48px;height:48px;object-fit:cover;border-radius:8px}.offer-file-item strong,.offer-file-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.offer-file-item small{color:#64748b}.offer-file-item button{border:0;width:26px;height:26px;border-radius:50%;background:#fee2e2;color:#b91c1c;font-weight:900;cursor:pointer}
.public-offer-attachments{margin-top:24px;padding:15px;background:#f8fafc;border-radius:13px}.public-offer-attachments h3{margin:0 0 5px}.public-offer-attachments p{font-size:12px;color:#64748b}.public-offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.public-offer-grid a{padding:8px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#111827;text-decoration:none;overflow:hidden}.public-offer-grid img{width:100%;height:115px;object-fit:cover;border-radius:7px}.public-offer-grid strong{display:block;font-size:10px;margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.public-pdf{height:115px;display:grid;place-items:center;background:#fee2e2;color:#991b1b;border-radius:7px;font-size:22px;font-weight:900}
.team-open-approved{margin-top:12px;display:inline-flex}.team-mini-gallery{display:flex;gap:7px;margin-top:10px}.team-mini-gallery img{width:72px;height:58px;object-fit:cover;border-radius:8px;border:1px solid #dbe3ee}.team-approved-offer h2{margin-top:22px}.team-offer-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.team-offer-file{display:block;padding:8px;border:1px solid #e2e8f0;border-radius:12px;text-decoration:none;color:#111827;background:#fff}.team-offer-file img{width:100%;height:160px;object-fit:cover;border-radius:9px}.team-offer-file strong{display:block;margin-top:7px;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdf-icon{height:160px;border-radius:9px;background:#fee2e2;color:#991b1b;display:grid;place-items:center;font-size:28px;font-weight:900}.team-offer-note{margin-top:20px;padding:11px;border-radius:10px;background:#eef2ff;color:#4338ca;font-size:12px;font-weight:700}
@media(max-width:760px){.public-offer-grid,.team-offer-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.team-offer-file img,.pdf-icon{height:120px}.offer-file-item{width:100%}}

/* WEBLO v2.6.1 – offer attachment preview hotfix */
.offer-attachment-box{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.offer-file-preview{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(210px,1fr))!important;
  gap:10px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}
.offer-file-item{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:64px minmax(0,1fr) 28px!important;
  gap:9px!important;
  align-items:center!important;
  overflow:hidden!important;
}
.offer-file-item img{
  display:block!important;
  width:64px!important;
  height:64px!important;
  min-width:64px!important;
  max-width:64px!important;
  max-height:64px!important;
  object-fit:cover!important;
  border-radius:8px!important;
}
.offer-file-item span{
  min-width:0!important;
  overflow:hidden!important;
}
.offer-file-item strong,.offer-file-item small{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#offerForm,.form.card{
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
@media(max-width:760px){
 .offer-file-preview{grid-template-columns:1fr!important}
 .offer-file-item{grid-template-columns:52px minmax(0,1fr) 28px!important}
 .offer-file-item img{width:52px!important;height:52px!important;min-width:52px!important;max-width:52px!important;max-height:52px!important}
}

/* WEBLO v2.6.3 - faster offer submit */
#offerForm button.primary:disabled{opacity:.7;cursor:wait}

.bg-mail-toast{position:fixed;right:24px;bottom:24px;z-index:99999;background:#111827;color:#fff;padding:12px 16px;border-radius:12px;box-shadow:0 12px 35px rgba(15,23,42,.22);font-weight:800;font-size:13px}
.bg-mail-toast.ok{background:#15803d}.bg-mail-toast.error{background:#b91c1c}
@media(max-width:760px){.bg-mail-toast{left:12px;right:12px;bottom:82px;text-align:center}}

/* WEBLO v2.6.5 – immediate attachment preupload */
.offer-file-item.uploading{border-color:#93c5fd;background:#eff6ff}
.offer-file-item.ready{border-color:#86efac;background:#f0fdf4}
.offer-file-item.failed{border-color:#fca5a5;background:#fef2f2}
.offer-progress{height:5px;background:#dbeafe;border-radius:99px;overflow:hidden;margin-top:5px}
.offer-progress i{display:block;height:100%;width:0;background:#2563eb;transition:width .12s linear}
.offer-file-item.ready small{color:#15803d;font-weight:700}
.offer-file-item.failed small{color:#b91c1c;font-weight:700}

/* WEBLO v2.7 – precise TEAM/job notifications */
.team-member-link-alert{display:grid!important;grid-template-columns:48px minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;min-width:0}
.team-list-avatar img,.team-list-avatar span{width:44px;height:44px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:#111827;color:#fff;font-weight:900}
.team-member-main{min-width:0}.team-member-title{display:flex;align-items:center;gap:8px}.team-member-title strong{min-width:0;overflow:hidden;text-overflow:ellipsis}
.team-member-alert,.team-job-alert{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:99px;background:#ef4444;color:#fff;font-size:11px;font-weight:900;font-style:normal}
.team-member-alert.hidden,.team-job-alert.hidden{display:none!important}
.team-chat-label{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:900;color:#475569;margin:8px 0 5px}
.jobs-rich-list .job-rich-item{align-items:flex-start!important}.job-rich-main{min-width:0;flex:1}.job-team-line{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}
.job-team-chip{display:inline-flex;align-items:center;gap:7px;padding:5px 8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#111827;position:relative}
.job-team-chip img,.job-team-chip>i{width:30px;height:30px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:#111827;color:#fff;font-weight:900;font-size:10px;font-style:normal}
.job-team-chip>span{display:grid;line-height:1.1}.job-team-chip b{font-size:11px}.job-team-chip small{font-size:9px;color:#64748b;margin-top:3px}
.job-team-chip .team-job-alert{position:absolute;right:-6px;top:-7px}
@media(max-width:760px){
 .team-member-link-alert{grid-template-columns:42px minmax(0,1fr)!important}.team-member-link-alert>.btn{grid-column:2}
 .job-rich-item{display:block!important}.job-rich-item .right{margin-top:10px;display:flex!important;justify-content:space-between!important;align-items:center!important}
 .job-team-line{gap:6px}.job-team-chip{max-width:100%}
}

/* WEBLO v2.7.2 – compact TEAM accordion */
.team-member-jobs{display:grid;gap:10px}.team-member-jobs-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:22px 0 6px}.team-member-jobs-head h2{margin:0 0 4px}.team-member-jobs-head p{margin:0}.team-member-jobs-count{font-size:12px;font-weight:800;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:99px;padding:7px 10px}
.team-job-accordion{background:#fff;border:1px solid #e2e8f0;border-radius:15px;overflow:hidden;box-shadow:0 5px 18px rgba(15,23,42,.03)}.team-job-accordion[open]{border-color:#cbd5e1;box-shadow:0 10px 28px rgba(15,23,42,.06)}
.team-job-summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;user-select:none}.team-job-summary::-webkit-details-marker{display:none}.team-job-summary-main{min-width:0;flex:1}.team-job-summary-title{display:flex;align-items:center;gap:8px;min-width:0}.team-job-summary-title strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-job-summary-meta{display:flex;gap:8px;margin-top:5px;color:#64748b;font-size:12px}.team-job-summary-meta span+span:before{content:"·";margin-right:8px}.team-job-summary-right{display:flex;align-items:center;gap:10px;flex:0 0 auto}.team-accordion-arrow{font-size:22px;line-height:1;color:#64748b;transition:transform .15s ease}.team-job-accordion[open] .team-accordion-arrow{transform:rotate(180deg)}
.team-job-row-badge{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:99px;background:#ef4444;color:#fff;font-size:11px;font-weight:900}.team-job-row-badge.hidden{display:none!important}
.team-job-expanded{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:16px;padding:0 16px 16px;border-top:1px solid #edf1f5}.team-job-expanded-info,.team-job-expanded-chat{min-width:0;padding-top:16px}.team-job-expanded-chat{border-left:1px solid #edf1f5;padding-left:16px}
.team-job-expanded-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.team-job-expanded-top h3{margin:4px 0 0;font-size:17px}.team-job-expanded-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.team-job-expanded-actions form{margin:0}
.team-job-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.team-job-detail-grid>div{padding:10px;background:#f8fafc;border-radius:10px}.team-job-detail-grid span,.team-job-description>span{display:block;color:#64748b;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.team-job-detail-grid strong{display:block;margin-top:4px;font-size:12px}.team-job-description{margin-top:12px;padding:10px;background:#f8fafc;border-radius:10px}.team-job-description p{margin:6px 0 0;font-size:12px;line-height:1.5}.team-job-expanded-chat .team-thread-fixed{height:280px!important;max-height:280px!important}
@media(max-width:1000px){.team-job-expanded{grid-template-columns:1fr}.team-job-expanded-chat{border-left:0;border-top:1px solid #edf1f5;padding-left:0}}
@media(max-width:760px){.team-member-jobs-head{align-items:flex-start}.team-job-summary{padding:12px}.team-job-summary-right .badge{font-size:9px}.team-job-summary-meta{display:block}.team-job-summary-meta span{display:block}.team-job-summary-meta span+span:before{display:none}.team-job-expanded{padding:0 12px 12px}.team-job-expanded-top{display:block}.team-job-expanded-actions{justify-content:flex-start;margin-top:10px}.team-job-detail-grid{grid-template-columns:1fr}.team-job-expanded-chat .team-thread-fixed{height:240px!important;max-height:240px!important}}

/* WEBLO v2.7.3 – TEAM mobile nav + grouped admin jobs */
.team-member-jobs-done{margin-top:24px}
.team-member-jobs-done .team-member-jobs-head h2{color:#475569}
.team-mobile-user{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;overflow:hidden;text-decoration:none}
.team-mobile-user img{width:38px;height:38px;border-radius:50%;object-fit:cover}
.team-mobile-user span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#111827;color:#fff;font-weight:900}
.team-mobile-close{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#f1f5f9;color:#111827;text-decoration:none;font-size:28px;line-height:1}
.team-mobile-nav{grid-template-columns:repeat(4,1fr)!important}
.team-mobile-nav a{position:relative!important}
.team-mobile-nav a.active{color:#7c3aed!important}
.team-mobile-dot{position:absolute;top:2px;right:calc(50% - 18px);width:8px;height:8px;border-radius:50%;background:#ef4444;border:2px solid #fff;box-sizing:content-box}
.team-task-message-dot{display:grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border-radius:99px;background:#ef4444;color:#fff;font-size:10px;font-weight:900}
@media(min-width:761px){.team-mobile-close{display:none!important}}

/* WEBLO v2.7.5 */
.job-rich-clickable{cursor:pointer}
.job-team-chat-link{text-decoration:none!important}
.job-team-chat-link:hover{border-color:#94a3b8!important;background:#fff!important;box-shadow:0 4px 14px rgba(15,23,42,.08)}
.team-mobile-close{font-weight:400!important}
@media(max-width:760px){
 .team-mobile-close{display:grid!important}
}

/* WEBLO v2.7.6 – completion review */
.badge.review-wait{background:#fee2e2!important;color:#b91c1c!important;border:1px solid #fecaca!important}
.team-review-btn{background:#16a34a!important;color:#fff!important;border-color:#16a34a!important}
.team-review-btn:hover{background:#15803d!important}
.team-reviewed-label{display:inline-flex;align-items:center;padding:7px 10px;border-radius:10px;background:#dcfce7;color:#15803d;font-size:11px;font-weight:900}
@media(max-width:760px){.team-job-summary-right{flex-wrap:wrap;justify-content:flex-end}.badge.review-wait{font-size:8px!important}}

/* WEBLO v2.8.3 – klient priamo v ponuke */
.offer-client-box{border:1px solid #dbe3ef;border-radius:16px;padding:16px;background:#f8fafc;margin-bottom:18px}
.offer-client-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.client-mode-switch{display:flex;gap:8px;flex-wrap:wrap}
.client-mode-switch label{display:flex;align-items:center;gap:6px;padding:8px 11px;background:#fff;border:1px solid #dbe3ef;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer}
.client-mode-switch input{width:auto!important}
.new-client-note{font-size:13px;color:#64748b;margin:2px 0 12px}
@media(max-width:760px){.offer-client-head{align-items:flex-start;flex-direction:column}.client-mode-switch{width:100%}.client-mode-switch label{flex:1;justify-content:center}}

/* WEBLO v2.8.4 – klient priamo v ponuke */
.offer-client-box{border:1px solid #dbe3ef;border-radius:16px;padding:16px;background:#f8fafc;margin-bottom:18px}
.offer-client-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}
.client-mode-switch{display:flex;gap:8px;flex-wrap:wrap}
.client-mode-switch label{display:flex;align-items:center;gap:6px;padding:8px 11px;background:#fff;border:1px solid #dbe3ef;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer}
.client-mode-switch input{width:auto!important}
@media(max-width:760px){.offer-client-head{align-items:flex-start;flex-direction:column}.client-mode-switch{width:100%}.client-mode-switch label{flex:1;justify-content:center}}

/* WEBLO v2.8.5 – spoločný RÚZ/VIES lookup v dokladoch */
.document-company-lookup{
  margin:14px 0 16px;padding:15px;border:1px solid #dbe3ef;border-radius:14px;background:#f8fafc
}
.document-company-title{display:flex;flex-direction:column;gap:3px;margin-bottom:10px}
.document-company-title small{color:#718096;font-weight:400}
.document-company-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}
.document-company-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px;min-height:34px}
@media(max-width:700px){
 .document-company-search{grid-template-columns:1fr}
 .document-company-search .btn{width:100%}
 .document-company-actions{align-items:stretch;flex-direction:column}
 .document-company-actions .btn{width:100%}
}

/* WEBLO v2.8.6 – doklady klienta */
.client-card{border-radius:14px;overflow:hidden}
.client-docs-toggle{display:inline-flex!important;align-items:center;gap:6px}
.client-docs-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#eef2ff;color:#4338ca;font-size:11px;font-weight:900}
.client-documents-panel{margin:-1px 0 10px;padding:12px 14px 15px;border:1px solid #dfe5ee;border-top:0;background:#fff;border-radius:0 0 14px 14px}
.client-documents-list{display:flex;flex-direction:column;gap:8px}
.client-docs-head{display:flex;justify-content:space-between;align-items:center;padding:2px 2px 8px}.client-docs-head span{font-size:12px;color:#718096}
.client-document-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:12px;align-items:center;padding:11px 12px;border:1px solid #e3e8f0;border-radius:11px;background:#f8fafc}
.client-document-type{font-size:11px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.03em}
.client-document-price{white-space:nowrap}.client-document-actions{display:flex;gap:6px}
.client-docs-empty,.client-docs-loading{padding:16px;text-align:center;color:#718096;background:#f8fafc;border-radius:10px}
@media(max-width:820px){
 .client-document-row{grid-template-columns:1fr auto}
 .client-document-status{grid-column:2}.client-document-price{grid-column:1}.client-document-actions{grid-column:2}
}
@media(max-width:560px){
 .client-document-row{grid-template-columns:1fr}
 .client-document-status,.client-document-price,.client-document-actions{grid-column:1}
 .client-document-actions .btn{flex:1;text-align:center}
}

/* WEBLO v2.8.7 – RÚZ/VIES lookup v novej ponuke */
.offer-company-lookup{
  margin:12px 0 16px;padding:14px;border:1px solid #dbe3ef;border-radius:14px;background:#fff
}
.offer-company-lookup-title{display:flex;flex-direction:column;gap:3px;margin-bottom:10px}
.offer-company-lookup-title span{font-size:12px;color:#718096}
.offer-company-lookup-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}
.offer-company-lookup-state{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:9px;min-height:34px}
@media(max-width:700px){
 .offer-company-lookup-row{grid-template-columns:1fr}
 .offer-company-lookup-row .btn{width:100%}
 .offer-company-lookup-state{flex-direction:column;align-items:stretch}
 .offer-company-lookup-state .btn{width:100%}
}

/* WEBLO v2.9.3 – mail transport */
.mail-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0 16px}
.mail-mode-card{display:flex!important;gap:12px;align-items:flex-start;padding:15px;border:1px solid #dbe3ef;border-radius:14px;background:#f8fafc;cursor:pointer}
.mail-mode-card input{width:auto!important;margin-top:4px}
.mail-mode-card span{display:flex;flex-direction:column;gap:4px}.mail-mode-card small{font-size:12px;line-height:18px;color:#64748b}
.smtp-settings{padding:15px;border:1px solid #dbe3ef;border-radius:14px;background:#f8fafc;margin-top:10px}
.mail-test-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
@media(max-width:760px){.mail-mode-grid,.mail-test-row{grid-template-columns:1fr}.mail-test-row .btn{width:100%}}

/* WEBLO v2.9.4 – RÚZ firemný autocomplete */
.ruz-autocomplete-wrap{position:relative;width:100%}
.ruz-autocomplete-results{position:absolute;left:0;right:0;top:calc(100% + 5px);z-index:1000;background:#fff;border:1px solid #dbe3ef;border-radius:13px;box-shadow:0 15px 40px rgba(15,23,42,.16);max-height:330px;overflow:auto;padding:5px}
.ruz-ac-item{display:flex!important;width:100%;flex-direction:column;align-items:flex-start!important;gap:2px;padding:11px 12px!important;border:0!important;border-radius:9px!important;background:#fff!important;color:#111827!important;text-align:left!important;cursor:pointer}
.ruz-ac-item:hover,.ruz-ac-item:focus{background:#f1f5f9!important;outline:none}
.ruz-ac-item strong{font-size:14px;line-height:18px}
.ruz-ac-item span{font-size:12px;color:#475569}
.ruz-ac-item small{font-size:11px;color:#94a3b8}
.ruz-ac-loading,.ruz-ac-empty{padding:13px 12px;color:#64748b;font-size:13px}
@media(max-width:700px){.ruz-autocomplete-results{max-height:280px}}

/* WEBLO v2.9.5 – duplicate client guard */
.client-duplicate-warning{margin:10px 0;padding:11px 13px;border:1px solid #fecaca;border-radius:11px;background:#fff1f2;color:#991b1b;font-size:13px}

/* WEBLO v2.9.6 – version + changelog */
.brand-block{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.brand-block .brand{margin-bottom:0!important}
.app-version{margin-left:46px;margin-top:-4px;font-size:10px!important;line-height:14px;color:#94a3b8!important;text-decoration:none!important;font-weight:700;letter-spacing:.03em}
.app-version:hover{color:#475569!important}
.drawer-head .brand-block{gap:0}
.changelog-head{margin-bottom:14px}
.changelog-head h2{margin:10px 0 5px}
.version-pill{display:inline-flex;padding:6px 10px;border-radius:999px;background:#111827;color:#fff;font-size:12px;font-weight:800}
.changelog{display:grid;gap:12px}
.changelog-item{padding:20px}
.changelog-item.latest{border:1px solid #bfdbfe;background:linear-gradient(180deg,#eff6ff 0,#fff 100%)}
.changelog-meta{display:flex;align-items:center;gap:9px;margin-bottom:8px}
.changelog-meta strong{font-size:13px}
.changelog-meta span{padding:3px 8px;border-radius:999px;background:#dbeafe;color:#1d4ed8;font-size:10px;font-weight:800;text-transform:uppercase}
.changelog-item h3{margin:0 0 10px;font-size:17px}
.changelog-item ul{margin:0;padding-left:20px;color:#475569;line-height:1.75}
@media(max-width:700px){.app-version{margin-left:42px}.changelog-item{padding:16px}}

/* WEBLO 2.9.12 – handover/payment hotfix */
.handover-payment-box{margin-top:14px;padding:18px;border:1px solid #bbf7d0;border-radius:14px;background:#f0fdf4}
.handover-payment-box h2{margin:8px 0 6px}
.handover-ok{display:inline-flex;padding:5px 9px;border-radius:999px;background:#dcfce7;color:#166534;font-size:11px;font-weight:900}
.handover-payment-box .payment-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.handover-payment-box .payment-actions form{margin:0}
@media(max-width:700px){.handover-payment-box .payment-actions,.handover-payment-box .payment-actions form,.handover-payment-box .payment-actions button{width:100%}}

/* WEBLO 2.9.13 – client proforma payment */
.client-payment-btn{background:#15803d!important;color:#fff!important;border-color:#15803d!important}
.client-payment-btn:hover{background:#166534!important;border-color:#166534!important}

/* WEBLO 2.9.15 – pickup locations */
.pickup-settings-list{display:grid;gap:9px;margin:14px 0}
.pickup-settings-row{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:13px 14px;border:1px solid #dbe3ef;border-radius:12px;background:#fff}
.pickup-settings-row.is-disabled{opacity:.55;background:#f8fafc}
.pickup-settings-info{display:flex;flex-direction:column;gap:2px;min-width:0}
.pickup-settings-info strong{font-size:14px}.pickup-settings-info span{font-size:13px;color:#475569}.pickup-settings-info small{font-size:11px;color:#94a3b8}
.pickup-settings-actions{display:flex;gap:7px;flex-shrink:0}.pickup-settings-actions form{margin:0}
.pickup-add-form{margin-top:16px;padding-top:16px;border-top:1px solid #e2e8f0}
.pickup-empty{margin:12px 0;padding:13px;border-radius:11px;background:#f8fafc;color:#64748b}
@media(max-width:700px){.pickup-settings-row{align-items:flex-start;flex-direction:column}.pickup-settings-actions{width:100%}.pickup-settings-actions form,.pickup-settings-actions button{flex:1;width:100%}}

/* WEBLO 2.9.16 */
.pickup-settings-info small strong{color:#475569}

/* WEBLO 2.9.18 – PWA / Add to Home Screen */
.pwa-side-install{display:block;width:100%;margin:10px 0 2px;padding:9px 10px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(255,255,255,.08);color:#fff;text-align:left;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
.pwa-side-install:hover{background:rgba(255,255,255,.14)}
.pwa-install-banner{position:fixed;left:50%;bottom:calc(82px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:80;width:min(520px,calc(100% - 24px));display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:11px;align-items:center;padding:11px 12px;background:#111827;color:#fff;border-radius:16px;box-shadow:0 18px 50px rgba(15,23,42,.28)}
.pwa-install-banner[hidden],.pwa-install-modal[hidden]{display:none!important}
.pwa-install-banner img{width:44px;height:44px;border-radius:11px}
.pwa-install-copy{display:flex;flex-direction:column;min-width:0}.pwa-install-copy strong{font-size:13px}.pwa-install-copy span{font-size:11px;color:#cbd5e1;margin-top:2px}
.pwa-install-button{border:0;border-radius:10px;background:#fff;color:#111827;padding:9px 12px;font-weight:900;cursor:pointer}
.pwa-install-close{position:absolute;right:-4px;top:-12px;width:24px;height:24px;border:0;border-radius:50%;background:#fff;color:#111827;box-shadow:0 2px 8px rgba(0,0,0,.18);font-size:17px;line-height:22px;cursor:pointer}
.pwa-install-modal{position:fixed;inset:0;z-index:120;display:grid;align-items:end;justify-items:center}
.pwa-install-shade{position:absolute;inset:0;background:rgba(15,23,42,.55);backdrop-filter:blur(2px)}
.pwa-install-sheet{position:relative;z-index:1;width:min(520px,100%);background:#fff;border-radius:22px 22px 0 0;padding:24px 22px calc(24px + env(safe-area-inset-bottom));box-shadow:0 -20px 60px rgba(15,23,42,.2)}
.pwa-install-x{position:absolute;right:16px;top:14px;width:34px;height:34px;border:0;border-radius:50%;background:#f1f5f9;color:#334155;font-size:23px;cursor:pointer}
.pwa-modal-icon{width:64px;height:64px;border-radius:16px;display:block;margin:0 0 14px}
.pwa-install-sheet h2{margin:0 0 13px;font-size:22px}.pwa-install-sheet ol{padding-left:22px;margin:10px 0}.pwa-install-sheet li{margin:10px 0;line-height:1.5}
.pwa-install-sheet p{line-height:1.5;color:#475569}.pwa-tip{padding:11px 13px;border-radius:11px;background:#f8fafc;font-size:13px}
.pwa-share-icon{display:inline-block;font-size:18px;font-weight:900}.pwa-native-install{width:100%;margin-top:14px}.pwa-later{width:100%;margin-top:9px}.pwa-installed{padding:13px;background:#ecfdf5;color:#166534;border-radius:12px;font-weight:800}
@media(min-width:901px){.pwa-install-banner{bottom:24px}.pwa-install-sheet{align-self:center;border-radius:22px}}
@media(display-mode:standalone){.pwa-side-install,.pwa-install-banner{display:none!important}}

/* WEBLO 2.9.19 – iPhone PWA safe-area / Dynamic Island */
:root{
  --weblo-safe-top: env(safe-area-inset-top, 0px);
  --weblo-safe-bottom: env(safe-area-inset-bottom, 0px);
  --weblo-safe-left: env(safe-area-inset-left, 0px);
  --weblo-safe-right: env(safe-area-inset-right, 0px);
}
@media(max-width:900px){
  body{padding-top:0}
  main{
    padding-top:calc(18px + var(--weblo-safe-top))!important;
    padding-left:calc(14px + var(--weblo-safe-left))!important;
    padding-right:calc(14px + var(--weblo-safe-right))!important;
    padding-bottom:calc(90px + var(--weblo-safe-bottom))!important;
  }
  .mobile-topbar{
    min-height:52px;
    padding-top:0;
    display:flex;
    align-items:center;
    justify-content:space-between;
  }
  .mobile-brand,.hamburger{position:relative;z-index:2}
  .mobile-drawer{
    padding-top:var(--weblo-safe-top)!important;
    padding-left:var(--weblo-safe-left)!important;
  }
  .drawer-head{min-height:58px}
  .mobile-nav{
    padding-bottom:calc(8px + var(--weblo-safe-bottom))!important;
    padding-left:calc(8px + var(--weblo-safe-left))!important;
    padding-right:calc(8px + var(--weblo-safe-right))!important;
  }
  .quick-actions{
    padding-bottom:calc(20px + var(--weblo-safe-bottom))!important;
  }
  .pwa-install-sheet{
    padding-bottom:calc(24px + var(--weblo-safe-bottom))!important;
  }
}
@media(display-mode:standalone) and (max-width:900px){
  main{padding-top:calc(16px + var(--weblo-safe-top))!important}
}

/* WEBLO 2.9.20 – mobile title / iPhone drawer / PWA menu entry */
.nav-pwa-item{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border:0;
  background:transparent;
  color:inherit;
  font:inherit;
  text-align:left;
  cursor:pointer;
}
aside nav .nav-pwa-item,
.mobile-drawer nav .nav-pwa-item{
  padding:13px 16px;
  border-radius:10px;
}
aside nav .nav-pwa-item:hover,
.mobile-drawer nav .nav-pwa-item:hover{background:rgba(255,255,255,.07)}

@media(max-width:900px){
  .mobile-topbar{
    position:sticky!important;
    top:0!important;
    z-index:48!important;
    min-height:calc(68px + var(--weblo-safe-top))!important;
    padding:calc(var(--weblo-safe-top) + 10px) 16px 10px!important;
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
    gap:10px!important;
    align-items:center!important;
    background:#fff!important;
    border-bottom:1px solid #e2e8f0!important;
  }
  .mobile-brand{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    min-width:0!important;
    color:#111827!important;
    text-decoration:none!important;
    white-space:nowrap!important;
  }
  .mobile-brand span{
    width:40px!important;height:40px!important;border-radius:12px!important;
    display:grid!important;place-items:center!important;
    background:#111827!important;color:#fff!important;
    font-size:23px!important;font-weight:900!important;
  }
  .mobile-brand b{font-size:20px!important;font-weight:900!important}
  .mobile-current-title{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    text-align:center;
    font-size:13px;
    font-weight:800;
    color:#64748b;
  }
  .hamburger{
    width:42px!important;height:42px!important;padding:0!important;
    display:grid!important;place-items:center!important;
    font-size:28px!important;line-height:1!important;
  }

  /* topbar already occupies safe area */
  main{padding-top:0!important}
  main>header{padding-top:18px!important}

  .mobile-drawer{
    top:0!important;
    height:100dvh!important;
    padding-top:0!important;
    overflow:hidden!important;
  }
  .drawer-head{
    min-height:calc(82px + var(--weblo-safe-top))!important;
    padding:calc(var(--weblo-safe-top) + 12px) 18px 12px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:14px!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
  }
  .drawer-brand-wrap{display:flex;flex-direction:column;gap:3px;min-width:0}
  .drawer-brand{
    display:flex!important;align-items:center!important;gap:10px!important;
    color:#fff!important;text-decoration:none!important;font-size:24px!important;
    white-space:nowrap!important;
  }
  .drawer-brand span{
    width:42px!important;height:42px!important;border-radius:12px!important;
    display:grid!important;place-items:center!important;
    background:#fff!important;color:#111827!important;font-size:25px!important;font-weight:900!important;
    flex:0 0 42px!important;
  }
  .drawer-brand strong{font-size:24px!important}
  .drawer-version{
    margin-left:52px!important;
    color:#94a3b8!important;text-decoration:none!important;
    font-size:11px!important;font-weight:800!important;
  }
  .drawer-close{
    width:44px!important;height:44px!important;flex:0 0 44px!important;
    padding:0!important;border:0!important;background:transparent!important;
    color:#fff!important;font-size:34px!important;line-height:1!important;
    display:grid!important;place-items:center!important;
  }
  .mobile-drawer>nav{
    height:calc(100dvh - 82px - var(--weblo-safe-top))!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    padding:12px 14px calc(150px + var(--weblo-safe-bottom))!important;
  }
  .drawer-foot{
    position:absolute!important;
    left:0!important;right:0!important;bottom:0!important;
    padding:34px 18px calc(14px + var(--weblo-safe-bottom))!important;
    background:linear-gradient(180deg,rgba(17,24,39,0),#111827 28%,#111827 100%)!important;
  }
}

/* WEBLO 2.9.23 – native PWA install button only on desktop */
@media(max-width:900px){
  #pwaNativeInstall,
  .pwa-native-install{
    display:none!important;
    visibility:hidden!important;
  }
}
@media(min-width:901px){
  #pwaNativeInstall[hidden]{display:none!important}
}

/* WEBLO 2.9.25 – Web Push */
.weblo-push-banner{position:fixed;z-index:95;left:50%;bottom:calc(84px + env(safe-area-inset-bottom));transform:translateX(-50%);width:min(620px,calc(100% - 24px));display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:center;background:#111827;color:#fff;padding:12px 14px;border-radius:16px;box-shadow:0 18px 55px rgba(15,23,42,.32)}
.weblo-push-banner[hidden],.weblo-push-modal[hidden]{display:none!important}
.weblo-push-icon,.weblo-push-bigicon{display:grid;place-items:center;background:#fff;color:#111827;font-weight:900}
.weblo-push-icon{width:42px;height:42px;border-radius:11px}.weblo-push-bigicon{width:64px;height:64px;border-radius:17px;font-size:35px;margin-bottom:14px}
.weblo-push-banner>div:nth-child(2){display:flex;flex-direction:column;min-width:0}.weblo-push-banner strong{font-size:13px}.weblo-push-banner span{font-size:11px;color:#cbd5e1;margin-top:2px}
.weblo-push-banner>[data-push-enable]{border:0;border-radius:10px;background:#fff;color:#111827;padding:9px 12px;font-weight:900}
.weblo-push-dismiss{position:absolute;right:-5px;top:-11px;width:24px;height:24px;border:0;border-radius:50%;background:#fff;color:#111827;font-size:17px;box-shadow:0 2px 9px rgba(0,0,0,.18)}
.weblo-push-modal{position:fixed;inset:0;z-index:140;display:grid;align-items:end;justify-items:center}.weblo-push-shade{position:absolute;inset:0;background:rgba(15,23,42,.58);backdrop-filter:blur(2px)}
.weblo-push-sheet{position:relative;z-index:1;width:min(520px,100%);padding:24px 22px calc(24px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;background:#fff;box-shadow:0 -20px 60px rgba(15,23,42,.2)}
.weblo-push-sheet h2{margin:0 0 9px}.weblo-push-sheet p{color:#475569;line-height:1.5}.weblo-push-x{position:absolute;right:16px;top:14px;width:34px;height:34px;border:0;border-radius:50%;background:#f1f5f9;font-size:22px}
#webloPushActions{display:grid;gap:8px;margin-top:18px}#webloPushActions button{width:100%}
@media(min-width:901px){.weblo-push-banner{bottom:24px}.weblo-push-sheet{align-self:center;border-radius:22px}}

/* WEBLO 2.9.26 – mobile hamburger notification badge */
.hamburger{position:relative}
.hamburger-badge{
  position:absolute;
  top:-3px;
  right:-3px;
  min-width:20px;
  height:20px;
  padding:0 5px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:#ef4444;
  color:#fff;
  border:2px solid #fff;
  font-size:10px;
  line-height:1;
  font-weight:900;
  box-shadow:0 2px 8px rgba(239,68,68,.35);
}
.hamburger-badge.hidden{display:none!important}

.job-title-with-alert{display:flex;align-items:center;gap:8px;min-width:0}.job-new-dot{width:11px;height:11px;border-radius:50%;background:#ef4444;box-shadow:0 0 0 4px rgba(239,68,68,.12);flex:0 0 11px}

.global-search-mini{display:flex;gap:6px;margin-left:auto;margin-right:14px;max-width:390px;flex:1}.global-search-mini input{min-width:0;width:100%;height:42px;border:1px solid #dbe3ef;border-radius:11px;padding:0 12px}.global-search-mini button{height:42px;border:0;border-radius:11px;padding:0 13px;background:#111827;color:#fff;font-weight:800}
.search-page-form{display:flex;gap:10px}.search-page-form input{flex:1}.search-results-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.search-hit{display:flex;flex-direction:column;gap:3px;padding:12px 0;border-bottom:1px solid #edf1f6;text-decoration:none;color:inherit}.search-hit span{color:#64748b;font-size:13px}
.internal-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.internal-note,.internal-file{display:block;padding:12px;border:1px solid #e1e7ef;border-radius:12px;margin-top:8px;background:#f8fafc;color:inherit;text-decoration:none}.internal-note small,.internal-file span{display:block;color:#64748b;font-size:12px;margin-top:2px}.internal-note p{margin:8px 0 0}
.audit-row{display:flex;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid #edf1f6}.audit-row span{display:block;color:#64748b;font-size:12px}.audit-row small{white-space:nowrap;color:#64748b}
.section-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.backup-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #edf1f6}.backup-row span{display:block;color:#64748b;font-size:12px}
.help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.help-grid details{border-top:1px solid #edf1f6;padding:12px 0}.help-grid summary{cursor:pointer;font-weight:800}.help-grid details p{color:#475569;line-height:1.55}
@media(max-width:900px){.global-search-mini{display:none}.search-results-grid,.internal-grid,.help-grid{grid-template-columns:1fr}.audit-row{flex-direction:column;gap:4px}.audit-row small{white-space:normal}.section-head{flex-direction:column}}

/* WEBLO 3.0.1 mobile UX */
.page-back-btn{width:42px;height:42px;border:1px solid #dbe3ef;border-radius:12px;background:#fff;color:#111827;font-size:24px;line-height:1;display:flex;align-items:center;justify-content:center;flex:0 0 42px;cursor:pointer}
.ajax-search-wrap{position:relative}
.ajax-search-wrap>input{width:100%;height:48px;border:1px solid #d7dfeb;border-radius:14px;padding:0 15px;font-size:15px;background:#fff;color:#111827}
.ajax-search-results{position:absolute;z-index:80;left:0;right:0;top:calc(100% + 7px);background:#fff;border:1px solid #dce4ef;border-radius:16px;box-shadow:0 18px 45px rgba(15,23,42,.18);overflow:hidden;max-height:70vh;overflow-y:auto}
.ajax-group+.ajax-group{border-top:1px solid #edf1f6}.ajax-group-title{padding:10px 13px 6px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:#64748b}
.ajax-hit{display:block;padding:11px 13px;text-decoration:none;color:#111827;border-top:1px solid #f1f4f8}.ajax-hit strong{display:block;font-size:14px;line-height:1.3}.ajax-hit span{display:block;color:#64748b;font-size:12px;margin-top:3px;white-space:normal}
.ajax-hit:active,.ajax-hit:hover{background:#f8fafc}.ajax-more{display:block;padding:12px 13px;background:#111827;color:#fff;text-decoration:none;font-weight:800;text-align:center}.ajax-loading,.ajax-empty{padding:14px;color:#64748b}
.drawer-live-search{padding:0 20px 10px}.drawer-live-search .ajax-search-wrap>input{background:#1b2638;border-color:#334155;color:#fff}.drawer-live-search input::placeholder{color:#94a3b8}.drawer-live-search .ajax-search-results{left:0;right:0}
.search-main-card{overflow:visible}.search-page-live>input{height:56px;font-size:18px}.search-tip{margin:10px 0 0}
.search-full-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.search-section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.search-section-title h2{margin:0}.search-section-title span{min-width:30px;height:30px;border-radius:999px;background:#eef2f7;display:flex;align-items:center;justify-content:center;font-weight:800}
.search-result-card{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;text-decoration:none;color:#111827;padding:11px 0;border-bottom:1px solid #edf1f6}.search-result-card:last-child{border-bottom:0}.search-icon{width:38px;height:38px;border-radius:11px;background:#111827;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900}.search-result-card strong{display:block;line-height:1.28}.search-result-card span{display:block;color:#64748b;font-size:12px;margin-top:3px;line-height:1.35}.search-result-card>b{font-size:24px;color:#94a3b8}
.audit-filter{display:grid;grid-template-columns:220px 1fr auto;gap:10px;align-items:end}.audit-filter label{font-weight:800;font-size:13px}.audit-filter input{display:block;width:100%;margin-top:6px}.audit-filter-actions{display:flex;gap:8px}.audit-list{display:grid;gap:10px}.audit-event-card{border:1px solid #e0e7f0;border-radius:14px;padding:13px 14px;background:#fff}.audit-event-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:7px}.audit-type{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;background:#eef2f7;font-size:11px;font-weight:900}.audit-event-head time{color:#64748b;font-size:12px}.audit-event-card>strong{display:block;font-size:14px;line-height:1.45}.audit-event-card>small{display:block;color:#64748b;margin-top:6px}
.backup-actions{display:flex;gap:7px;align-items:center}.backup-actions form{margin:0}
@media(max-width:900px){
  header{align-items:flex-start;gap:10px}.page-back-btn{margin-top:2px}
  .search-full-results{grid-template-columns:1fr}
  .search-main-card{padding:16px}.search-page-live>input{height:52px;font-size:16px}
  .ajax-search-results{max-height:58vh}
  .audit-filter{grid-template-columns:1fr}.audit-filter-actions{display:grid;grid-template-columns:1fr 1fr}
  .audit-event-card{padding:12px}.audit-event-head{align-items:center}.audit-event-card>strong{font-size:15px}
  .backup-row{flex-direction:column;align-items:stretch}.backup-actions{display:grid;grid-template-columns:1fr 1fr}.backup-actions .btn,.backup-actions form,.backup-actions button{width:100%}
}
@media(max-width:560px){
  header{display:grid;grid-template-columns:auto 1fr;column-gap:10px}.page-back-btn{grid-column:1}.page-back-btn+div{grid-column:2}header>.header-actions{grid-column:1/-1}
  .search-result-card{grid-template-columns:38px 1fr auto}.search-icon{width:34px;height:34px}
}
/* v3.0.2: desktop logo stays visible while only menu content scrolls */
@media (min-width:901px){aside{overflow:hidden;padding:0 18px}.brand-block{flex:0 0 auto;position:relative;z-index:2;background:#111827;padding:24px 0 14px}aside>nav{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;margin-top:0;padding-top:16px;overscroll-behavior:contain;scrollbar-gutter:stable}.sidefoot{flex:0 0 auto;margin-top:0;background:#111827;padding:12px 0 20px}.backup-status{margin:14px 0;padding:12px 14px;border-radius:12px;background:#eef7ff;color:#334155}}


/* WEBLO 3.0.3 — final UX fixes */
@media (min-width:901px){
  .app>aside{
    position:fixed!important;left:0!important;top:0!important;bottom:0!important;
    height:100dvh!important;width:245px!important;
    display:flex!important;flex-direction:column!important;
    overflow:hidden!important;padding:0 18px!important;
  }
  .app>aside>.brand-block{
    flex:0 0 auto!important;position:relative!important;
    padding:24px 0 16px!important;margin:0!important;
    background:#111827!important;z-index:10!important;
  }
  .app>aside>nav{
    flex:1 1 0!important;min-height:0!important;
    overflow-y:auto!important;overflow-x:hidden!important;
    margin:0!important;padding:12px 0 14px!important;
  }
  .app>aside>.sidefoot{
    flex:0 0 auto!important;margin:0!important;
    padding:12px 0 18px!important;background:#111827!important;
  }
}

/* Audit */
.audit-history-card .audit-list{
  display:grid!important;grid-template-columns:1fr!important;
  gap:10px!important;margin-top:14px!important
}
.audit-history-card .audit-event-card{
  display:block!important;padding:14px 16px!important;margin:0!important;
  border:1px solid #e2e8f0!important;border-radius:14px!important;
  background:#fff!important;line-height:1.45!important
}
.audit-history-card .audit-event-head{
  display:flex!important;justify-content:space-between!important;align-items:center!important;
  gap:10px!important;margin-bottom:7px!important
}
.audit-history-card .audit-event-card>strong{
  display:block!important;font-size:14px!important;line-height:1.45!important;
  font-weight:800!important;word-break:break-word!important
}
.audit-history-card .audit-event-card>small{display:block!important;margin-top:5px!important;color:#64748b!important}
.audit-filter-card{overflow:visible!important}

/* AJAX search */
.global-search-mini{max-width:360px!important;position:relative!important}
.ajax-search-wrap{position:relative!important}
.ajax-search-wrap>input{
  width:100%!important;height:46px!important;margin:0!important;
  border:1px solid #d8e0eb!important;border-radius:13px!important;
  padding:0 14px!important;background:#fff!important;font-size:14px!important
}
.ajax-search-results{
  position:absolute!important;left:0!important;right:0!important;top:calc(100% + 8px)!important;
  z-index:500!important;background:#fff!important;
  border:1px solid #dce4ef!important;border-radius:16px!important;
  box-shadow:0 20px 55px rgba(15,23,42,.22)!important;
  overflow:hidden!important;max-height:min(520px,70vh)!important;overflow-y:auto!important
}
.ajax-group{background:#fff!important}
.ajax-group+.ajax-group{border-top:1px solid #e9eef5!important}
.ajax-group-title{
  display:flex!important;justify-content:space-between!important;align-items:center!important;
  padding:9px 12px 7px!important;background:#f8fafc!important;
  font-size:11px!important;font-weight:900!important;color:#64748b!important;
  text-transform:uppercase!important;letter-spacing:.05em!important
}
.ajax-group-title b{
  min-width:22px;height:22px;padding:0 6px;border-radius:999px;
  display:inline-flex;align-items:center;justify-content:center;
  background:#e9eef5;color:#334155;font-size:11px
}
.ajax-hit{
  display:grid!important;grid-template-columns:34px minmax(0,1fr) auto!important;
  gap:10px!important;align-items:center!important;
  padding:10px 12px!important;text-decoration:none!important;color:#111827!important;
  border-top:1px solid #f0f3f7!important;background:#fff!important
}
.ajax-hit:hover,.ajax-hit:active{background:#f8fafc!important}
.ajax-hit i{
  width:32px;height:32px;border-radius:10px;background:#111827;color:#fff;
  display:flex;align-items:center;justify-content:center;font-style:normal;font-size:12px;font-weight:900
}
.ajax-hit div{min-width:0!important}
.ajax-hit strong{
  display:block!important;font-size:13px!important;line-height:1.25!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important
}
.ajax-hit span{
  display:block!important;margin-top:2px!important;color:#64748b!important;
  font-size:11px!important;line-height:1.25!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important
}
.ajax-hit em{font-style:normal!important;font-size:22px!important;color:#94a3b8!important}
.ajax-more{
  display:block!important;padding:11px 12px!important;
  background:#111827!important;color:#fff!important;text-decoration:none!important;
  text-align:center!important;font-size:13px!important;font-weight:850!important
}
.ajax-loading,.ajax-empty{padding:14px!important;color:#64748b!important;font-size:13px!important}

.drawer-live-search{padding:0 18px 12px!important}
.drawer-live-search .ajax-search-results{position:relative!important;top:7px!important;max-height:48vh!important}
.drawer-live-search .ajax-search-wrap>input{
  background:#172033!important;border-color:#334155!important;color:#fff!important
}
.drawer-live-search .ajax-search-wrap>input::placeholder{color:#94a3b8!important}

@media(max-width:900px){
  .audit-filter{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .audit-filter-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .audit-history-card{padding:14px!important}
  .audit-history-card .search-section-title{margin-bottom:8px!important}
  .audit-history-card .audit-event-card{padding:12px!important}
  .audit-history-card .audit-event-head{align-items:flex-start!important}
  .audit-history-card .audit-event-card>strong{font-size:14px!important}
  .search-page-live .ajax-search-results{position:relative!important;top:8px!important;max-height:none!important}
  .ajax-hit{grid-template-columns:32px minmax(0,1fr) auto!important;padding:10px!important}
  .ajax-hit i{width:30px;height:30px}
}

/* WEBLO 3.1 - managers and bulk PDF exports */
.bulk-doc-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 14px;padding:14px 16px}.bulk-doc-main{display:flex;flex-direction:column;gap:3px}.bulk-doc-main span{font-size:12px;color:#64748b}.bulk-doc-form{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.bulk-doc-form label{font-size:11px;font-weight:800;color:#64748b}.bulk-doc-form input[type=date]{display:block;height:38px;margin-top:4px;padding:0 8px;border:1px solid #d7dfeb;border-radius:9px;background:#fff}.bulk-item{position:relative;padding-left:52px!important}.bulk-check{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:24px;height:24px;cursor:pointer}.bulk-check input{position:absolute;opacity:0}.bulk-check span{display:block;width:22px;height:22px;border:2px solid #cbd5e1;border-radius:7px;background:#fff}.bulk-check input:checked+span{background:#111827;border-color:#111827}.bulk-check input:checked+span:after{content:'✓';display:flex;color:#fff;font-size:14px;font-weight:900;align-items:center;justify-content:center;height:100%}.created-by{color:#64748b}.manager-role-note{font-size:12px;color:#64748b}
@media(max-width:900px){.bulk-doc-toolbar{align-items:stretch;flex-direction:column}.bulk-doc-form{display:grid;grid-template-columns:1fr 1fr}.bulk-doc-form label{min-width:0}.bulk-doc-form input[type=date]{width:100%}.bulk-doc-form button{width:100%}.bulk-item{padding-left:48px!important}.bulk-check{left:12px}.created-by{display:block;margin-top:3px}}

/* WEBLO 3.1.1 – manager ↔ TEAM chat */
.manager-team-chat-section{overflow:visible}
.manager-team-chats{display:grid;gap:10px;margin-top:14px}
.manager-team-chat{border:1px solid #dfe6ef;border-radius:14px;background:#f8fafc;overflow:hidden}
.manager-team-chat>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:13px 15px}
.manager-team-chat>summary::-webkit-details-marker{display:none}
.manager-team-chat>summary strong{display:block;font-size:14px}
.manager-team-chat>summary span{display:block;color:#64748b;font-size:12px;margin-top:2px}
.manager-team-chat>summary em{font-style:normal;color:#64748b;font-size:19px}
.manager-team-chat[open]>summary{background:#fff;border-bottom:1px solid #e6ebf2}
.manager-chat-body{padding:13px;background:#fff}
.manager-chat-body .team-thread{min-height:180px;max-height:360px}
.manager-chat-body .team-chat-form{margin-top:10px}
@media(max-width:900px){
 .manager-team-chat>summary{padding:12px}
 .manager-chat-body{padding:10px}
 .manager-chat-body .team-thread{min-height:170px;max-height:310px}
}

/* WEBLO 3.2.0 */
.team-grid .team-manager-full{grid-column:1/-1}

/* WEBLO 3.2.1 – live document search */
.doc-live-search{display:flex;align-items:center;gap:14px;margin:12px 0 16px}
.doc-live-search-field{position:relative;flex:1;max-width:680px}
.doc-live-search-field input{width:100%;height:48px;border:1px solid #d8e0eb;border-radius:14px;background:#fff;padding:0 46px 0 43px;font-size:14px;outline:none}
.doc-live-search-field input:focus{border-color:#94a3b8;box-shadow:0 0 0 3px rgba(148,163,184,.13)}
.doc-live-search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);font-size:20px;color:#64748b;pointer-events:none}
.doc-live-search-clear{display:none;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:30px;height:30px;border:0;border-radius:999px;background:#eef2f7;color:#475569;font-size:20px;line-height:1;cursor:pointer}
.doc-live-search-clear.show{display:block}
.doc-live-search-info{font-size:12px;color:#64748b;white-space:nowrap}
[data-doc-id][hidden]{display:none!important}
@media(max-width:800px){.doc-live-search{display:block}.doc-live-search-field{max-width:none}.doc-live-search-info{margin:6px 3px 0}.doc-live-search-field input{height:50px;font-size:16px}}

/* WEBLO 3.2.2 – AJAX ZIP and live search */
.bulk-doc-toolbar{flex-wrap:wrap}
.bulk-doc-status{display:none;flex-basis:100%;margin-top:10px;padding:10px 13px;border-radius:10px;font-size:13px;font-weight:700}
.bulk-doc-status.loading,.bulk-doc-status.success,.bulk-doc-status.error{display:block}
.bulk-doc-status.loading{background:#f1f5f9;color:#475569}
.bulk-doc-status.success{background:#ecfdf3;color:#166534}
.bulk-doc-status.error{background:#fff1f2;color:#b42318}
.bulk-doc-form button:disabled{opacity:.6;cursor:wait}
.doc-live-search{position:relative}
.doc-live-search-info{min-height:18px}

/* WEBLO 3.2.3 – date filter is live too */
.bulk-doc-form input[type=date]{transition:border-color .15s,box-shadow .15s}
.bulk-doc-form input[type=date]:focus{border-color:#94a3b8;box-shadow:0 0 0 3px rgba(148,163,184,.13)}

/* WEBLO 3.3.0 Security */
.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.security-ok,.security-warn{padding:12px 14px;border-radius:12px;font-weight:800;margin:10px 0 16px}.security-ok{background:#ecfdf3;color:#166534}.security-warn{background:#fff7ed;color:#9a3412}.security-secret{display:flex;flex-direction:column;gap:5px;background:#f8fafc;border:1px solid #dbe3ee;border-radius:12px;padding:14px;margin:12px 0}.security-secret strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:2px;word-break:break-all}.security-session{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #edf1f6}.security-session div{display:flex;flex-direction:column}.security-session span,.security-session small{color:#64748b;font-size:12px}.security-session.revoked{opacity:.55}.security-events>div{display:grid;grid-template-columns:1fr auto auto;gap:12px;padding:10px 0;border-bottom:1px solid #edf1f6;align-items:center}.security-events .ok{color:#166534}.security-events .bad{color:#b42318}.security-events small{color:#64748b}.backup-password{max-width:150px;height:36px!important;margin:0 5px!important}@media(max-width:850px){.security-grid{grid-template-columns:1fr}.security-events>div{grid-template-columns:1fr auto}.security-events small{grid-column:1/-1}}

.link-button{border:0;background:none;padding:0;color:#2563eb;text-decoration:underline;cursor:pointer;font:inherit}.share-grid form{margin:0}.share-grid form .share-btn{width:100%;height:100%}

/* WEBLO 3.3.5 — complete 2FA enrollment */
.security-setup-head{display:flex;align-items:center;gap:10px;margin:16px 0 6px}.step-badge{display:inline-flex;padding:6px 10px;border-radius:999px;background:#eef2ff;color:#4338ca;font-size:12px;font-weight:800}
.totp-setup{display:grid;grid-template-columns:minmax(190px,260px) 1fr;gap:22px;align-items:center;margin:18px 0 22px;padding:18px;border:1px solid #e2e8f0;border-radius:16px;background:#f8fafc}
.totp-qr{background:#fff;border-radius:14px;padding:8px;min-height:220px;display:flex;align-items:center;justify-content:center}.totp-qr svg{width:100%;height:auto;max-width:250px}
.totp-manual{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.totp-manual code{display:block;max-width:100%;overflow-wrap:anywhere;padding:12px 14px;border-radius:10px;background:#111827;color:#fff;font-size:16px;letter-spacing:2px}
.recovery-codes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0}.recovery-codes code{padding:12px;border:1px solid #dbe3ee;border-radius:10px;background:#f8fafc;font-size:15px;font-weight:800;text-align:center;letter-spacing:1px}
.security-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.security-details{margin-top:14px;border:1px solid #e2e8f0;border-radius:12px;padding:12px}.security-details summary{cursor:pointer;font-weight:800}.danger-details summary{color:#b42318}.compact-form{margin-top:10px}
@media(max-width:700px){.totp-setup{grid-template-columns:1fr}.totp-qr{max-width:280px;margin:auto;width:100%}.recovery-codes{grid-template-columns:1fr}}
.plan-public-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.plan-public-card{border:1px solid #dfe6ef;border-radius:15px;padding:18px}.plan-public-price{font-size:24px}.plan-public-price small{font-size:12px;color:#64748b}.plan-public-actions{display:flex;gap:8px;flex-wrap:wrap}.plan-public-actions form{display:flex;gap:7px;flex-wrap:wrap}.sa-impersonate{position:sticky;top:0;z-index:9999;background:#991b1b;color:#fff;text-align:center;padding:8px;font-weight:800}.sa-impersonate a{color:#fff;margin-left:12px}@media(max-width:800px){.plan-public-grid{grid-template-columns:1fr}}
/* WEBLO 4.0.1 registration + onboarding */
.login-register{display:flex;flex-direction:column;gap:9px;margin-top:18px;padding-top:18px;border-top:1px solid #e2e8f0;text-align:center}.login-register .btn{width:100%}.onboarding-wrap{max-width:920px;margin:0 auto}.onboarding-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}.onboarding-progress span{padding:10px;border-radius:10px;background:#e9eef5;color:#64748b;text-align:center;font-size:12px;font-weight:800}.onboarding-progress span.done{background:#111827;color:#fff}.onboarding-card h1{margin:8px 0}.onboarding-actions{display:flex;gap:10px;flex-wrap:wrap}.onboarding-checklist{display:grid;gap:10px;margin:18px 0}.onboarding-checklist>div{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid #e2e8f0;border-radius:12px}.onboarding-checklist b{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#111827;color:#fff}.onboarding-checklist span{flex:1}.backup-engine-status{display:flex;flex-direction:column;gap:4px;margin-top:14px;padding:12px 14px;border-radius:12px;background:#ecfdf5;color:#166534}.backup-engine-status span,.backup-engine-status small{font-size:12px}.backup-engine-status small{opacity:.75}@media(max-width:700px){.onboarding-progress{grid-template-columns:repeat(2,1fr)}.onboarding-checklist>div{align-items:flex-start;flex-wrap:wrap}.onboarding-checklist span{min-width:70%}}

/* WEBLO 4.0.4 — production backup status */
.backup-health-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}
.backup-health{border:1px solid #dde5ef;border-radius:13px;padding:13px;background:#f8fafc;display:grid;gap:4px}
.backup-health span{font-size:11px;color:#64748b;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.backup-health strong{font-size:15px}.backup-health small{font-size:11px;color:#64748b;line-height:1.35}
.backup-health.ok{background:#ecfdf3;border-color:#bbf7d0}.backup-health.ok strong{color:#166534}
.backup-health.warn{background:#fff7ed;border-color:#fed7aa}.backup-health.warn strong{color:#9a3412}
@media(max-width:900px){.backup-health-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.backup-health-grid{grid-template-columns:1fr}}

/* WEBLO 4.0.14 — plans, trial and upgrade UX */
.user-plan{display:grid;gap:2px;text-decoration:none;color:inherit;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:8px 9px;margin-bottom:9px}.user-plan small{font-size:9px;text-transform:uppercase;letter-spacing:.08em;opacity:.6}.user-plan b{font-size:11px}
.upgrade-alert{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 17px;margin-bottom:16px;border-radius:14px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412}.upgrade-alert div{display:grid;gap:3px}.upgrade-alert span{font-size:12px}
.subscription-current{display:flex;align-items:center;justify-content:space-between;gap:18px}.subscription-current h2{font-size:28px;margin:5px 0}.badge.purple{background:#ede9fe;color:#6d28d9}
.usage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:16px}.usage-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:14px;display:grid;gap:5px}.usage-card>span{font-size:11px;color:#64748b;font-weight:800;text-transform:uppercase}.usage-card>strong{font-size:19px}.usage-card small{font-size:10px;color:#64748b}.usage-card.near-limit{border-color:#fdba74;background:#fffaf5}.usage-bar{height:7px;border-radius:99px;overflow:hidden;background:#eef2f6}.usage-bar i{display:block;height:100%;background:#111827}.near-limit .usage-bar i{background:#ea580c}
.plan-public-card{position:relative}.plan-public-card.current{border-color:#111827;box-shadow:0 0 0 1px #111827}.plan-public-card.vip{background:linear-gradient(180deg,#fff,#faf8ff)}.plan-ribbon{position:absolute;right:12px;top:12px;background:#111827;color:#fff;border-radius:99px;padding:4px 8px;font-size:9px;font-weight:900;text-transform:uppercase}.plan-ribbon.trial{background:#7c3aed}.plan-feature-list{display:grid;gap:7px;border-top:1px solid #edf1f5;border-bottom:1px solid #edf1f5;padding:12px 0;margin:12px 0}.plan-feature-list span{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#64748b}.plan-feature-list b{color:#111827}.plan-free-note{padding:10px 0;font-weight:700}
@media(max-width:850px){.usage-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.subscription-current,.upgrade-alert{align-items:stretch;flex-direction:column}.subscription-current .btn,.upgrade-alert .btn{width:100%}.usage-grid{grid-template-columns:1fr}.plan-public-grid{grid-template-columns:1fr!important}}

/* WEBLO 4.0.15 storage + plan badge */
.brand-plan-badge{display:inline-flex;align-items:center;justify-content:center;margin-top:7px;max-width:145px;padding:4px 8px;border-radius:999px;background:#7c3aed;color:#fff;text-decoration:none;font-size:9px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.drawer-brand-wrap .brand-plan-badge{margin-top:5px;align-self:flex-start}
.storage-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:14px 0}.storage-summary>div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px;display:grid;gap:4px}.storage-summary span{font-size:10px;color:#64748b;text-transform:uppercase;font-weight:800}.storage-summary strong{font-size:18px}.storage-big-bar{height:10px;border-radius:99px;background:#eef2f7;overflow:hidden}.storage-big-bar i{display:block;height:100%;background:#111827}.storage-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.storage-products article{border:1px solid #e2e8f0;border-radius:14px;padding:14px;display:grid;gap:7px}.storage-products article>strong{font-size:17px}.storage-products article>span{font-size:12px;color:#64748b}.storage-products article>b{font-size:14px}.storage-product-actions{display:grid;gap:7px;margin-top:5px}.storage-product-actions form,.storage-product-actions .btn{width:100%}.storage-product-actions button{width:100%}
@media(max-width:750px){.storage-summary{grid-template-columns:repeat(2,1fr)}.storage-products{grid-template-columns:1fr}}
@media(max-width:390px){.storage-summary{grid-template-columns:1fr}}

.storage-persistent{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 16px;padding:13px 16px;border-radius:13px;border:1px solid #fde68a;background:#fffbeb;color:#92400e}.storage-persistent>div:first-child{display:grid;gap:3px}.storage-persistent strong{font-size:13px}.storage-persistent span{font-size:11px}.storage-persistent.critical{background:#fff7ed;border-color:#fdba74;color:#9a3412}.storage-persistent.full{background:#fef2f2;border-color:#fecaca;color:#991b1b}.storage-persistent-actions{display:flex;gap:7px;flex-wrap:wrap}.storage-persistent-actions a{background:#111827;color:#fff;text-decoration:none;border-radius:9px;padding:8px 10px;font-size:10px;font-weight:850}.team-storage-full{font-size:11px;color:#b91c1c;font-weight:750;padding:8px 10px;background:#fef2f2;border:1px solid #fecaca;border-radius:9px}@media(max-width:650px){.storage-persistent{align-items:stretch;flex-direction:column}.storage-persistent-actions{display:grid;grid-template-columns:1fr 1fr}.storage-persistent-actions a{text-align:center}}

/* WEBLO 4.0.18 — client WEBLO documents */
.billing-doc-list{display:grid;gap:9px;margin-top:14px}.billing-doc-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px;border:1px solid #e2e8f0;border-radius:13px;background:#fff}.billing-doc-icon{width:40px;height:40px;border-radius:10px;background:#111827;color:#fff;display:grid;place-items:center;font-size:10px;font-weight:900}.billing-doc-main{display:grid;gap:2px}.billing-doc-main strong{font-size:14px}.billing-doc-main span{font-size:12px;color:#475569}.billing-doc-main small,.billing-doc-status small{font-size:10px;color:#94a3b8}.billing-doc-status{display:grid;justify-items:end;gap:3px}.empty-state{padding:18px;border:1px dashed #d7dee9;border-radius:12px;display:grid;gap:4px;color:#64748b}.empty-state strong{color:#334155}
@media(max-width:650px){.billing-doc-row{grid-template-columns:40px 1fr}.billing-doc-status{justify-items:start;grid-column:2}.billing-doc-row>.btn{grid-column:1/-1;width:100%}}

/* WEBLO 4.0.19 SaaS documents */
.billing-doc-filters{display:grid;grid-template-columns:minmax(220px,1fr) 190px 190px;gap:9px;margin:16px 0}.billing-doc-filters input,.billing-doc-filters select{width:100%;border:1px solid #d8e0eb;border-radius:11px;padding:11px 12px;background:#fff}.billing-doc-actions{display:flex;gap:6px;flex-wrap:wrap}
@media(max-width:700px){.billing-doc-filters{grid-template-columns:1fr}.billing-doc-actions{grid-column:1/-1}.billing-doc-actions .btn{flex:1}}

.storage-order-form button[disabled]{opacity:.65;cursor:wait}

/* WEBLO 4.0.32 unified violet/navy visual refresh */
:root{--weblo-accent:#7c3aed;--weblo-accent2:#4f46e5;--weblo-navy:#111827;--weblo-ring:rgba(124,58,237,.20)}body{background:#f6f7fb}aside,.mobile-drawer{background:var(--weblo-navy)}.brand span,.drawer-brand span,.mobile-brand span,.login-logo span{background:linear-gradient(135deg,var(--weblo-accent),var(--weblo-accent2));color:#fff}aside nav a,.mobile-drawer nav a{position:relative;transition:.18s ease}aside nav a.active,.mobile-drawer nav a.active{background:linear-gradient(135deg,var(--weblo-accent),var(--weblo-accent2));color:#fff;box-shadow:0 10px 28px rgba(99,61,220,.30)}aside nav a:hover,.mobile-drawer nav a:hover{background:rgba(124,58,237,.18);color:#fff}.primary,.approve{background:linear-gradient(135deg,var(--weblo-accent),var(--weblo-accent2))}input:focus,select:focus,textarea:focus{border-color:var(--weblo-accent);box-shadow:0 0 0 4px var(--weblo-ring)}.nav-badge,.hamburger-badge{background:#fff;color:var(--weblo-accent);border:2px solid rgba(124,58,237,.18)}.mobile-nav .plus{background:linear-gradient(135deg,var(--weblo-accent),var(--weblo-accent2));box-shadow:0 12px 28px rgba(99,61,220,.32)}.brand-plan-badge{background:linear-gradient(135deg,var(--weblo-accent),var(--weblo-accent2))!important;color:#fff!important}

/* WEBLO 4.0.33 VISUAL — forced brand refresh */
.brand span,.drawer-brand span,.mobile-brand span{
  background:linear-gradient(135deg,#7c3aed 0%,#4f46e5 55%,#22c1ff 100%)!important;
  color:#fff!important;
  box-shadow:0 7px 18px rgba(91,70,229,.28)!important;
}
aside nav a.active{
  background:linear-gradient(90deg,#7c3aed,#4f46e5)!important;
  color:#fff!important;
  font-weight:850!important;
  box-shadow:0 8px 22px rgba(79,70,229,.26)!important;
}
aside nav a.active .nav-badge{background:#fff!important;color:#6d28d9!important}
.mobile-drawer nav a.active{
  background:linear-gradient(90deg,#7c3aed,#4f46e5)!important;
  color:#fff!important;
  font-weight:850!important;
}
.offer-btn{background:linear-gradient(135deg,#7c3aed,#6d28d9)!important;color:#fff!important}
.job-btn{background:linear-gradient(135deg,#14b8a6,#0f8b7e)!important;color:#fff!important}
.page-back-btn:hover{border-color:#7c3aed!important;color:#7c3aed!important}
.mobile-current-title{color:#4f46e5!important}
.nav-badge{background:linear-gradient(135deg,#7c3aed,#4f46e5)!important;color:#fff!important;border:0!important}

/* WEBLO 4.0.35 – structured changelog */
.changelog-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.changelog-meta small{font-size:12px;color:#718096;font-weight:700}
.changelog-section{margin-top:14px}
.changelog-section h4{margin:0 0 7px;font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:#6d28d9}
.changelog-section ul{margin-top:0}
.changelog-history-title{display:flex;align-items:center;gap:12px;margin:28px 0 14px;color:#64748b;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.changelog-history-title:after{content:"";height:1px;background:#dbe3ef;flex:1}

/* WEBLO support center */
.dashboard-support-card{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;background:linear-gradient(135deg,#f5f0ff,#eef7ff);border:1px solid #d8ccff}
.dashboard-support-icon{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#7c3aed,#4f46e5,#22a9ef);color:#fff;font-size:30px;font-weight:900;box-shadow:0 10px 24px rgba(79,70,229,.2)}
.dashboard-support-copy h2{margin:4px 0 6px}.dashboard-support-copy p{margin:0;color:#64748b}.support-inline-badge{display:inline-grid;place-items:center;min-width:21px;height:21px;border-radius:999px;background:#fff;color:#6d28d9;padding:0 5px;margin-left:5px}
.support-layout{display:grid;gap:18px}.support-form{display:grid;gap:14px}.support-form label{display:grid;gap:7px;font-weight:800}.support-form input,.support-form select,.support-form textarea,.support-reply textarea{width:100%;border:1px solid #d4ddea;border-radius:12px;padding:12px;font:inherit;background:#fff}.support-form-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:12px}.support-columns{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px}.support-ticket-list{display:grid;gap:8px}.support-ticket{display:flex;align-items:center;justify-content:space-between;gap:10px;text-decoration:none;color:#111827;padding:12px;border:1px solid #e2e8f0;border-radius:13px;background:#fff}.support-ticket.active{border-color:#7c3aed;background:#f7f3ff}.support-ticket div{display:grid;gap:3px}.support-ticket small{color:#64748b}.support-messages{display:grid;gap:10px;max-height:460px;overflow:auto;padding:4px}.support-message{max-width:86%;padding:12px 14px;border-radius:14px;background:#eef2f7}.support-message.from-admin{margin-left:auto;background:#eee8ff;border:1px solid #dacdff}.support-message p{margin:5px 0;line-height:1.55}.support-message small{color:#64748b}.support-reply{display:grid;gap:8px;margin-top:12px}
@media(max-width:900px){.dashboard-support-card{grid-template-columns:auto 1fr}.dashboard-support-action{grid-column:1/-1}.support-columns,.support-form-grid{grid-template-columns:1fr}}

/* WEBLO 4.0.40 Stripe Checkout feedback */
.stripe-checkout-alert{margin:14px 0 18px;padding:14px 16px;border:1px solid #d7dfeb;border-radius:14px;background:#f8fafc;display:grid;gap:4px}.stripe-checkout-alert strong{font-size:14px}.stripe-checkout-alert span{color:#64748b}.stripe-checkout-alert.err{background:#fff1f2;border-color:#fecdd3;color:#9f1239}.stripe-checkout-alert.err span{color:#be123c}.stripe-checkout-alert.ok{background:#ecfdf5;border-color:#bbf7d0;color:#166534}.stripe-checkout-alert.ok span{color:#15803d}

.stripe-inline-error{margin-top:10px;padding:10px 12px;border-radius:12px;background:#fff0f0;border:1px solid #ffc7c7;color:#a61b1b;font-weight:700;font-size:14px;line-height:1.4}
.stripe-inline-error[hidden]{display:none!important}

/* WEBLO 4.0.46: recurring consent mobile fix */
.stripe-consent-label{display:grid!important;grid-template-columns:22px minmax(0,1fr);gap:9px;align-items:start;margin:8px 0 12px;font-size:13px;line-height:1.4;cursor:pointer;min-width:0}.stripe-consent-label.stripe-consent-small{font-size:12px}.stripe-consent-checkbox{appearance:auto!important;-webkit-appearance:checkbox!important;width:18px!important;height:18px!important;min-height:18px!important;margin:2px 0 0!important;padding:0!important;border-radius:4px!important}.stripe-consent-label span{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:normal}@media(max-width:700px){.stripe-consent-label{width:100%;grid-template-columns:22px minmax(0,1fr)}.stripe-recurring-note{max-width:100%;overflow-wrap:anywhere}}

/* WEBLO 4.0.48 priority support */
.dashboard-support-card.priority-support{background:linear-gradient(135deg,#fffaf0,#fff4c4);border-color:#e7bf4a;box-shadow:0 10px 28px rgba(181,132,25,.10)}
.dashboard-support-card.priority-support .dashboard-support-icon{background:linear-gradient(135deg,#c58d12,#f3c84c);box-shadow:0 10px 24px rgba(181,132,25,.22)}
.dashboard-support-card.priority-support .eyebrow{color:#9a6a00}.priority-support-banner{display:flex;gap:10px;align-items:center;justify-content:space-between;margin:0 0 16px;padding:13px 16px;border:1px solid #e7bf4a;border-radius:14px;background:linear-gradient(135deg,#fffaf0,#fff4c4);color:#6f4d00}.priority-support-banner span{font-size:13px}
@media(max-width:700px){.priority-support-banner{align-items:flex-start;flex-direction:column}}

/* 4.0.54 – Messenger support + stronger priority state */
.priority-support-banner{
  position:relative;overflow:hidden;
  padding:16px 18px;
  border:1px solid #d6a81f;
  background:linear-gradient(135deg,#fff7cf 0%,#fff1a8 55%,#ffe483 100%);
  color:#664700;
  box-shadow:0 12px 28px rgba(164,116,0,.14);
}
.priority-support-banner:before{content:"★";font-size:34px;line-height:1;color:#b77900;opacity:.18;position:absolute;right:16px;top:8px}
.priority-support-banner strong{font-size:15px;color:#684800}.priority-support-banner span{font-size:13px;color:#765a18}
.dashboard-support-card.priority-support{
  background:linear-gradient(135deg,#fff8d7 0%,#fff0a7 100%);
  border:1px solid #d9ad25;
  box-shadow:0 12px 30px rgba(174,125,8,.14);
}
.dashboard-support-card.priority-support .dashboard-support-action{background:linear-gradient(135deg,#b77900,#d79b13);border-color:#a96f00;color:#fff;box-shadow:0 8px 18px rgba(166,111,0,.2)}
.support-thread{display:flex;flex-direction:column;min-height:560px;max-height:76vh;overflow:hidden}
.support-thread>.row{flex:0 0 auto}
.support-messages.messenger-thread{flex:1 1 auto;min-height:280px;max-height:none;overflow-y:auto;overscroll-behavior:contain;padding:10px 6px 16px;scroll-behavior:smooth}
.support-reply.messenger-reply{flex:0 0 auto;position:sticky;bottom:0;background:#fff;padding-top:10px;margin-top:0;border-top:1px solid #eef2f7}
.support-reply.messenger-reply:after{content:"Enter = odoslať • Shift+Enter = nový riadok";font-size:11px;color:#94a3b8;text-align:right}
@media(max-width:900px){.support-thread{min-height:520px;max-height:70vh}.support-reply.messenger-reply:after{display:none}}

/* 4.0.55 – desktop support thread scroll */
@media(min-width:901px){
  .support-thread{height:clamp(540px,calc(100vh - 170px),720px)!important;min-height:0!important;max-height:none!important}
  .support-thread .support-messages.messenger-thread{flex:1 1 0!important;min-height:0!important;height:0!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important}
  .support-thread .support-reply.messenger-reply{position:relative!important;bottom:auto!important}
}

/* 4.0.57 — resolved support ticket is read-only */
.support-ticket-closed{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:16px 18px;border:1px solid #bbf7d0;background:#f0fdf4;border-radius:18px;color:#166534}.support-ticket-closed strong{font-size:15px}.support-ticket-closed span{color:#4b5563;line-height:1.45}.support-ticket-closed .btn{margin-top:4px;text-decoration:none}


/* WEBLO 4.0.74 — globálny INFO BOX zo Superadmina */
.customer-global-info{
 display:flex;align-items:flex-start;gap:14px;margin:0 0 18px;padding:16px 18px;
 border:1px solid #c4b5fd;border-radius:16px;
 background:linear-gradient(135deg,#f5f3ff 0%,#eef2ff 100%);
 box-shadow:0 8px 24px rgba(91,53,213,.07);
 color:#312e81
}
.customer-global-info-icon{
 flex:0 0 34px;width:34px;height:34px;border-radius:11px;
 display:grid;place-items:center;background:#6d3df5;color:#fff;
 font-weight:900;font-size:18px;box-shadow:0 7px 18px rgba(109,61,245,.22)
}
.customer-global-info-content{min-width:0;line-height:1.55}
.customer-global-info-content strong{display:block;margin:1px 0 4px;font-size:16px;color:#1e1b4b}
.customer-global-info-content div{font-size:14px;color:#4c4a78;overflow-wrap:anywhere}
@media(max-width:650px){
 .customer-global-info{padding:14px;gap:11px;border-radius:14px}
 .customer-global-info-icon{width:30px;height:30px;flex-basis:30px;border-radius:9px;font-size:16px}
 .customer-global-info-content strong{font-size:15px}
 .customer-global-info-content div{font-size:13px}
}


/* WEBLO 4.0.81 — ukončenie doplnkového úložiska a ochranná lehota */
.saas-storage-active h3{margin-top:0}
.storage-active-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid #edf1f5}
.storage-active-row:first-of-type{border-top:0}
.storage-active-row>div{display:grid;gap:3px}.storage-active-row span{font-size:12px;color:#64748b}
.storage-grace{border-color:#fca5a5!important;background:#fff7f7!important}
@media(max-width:650px){.storage-active-row{align-items:flex-start;flex-direction:column}.storage-active-row form,.storage-active-row button{width:100%}}


/* WEBLO 4.0.88 — klientská podpora v reálnom čase */
.support-ticket-meta{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.support-unread-badge{
  display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;
  border-radius:999px;background:#ef4444;color:#fff;font-size:11px;font-weight:900;line-height:1;
  box-shadow:0 4px 12px rgba(239,68,68,.22)
}
.support-unread-badge.hidden{display:none!important}
@media(max-width:700px){
  .support-ticket-meta{gap:6px}
  .support-unread-badge{min-width:21px;height:21px;font-size:10px}
}

/* WEBLO 4.0.90 — sekcie zákazníckeho menu */
.nav-section-title{padding:16px 14px 6px;font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#8491a5}
aside nav .nav-section-title:first-child,.mobile-drawer nav .nav-section-title:first-child{padding-top:5px}

.document-mode-choice{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:8px}
.mode-option{display:flex!important;align-items:flex-start;gap:10px;padding:15px;border:1px solid #dfe6ef;border-radius:14px;background:#f8fafc;cursor:pointer}
.mode-option input{margin-top:4px}.mode-option span{display:grid;gap:4px}.mode-option b{font-size:14px}.mode-option small{color:#64748b;line-height:1.4}
@media(max-width:700px){.document-mode-choice{grid-template-columns:1fr}}

.inquiry-link-card{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.inquiry-link-card code{display:block;margin-top:8px;padding:8px 10px;border-radius:9px;background:#f1f5f9;word-break:break-all}.inquiry-contact{display:grid;gap:4px;padding:12px;border-radius:12px;background:#f8fafc}.inquiry-contact span{color:#64748b}.inquiry-message{margin:14px 0;padding:16px;border:1px solid #e2e8f0;border-radius:14px;line-height:1.6;white-space:normal}.inquiry-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.inquiry-actions form{margin:0}.inquiry-actions select{border:1px solid #d8e0ea;border-radius:10px;padding:9px;background:#fff}
@media(max-width:700px){.inquiry-link-card{display:grid}.inquiry-link-card .btn{width:100%}.inquiry-columns{display:block}.inquiry-columns .inquiry-detail{margin-top:12px}}


/* WEBLO 4.0.91 — active položka menu ostáva jasne označená */
aside nav a.active,
.mobile-drawer nav a.active{
  background:linear-gradient(135deg,#7c3aed,#5b3df5)!important;
  color:#fff!important;
  font-weight:850;
  box-shadow:0 8px 22px rgba(91,61,245,.20)
}
aside nav a.active .nav-badge,
.mobile-drawer nav a.active .nav-badge{background:#fff;color:#5b3df5}