:root{
  --bg:#f5f7fb;--panel:#fff;--text:#172033;--muted:#697386;--line:#e6eaf0;--primary:#2356d8;--primary-dark:#1746bf;
  --green:#157f4d;--green-bg:#e8f7ef;--red:#c2362b;--red-bg:#fff0ee;--amber:#a76300;--amber-bg:#fff5dd;
  --blue:#1f5fca;--blue-bg:#edf4ff;--purple:#7442c8;--purple-bg:#f3edff;--gray:#647084;--gray-bg:#eff2f6;
  --shadow:0 10px 30px rgba(24,39,75,.07);--radius:16px;--sidebar:260px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}a{color:var(--primary);text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#101827;color:#fff;padding:22px 16px;display:flex;flex-direction:column;z-index:50;transition:transform .25s ease}.brand,.auth-brand{display:flex;align-items:center;gap:12px}.brand{padding:0 8px 22px}.brand-mark{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#2d67ef,#6f8cff);font-size:14px;font-weight:800;letter-spacing:.5px;color:#fff;box-shadow:0 8px 24px rgba(47,103,239,.35)}.brand strong,.auth-brand strong{display:block;font-size:14px}.brand span,.auth-brand span{display:block;font-size:12px;color:#8f9aad;margin-top:2px}.nav{display:flex;flex-direction:column;gap:5px;margin-top:8px}.nav a{display:flex;align-items:center;gap:12px;color:#c1c9d6;padding:11px 12px;border-radius:10px;font-weight:650}.nav a span{width:22px;text-align:center;font-size:18px}.nav a:hover,.nav a.active{background:#1d2a3e;color:#fff}.sidebar-footer{margin-top:auto;padding:16px 8px 4px;border-top:1px solid rgba(255,255,255,.09)}.user-chip{display:flex;gap:10px;align-items:center}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#2b3950;font-weight:800}.user-chip strong,.user-chip span{display:block}.user-chip strong{font-size:13px}.user-chip span{font-size:11px;color:#8f9aad;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-link{display:block;margin-top:12px;color:#aeb8c7;font-size:12px}.main-wrap{margin-left:var(--sidebar);min-height:100vh}.topbar{height:78px;background:#fff;border-bottom:1px solid var(--line);padding:0 28px;display:flex;align-items:center;gap:16px;position:sticky;top:0;z-index:30}.topbar h1{font-size:20px;margin:0}.topbar p{margin:2px 0 0;font-size:12px;color:var(--muted)}.top-add{margin-left:auto}.menu-toggle{display:none;border:0;background:transparent;font-size:22px;color:var(--text);cursor:pointer}.content{padding:28px;max-width:1600px;margin:0 auto}.hero-row,.detail-header,.page-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.hero-row h2,.detail-header h2{font-size:26px;line-height:1.2;margin:0 0 6px}.hero-row p,.detail-header p{margin:0;color:var(--muted)}.detail-header p a{font-weight:700}.eyebrow{display:block;text-transform:uppercase;font-size:11px;letter-spacing:.09em;color:var(--muted);font-weight:800;margin-bottom:5px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:9px;padding:9px 14px;font-weight:750;cursor:pointer;transition:.18s ease;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:#fff;border-color:#dce2ea;color:#354052}.btn-secondary:hover{border-color:#c6ced9;background:#fafbfc}.btn-success{background:var(--green);color:#fff}.btn-link{background:transparent;color:var(--primary);padding-inline:6px}.btn-sm{padding:6px 10px;font-size:12px;border-radius:8px}.btn-block{width:100%}.button-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:22px;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid var(--line)}.panel-head h3{margin:0;font-size:16px}.panel-head p{margin:3px 0 0;color:var(--muted);font-size:12px}.panel-head>a{font-weight:700;font-size:13px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;display:flex;align-items:flex-start;gap:14px;box-shadow:var(--shadow)}.stat-icon{width:44px;height:44px;border-radius:12px;background:var(--blue-bg);color:var(--blue);display:grid;place-items:center;font-weight:900}.stat-icon.warning{background:var(--amber-bg);color:var(--amber)}.stat-icon.danger{background:var(--red-bg);color:var(--red)}.stat-icon.success{background:var(--green-bg);color:var(--green);font-size:10px}.stat-card small,.stat-card strong,.stat-card a{display:block}.stat-card small{color:var(--muted);font-weight:650}.stat-card strong{font-size:25px;margin:2px 0 5px}.stat-card a{font-size:12px;font-weight:700}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr);gap:22px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:650px}th,td{text-align:left;padding:13px 16px;border-bottom:1px solid var(--line);vertical-align:middle}th{font-size:11px;text-transform:uppercase;letter-spacing:.055em;color:#7a8494;background:#fafbfd}td{font-size:13px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfcfe}td small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.strong-link{font-weight:800;color:var(--text)}.strong{font-weight:800}.nowrap{white-space:nowrap}.text-danger{color:var(--red)!important}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:800;white-space:nowrap}.badge-blue{color:var(--blue);background:var(--blue-bg)}.badge-amber{color:var(--amber);background:var(--amber-bg)}.badge-red{color:var(--red);background:var(--red-bg)}.badge-green{color:var(--green);background:var(--green-bg)}.badge-purple{color:var(--purple);background:var(--purple-bg)}.badge-gray{color:var(--gray);background:var(--gray-bg)}.invoice-mini-list{padding:8px 18px 14px}.invoice-mini{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);color:var(--text)}.invoice-mini:last-child{border-bottom:0}.invoice-mini strong,.invoice-mini small{display:block}.invoice-mini small{color:var(--muted);font-size:11px;margin-top:2px}.align-right{text-align:right}.align-right .badge{margin-top:5px}.file-icon{width:36px;height:42px;border-radius:7px;background:#ffe9e7;color:#bf3c32;display:grid;place-items:center;font-size:9px;font-weight:900;border:1px solid #ffd4d0}.file-icon.large{width:46px;height:54px}.empty-state,.empty-cell{color:var(--muted);text-align:center;padding:32px}.empty-state.compact{padding:24px 8px}.page-actions .search-form,.filter-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.search-form input,.filter-form input{min-width:280px}.filter-form select{min-width:180px}.summary-pill{background:#fff;border:1px solid var(--line);border-radius:12px;padding:9px 13px}.summary-pill small,.summary-pill strong{display:block}.summary-pill small{color:var(--muted);font-size:10px}.summary-pill strong{font-size:15px}label{display:block;color:#4e596a;font-size:12px;font-weight:750}input,select,textarea{width:100%;margin-top:6px;border:1px solid #d8dee8;border-radius:9px;background:#fff;color:var(--text);padding:9px 11px;outline:none;transition:border .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:#7395ed;box-shadow:0 0 0 3px rgba(35,86,216,.10)}textarea{resize:vertical}label small{display:block;color:var(--muted);font-weight:500;margin-top:5px}.form-layout{max-width:1280px}.narrow-form{max-width:850px}.form-panel{overflow:visible}.form-grid{display:grid;gap:15px;padding:20px}.form-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.four-col{grid-template-columns:repeat(4,minmax(0,1fr))}.span-2{grid-column:span 2}.span-4{grid-column:span 4}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin:0 0 28px}.sticky-actions{position:sticky;bottom:14px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border:1px solid var(--line);padding:12px;border-radius:14px;box-shadow:0 12px 35px rgba(24,39,75,.14);z-index:20}.order-number-chip{font-size:12px;background:#edf3ff;color:var(--primary);font-weight:800;padding:6px 10px;border-radius:999px}.items-editor{padding:18px;display:flex;flex-direction:column;gap:14px}.item-row{border:1px solid var(--line);border-radius:13px;background:#fbfcfe;padding:14px}.item-row-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.item-grid{display:grid;grid-template-columns:minmax(240px,2fr) 90px 90px 130px 90px 150px;gap:10px;align-items:end}.item-name{grid-column:span 2}.item-note{grid-column:span 4}.item-total{grid-column:span 2;background:#fff;border:1px solid var(--line);border-radius:10px;padding:9px 12px}.item-total small,.item-total strong{display:block}.item-total small{color:var(--muted);font-size:10px}.item-total strong{font-size:16px;margin-top:2px}.icon-btn{border:0;background:transparent;color:var(--muted);cursor:pointer;padding:5px;font-weight:700}.danger-text{color:var(--red)}.order-summary{display:flex;justify-content:flex-end;gap:30px;border-top:1px solid var(--line);padding:16px 20px}.order-summary div{text-align:right}.order-summary small,.order-summary strong{display:block}.order-summary small{color:var(--muted)}.order-summary strong{font-size:18px}.progress-label{display:flex;justify-content:space-between;gap:10px;font-size:11px}.progress{height:6px;background:#edf0f5;border-radius:999px;overflow:hidden;margin-top:6px;min-width:100px}.progress span{display:block;height:100%;background:var(--primary);border-radius:999px}.orders-table td:nth-child(4){min-width:160px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.info-list{margin:0;padding:8px 20px 14px}.info-list>div{display:grid;grid-template-columns:150px 1fr;gap:18px;padding:11px 0;border-bottom:1px solid var(--line)}.info-list>div:last-child{border-bottom:0}.info-list dt{color:var(--muted);font-size:12px}.info-list dd{margin:0;font-weight:650}.notes-box{padding:18px 20px;color:#4c5767}.order-kpi-grid{display:grid;grid-template-columns:1fr 1fr 1.5fr 1fr;gap:14px;margin-bottom:22px}.order-kpi{background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px;box-shadow:var(--shadow)}.order-kpi small,.order-kpi strong{display:block}.order-kpi small{color:var(--muted);margin-bottom:7px}.order-kpi strong{font-size:15px}.order-view-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px}.sticky-panel{position:sticky;top:98px}.order-items-list{padding:15px;display:flex;flex-direction:column;gap:11px}.order-item-card{border:1px solid var(--line);border-radius:13px;padding:14px}.order-item-card.has-missing{border-color:#f1b8b3;background:#fffafa}.order-item-main{display:flex;justify-content:space-between;gap:16px}.order-item-main h4{margin:7px 0 3px;font-size:15px}.order-item-main p{margin:0;color:var(--muted);font-size:12px}.line-price{text-align:right;white-space:nowrap}.line-price small,.line-price strong{display:block}.line-price small{color:var(--muted)}.line-price strong{font-size:16px}.missing-note{margin-top:9px;padding:8px 10px;background:var(--red-bg);color:#79342d;border-radius:8px;font-size:12px}.quick-status-form{display:grid;grid-template-columns:170px 1fr auto;gap:8px;align-items:end;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.quick-status-form select,.quick-status-form input{margin-top:0}.invoice-list{padding:0 16px 16px}.invoice-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.invoice-card:last-child{border-bottom:0}.invoice-card-main{min-width:0}.invoice-title-row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.invoice-title-row h4{margin:0}.invoice-title-row p{margin:3px 0 0;color:var(--muted);font-size:11px}.invoice-values{display:flex;gap:18px;flex-wrap:wrap;margin-top:10px}.invoice-values span{font-size:11px;color:var(--muted)}.invoice-values strong{color:var(--text);margin-left:4px}.invoice-actions{display:flex;flex-direction:column;gap:6px;align-items:stretch}.invoice-actions form{display:flex}.invoice-actions .btn{width:100%}.modal-backdrop{position:fixed;inset:0;background:rgba(10,18,32,.58);z-index:100;display:grid;place-items:center;padding:18px}.modal-backdrop[hidden]{display:none}.modal{width:min(620px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.28)}.modal-head{display:flex;justify-content:space-between;gap:14px;padding:20px;border-bottom:1px solid var(--line)}.modal-head h3{margin:0}.modal-head p{margin:3px 0 0;color:var(--muted);font-size:12px}.modal .stack-form{padding:20px}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.file-drop{border:1px dashed #bfc9d8;border-radius:12px;padding:14px;background:#fafbfd}.file-drop input{margin:0 0 8px;padding:0;border:0}.file-drop span{color:var(--muted);font-weight:500}.stack-form{display:flex;flex-direction:column;gap:14px}.auth-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,#eaf0ff 0,transparent 35%),var(--bg);padding:24px}.auth-card{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:0 18px 60px rgba(24,39,75,.12)}.auth-card-wide{width:min(560px,100%)}.auth-brand{margin-bottom:26px}.auth-card h1{font-size:25px;margin:0 0 5px}.muted{color:var(--muted)}.auth-card .muted{margin:0 0 20px}.install-hint{text-align:center;color:var(--muted);font-size:12px;margin:18px 0 0}.alert{border-radius:10px;padding:11px 13px;margin:0 0 16px;font-weight:650}.alert-success{background:var(--green-bg);color:var(--green)}.alert-error{background:var(--red-bg);color:var(--red)}code{background:#eef1f6;padding:2px 5px;border-radius:5px}.sidebar-overlay{display:none}
@media(max-width:1180px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.order-kpi-grid{grid-template-columns:repeat(2,1fr)}.order-view-grid{grid-template-columns:1fr}.sticky-panel{position:static}.item-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.item-name{grid-column:span 2}.item-note{grid-column:span 3}.item-total{grid-column:span 1}}
@media(max-width:900px){:root{--sidebar:250px}.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.main-wrap{margin-left:0}.menu-toggle{display:block}.topbar{padding:0 18px}.content{padding:18px}.top-add{display:none}.sidebar-overlay{display:block;position:fixed;inset:0;background:rgba(10,18,32,.45);z-index:40}.sidebar-overlay[hidden]{display:none}.form-grid.four-col{grid-template-columns:repeat(2,minmax(0,1fr))}.span-4{grid-column:span 2}.item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.item-name,.item-note,.item-total{grid-column:span 2}}
@media(max-width:640px){body{font-size:13px}.content{padding:14px}.hero-row,.detail-header,.page-actions{align-items:stretch;flex-direction:column}.hero-row .btn,.detail-header .btn,.page-actions>.btn{width:100%}.hero-row h2,.detail-header h2{font-size:22px}.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:13px;gap:10px}.stat-icon{width:38px;height:38px}.stat-card strong{font-size:20px}.dashboard-grid,.detail-grid{grid-template-columns:1fr}.filter-form,.search-form{width:100%}.filter-form input,.filter-form select,.search-form input{min-width:0;flex:1 1 100%}.filter-form .btn,.search-form .btn{flex:1}.form-grid.two-col,.form-grid.four-col{grid-template-columns:1fr}.span-2,.span-4{grid-column:span 1}.panel-head{padding:15px}.panel-head .btn{padding:8px 10px}.items-editor{padding:10px}.item-grid{grid-template-columns:1fr 1fr}.item-name,.item-note,.item-total{grid-column:span 2}.order-summary{justify-content:space-between;gap:14px}.order-kpi-grid{grid-template-columns:1fr 1fr;gap:10px}.order-kpi{padding:12px}.quick-status-form{grid-template-columns:1fr}.order-item-main{flex-direction:column}.line-price{text-align:left}.invoice-card{grid-template-columns:auto 1fr}.invoice-actions{grid-column:1/-1;flex-direction:row;flex-wrap:wrap}.invoice-actions form{flex:1}.invoice-actions>a{flex:1}.invoice-title-row{flex-direction:column}.info-list>div{grid-template-columns:1fr;gap:3px}.stats-grid .stat-card a{display:none}}

/* Publiczny podgląd zamówienia dla klienta */
.client-tracking-page{min-height:100vh;background:#f4f7fb;color:var(--text)}
.tracking-shell{min-height:100vh}
.tracking-topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 24px}
.tracking-brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;max-width:1180px;width:100%;margin:0 auto}
.tracking-brand>span:last-child{display:flex;flex-direction:column;gap:2px}
.tracking-brand strong{font-size:14px}
.tracking-brand small{font-size:11px;color:var(--muted)}
.tracking-main{width:min(1080px,calc(100% - 32px));margin:0 auto;padding:42px 0 60px}
.tracking-search-card{width:min(680px,100%);margin:70px auto 0;background:#fff;border:1px solid var(--line);border-radius:22px;padding:42px;box-shadow:0 20px 60px rgba(24,39,75,.09);text-align:center}
.tracking-search-icon{width:64px;height:64px;border-radius:18px;background:#edf3ff;color:var(--primary);display:grid;place-items:center;font-size:27px;margin:0 auto 20px}
.tracking-search-card h1{font-size:34px;line-height:1.08;margin:7px 0 12px}
.tracking-search-card>p{max-width:560px;margin:0 auto 26px;color:var(--muted);line-height:1.65}
.tracking-search-form{text-align:left;margin-top:24px}
.tracking-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}
.tracking-input-row input{height:46px;font-size:15px}
.tracking-input-row .btn{height:46px}
.tracking-help{font-size:11px!important;margin:10px 0 0!important;text-align:left;color:var(--muted)}
.tracking-back-row{margin-bottom:18px}
.tracking-order-hero{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px 28px;box-shadow:var(--shadow);display:flex;justify-content:space-between;gap:20px;align-items:center}
.tracking-order-hero h1{font-size:30px;margin:4px 0 5px}
.tracking-order-hero p{margin:0;color:var(--muted)}
.tracking-main-status{font-size:13px;padding:9px 13px;white-space:nowrap}
.tracking-progress-card{margin-top:16px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px;box-shadow:var(--shadow)}
.tracking-progress-head{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-bottom:12px}
.tracking-progress-head div{display:flex;gap:9px;align-items:baseline}
.tracking-progress-head small,.tracking-progress-head span{color:var(--muted);font-size:12px}
.tracking-progress-head strong{font-size:25px}
.tracking-progress-bar{height:9px;background:#e9eef7;border-radius:999px;overflow:hidden}
.tracking-progress-bar span{display:block;height:100%;background:var(--primary);border-radius:999px}
.tracking-section{margin-top:24px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);overflow:hidden}
.tracking-section-head{padding:20px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:16px}
.tracking-section-head h2{margin:3px 0 0;font-size:20px}
.tracking-count{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:30px;padding:0 10px;background:#f0f3f8;color:var(--muted);border-radius:999px;font-size:12px;font-weight:800}
.tracking-items{padding:14px;display:flex;flex-direction:column;gap:10px}
.tracking-item{display:grid;grid-template-columns:38px minmax(0,1fr);gap:13px;border:1px solid var(--line);border-radius:13px;padding:14px;background:#fff}
.tracking-item-missing{border-color:#efb0aa;background:#fffafa}
.tracking-item-number{width:38px;height:38px;border-radius:10px;background:#f0f4fb;color:#667085;font-weight:850;display:grid;place-items:center}
.tracking-item-content{min-width:0}
.tracking-item-title-row{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.tracking-item h3{font-size:15px;margin:1px 0 4px}
.tracking-item p{margin:0;color:var(--muted);font-size:12px}
.tracking-missing-note{margin-top:11px;padding:10px 12px;background:var(--red-bg);border-radius:9px;color:#79342d;font-size:12px;line-height:1.5}
.tracking-invoices{padding:14px}
.tracking-invoice{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:13px;margin-bottom:10px}
.tracking-invoice:last-child{margin-bottom:0}
.tracking-invoice-main{min-width:0}
.tracking-invoice-title{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.tracking-invoice-title h3{margin:0 0 4px;font-size:15px}
.tracking-invoice-title p{margin:0;color:var(--muted);font-size:11px}
.tracking-invoice-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding-top:11px;border-top:1px solid var(--line)}
.tracking-empty-docs{display:flex;gap:14px;align-items:center;padding:24px}
.tracking-empty-docs>span{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:#f0f4fb;color:var(--muted);font-size:21px}
.tracking-empty-docs strong{display:block;margin-bottom:4px}
.tracking-empty-docs p{margin:0;color:var(--muted);font-size:12px}
.tracking-updated{text-align:center;color:var(--muted);font-size:11px;margin:20px 0 0}
@media(max-width:640px){.tracking-topbar{height:68px;padding:0 16px}.tracking-main{width:min(100% - 24px,1080px);padding:24px 0 40px}.tracking-search-card{margin-top:28px;padding:28px 18px}.tracking-search-card h1{font-size:27px}.tracking-input-row{grid-template-columns:1fr}.tracking-input-row .btn{width:100%}.tracking-order-hero{padding:20px;align-items:flex-start;flex-direction:column}.tracking-order-hero h1{font-size:25px}.tracking-main-status{align-self:flex-start}.tracking-progress-head{align-items:flex-start;flex-direction:column}.tracking-item-title-row,.tracking-invoice-title{flex-direction:column}.tracking-item-title-row .badge,.tracking-invoice-title .badge{align-self:flex-start}.tracking-invoice{grid-template-columns:1fr}.tracking-invoice .file-icon{display:none}.tracking-invoice-bottom{align-items:stretch;flex-direction:column}.tracking-invoice-bottom .btn{width:100%}.tracking-section-head{padding:17px}.tracking-items,.tracking-invoices{padding:10px}}

/* Faktury generowane i KSeF v3 */
.alert-warning{background:var(--amber-bg);color:#7b4a00}
.compact-alert{margin:14px 16px;padding:9px 11px;font-size:12px}
.btn:disabled,.btn[disabled]{opacity:.55;cursor:not-allowed;transform:none!important}
.btn-ksef{background:#4f46c8;color:#fff;border-color:#4f46c8}
.btn-ksef:hover{background:#4037b4;border-color:#4037b4}
.settings-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}
.settings-grid>.form-layout{max-width:none}
.ksef-panel{border-color:#d9d6ff}
.security-note,.scope-note{margin:0 20px 20px;padding:12px 14px;border-radius:10px;background:#f7f8fb;color:#536073;font-size:12px;line-height:1.6}
.scope-note{background:#f5f7ff;border:1px solid #dce4ff;color:#46526a}
.steps-list{margin:0;padding:16px 22px 20px 40px;color:#4c5767}
.steps-list li{padding:5px 0}
.checkbox-label{display:flex;align-items:center;gap:9px;padding:5px 0}
.checkbox-label input{width:auto;margin:0}
.invoice-item-grid{grid-template-columns:minmax(260px,2.3fr) 100px 100px 150px 105px minmax(140px,1fr)}
.invoice-item-grid .item-name{grid-column:span 1}
.invoice-item-grid .item-total{grid-column:span 1}
.generated-invoice{background:linear-gradient(90deg,#faf9ff 0,#fff 24%)}
.invoice-source-line{margin-bottom:5px}
.mini-chip{display:inline-flex;align-items:center;padding:2px 7px;border-radius:999px;background:#edeaff;color:#5147b8;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}
.mini-chip.muted{background:#eff2f6;color:#697386}
.invoice-badges{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.ksef-number{margin-top:10px;padding:8px 10px;border-radius:8px;background:var(--green-bg);color:#315d48;font-size:11px;overflow-wrap:anywhere}
.ksef-number code{background:rgba(255,255,255,.7);color:#24543e}
.ksef-error{margin-top:10px;padding:9px 10px;border-radius:8px;background:var(--red-bg);color:#79342d;font-size:11px;max-width:760px;overflow-wrap:anywhere}
.wrap-actions{align-items:stretch}
.invoice-actions .wrap-actions .btn{width:auto}
.invoice-actions .wrap-actions{justify-content:flex-end}
@media(max-width:1180px){.settings-grid{grid-template-columns:1fr}.settings-grid .sticky-panel{position:static}.invoice-item-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.invoice-item-grid .item-name{grid-column:span 3}.invoice-item-grid .item-total{grid-column:span 1}}
@media(max-width:640px){.invoice-item-grid{grid-template-columns:1fr 1fr}.invoice-item-grid .item-name,.invoice-item-grid .item-total{grid-column:span 2}.invoice-badges{justify-content:flex-start}.invoice-actions .wrap-actions{width:100%;justify-content:stretch}.invoice-actions .wrap-actions .btn{flex:1}}

/* Bankowość i automatyczne sprawdzanie wpłat v4 */
.banking-hero{align-items:flex-end}.banking-stats .stat-card strong{font-size:22px}.banking-layout{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:22px;align-items:start}.banking-last-sync{font-size:11px;color:var(--muted);white-space:nowrap}.banking-empty-setup{text-align:center;padding:50px 22px 56px}.banking-empty-setup h2{margin:14px 0 6px}.banking-empty-setup p{margin:0 0 22px;color:var(--muted)}.banking-big-icon{width:72px;height:72px;border-radius:20px;background:var(--blue-bg);color:var(--blue);display:grid;place-items:center;font-size:30px;font-weight:900;margin:0 auto}.bank-connection-list{padding:12px}.bank-connection-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;border:1px solid var(--line);border-radius:13px;padding:14px;margin-bottom:10px}.bank-connection-card:last-child{margin-bottom:0}.bank-logo-placeholder{width:46px;height:46px;border-radius:13px;background:#eef3ff;color:var(--primary);display:grid;place-items:center;font-size:17px;font-weight:900}.bank-connection-title{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.bank-connection-main p{margin:3px 0 0;color:var(--muted);font-size:11px}.bank-connection-error{margin-top:8px;padding:7px 9px;border-radius:8px;background:var(--red-bg);color:#79342d;font-size:11px}.bank-filter-tabs{display:flex;gap:5px;flex-wrap:wrap}.bank-filter-tabs a{padding:6px 9px;border-radius:8px;color:var(--muted);font-size:11px;font-weight:800}.bank-filter-tabs a:hover,.bank-filter-tabs a.active{background:var(--blue-bg);color:var(--blue)}.bank-transaction-list{padding:12px}.bank-transaction-card{border:1px solid var(--line);border-radius:14px;padding:15px;margin-bottom:10px;background:#fff}.bank-transaction-card:last-child{margin-bottom:0}.bank-transaction-card.needs-attention{border-color:#efd7aa;background:#fffdf8}.bank-transaction-top{display:grid;grid-template-columns:48px minmax(0,1fr);gap:13px}.bank-tx-date{width:48px;height:52px;border-radius:11px;background:#f0f3f8;display:flex;flex-direction:column;align-items:center;justify-content:center}.bank-tx-date strong{font-size:15px}.bank-tx-date span{font-size:9px;color:var(--muted)}.bank-tx-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.bank-tx-title-row strong,.bank-tx-title-row small{display:block}.bank-tx-title-row small{color:var(--muted);font-size:10px;margin-top:2px}.bank-tx-amount{font-size:17px;font-weight:900;color:var(--green);white-space:nowrap}.bank-tx-description{margin:8px 0 0;color:#536073;font-size:12px;line-height:1.55;overflow-wrap:anywhere}.bank-match-box,.bank-suggestion{margin-top:12px;border-radius:10px;padding:10px 11px;display:flex;justify-content:space-between;align-items:center;gap:12px}.bank-match-box>div:first-child,.bank-suggestion>div:first-child{display:flex;align-items:center;gap:9px}.bank-match-box strong,.bank-match-box small,.bank-suggestion strong,.bank-suggestion small{display:block}.bank-match-box small,.bank-suggestion small{font-size:10px;margin-top:2px}.bank-match-box.matched{background:var(--green-bg);color:#315d48}.bank-match-box.ignored{background:var(--gray-bg);color:#596579}.bank-suggestion{background:var(--blue-bg);color:#345173}.match-icon{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.8);display:grid;place-items:center;font-weight:900}.bank-manual-match{display:flex;align-items:center;gap:8px;margin-top:10px}.bank-match-form{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:7px;flex:1}.bank-match-form select{margin:0}.bank-settings-form{padding:16px 18px;display:flex;flex-direction:column;gap:13px}.bank-settings-grid{padding:0;gap:10px}.bank-auto-checkbox{padding:4px 0}.bank-tech-box{padding:16px 18px}.bank-tech-box label{margin-bottom:12px}.bank-tech-box input[readonly]{font-size:11px;background:#f7f9fc;color:#4a5668}.bank-tech-box p{font-size:11px;color:var(--muted);line-height:1.55;margin:0 0 14px}.tech-status{border-top:1px solid var(--line);padding-top:12px}.tech-status span,.tech-status strong{display:block}.tech-status span{font-size:10px;color:var(--muted)}.tech-status strong{font-size:12px;margin-top:2px}
@media(max-width:1200px){.banking-layout{grid-template-columns:1fr}.banking-layout aside .sticky-panel{position:static}.banking-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.banking-hero{align-items:flex-start;flex-direction:column}.banking-hero .button-row,.banking-hero .button-row form,.banking-hero .button-row .btn{width:100%}.banking-stats{grid-template-columns:1fr}.bank-connection-card{grid-template-columns:auto minmax(0,1fr)}.bank-connection-actions{grid-column:1/-1}.bank-transaction-top{grid-template-columns:1fr}.bank-tx-date{display:none}.bank-tx-title-row{flex-direction:column}.bank-match-box,.bank-suggestion,.bank-manual-match{align-items:stretch;flex-direction:column}.bank-match-form{grid-template-columns:1fr}.banking-transactions-head{align-items:flex-start;flex-direction:column}.bank-filter-tabs{width:100%}.bank-filter-tabs a{flex:1;text-align:center}}

/* Panel Klienta B2B v5 */
.client-access-admin{scroll-margin-top:20px}.client-access-form{padding:0 20px 20px}.client-access-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:16px 22px;align-items:start}.client-access-toggle{padding:14px 15px;border:1px solid var(--line);border-radius:12px;background:#f8fafc}.client-access-toggle span{display:flex;flex-direction:column;gap:3px}.client-access-toggle small{font-size:11px;color:var(--muted);font-weight:500}.client-access-meta{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.5fr;gap:10px;padding:13px 14px;border-radius:11px;background:#f7f9fc;border:1px solid var(--line)}.client-access-meta span{min-width:0}.client-access-meta small,.client-access-meta strong,.client-access-meta a{display:block}.client-access-meta small{font-size:10px;color:var(--muted);margin-bottom:3px}.client-access-meta strong,.client-access-meta a{font-size:12px;overflow-wrap:anywhere}.client-access-actions{padding:16px 0 0;margin-top:16px;border-top:1px solid var(--line)}

.client-portal-page{background:var(--bg);min-height:100vh}.client-portal-shell{min-height:100vh}.client-portal-topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 max(24px,calc((100vw - 1180px)/2));position:sticky;top:0;z-index:20}.client-portal-main{width:min(calc(100% - 40px),1180px);margin:0 auto;padding:34px 0 60px}.client-portal-user{display:flex;align-items:center;gap:10px}.client-portal-user>div{text-align:right}.client-portal-user strong,.client-portal-user small{display:block}.client-portal-user strong{font-size:12px}.client-portal-user small{font-size:10px;color:var(--muted);margin-top:2px}.client-login-card{max-width:620px;margin:58px auto 0}.client-login-form{display:grid;gap:14px;text-align:left;margin-top:20px}.client-login-form label,.client-password-form label{font-size:12px;font-weight:800;color:#3b4657}.client-login-form input,.client-password-form input{margin-top:6px}.client-login-submit{width:100%;margin-top:4px}.client-login-alt{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.client-portal-back-row{display:flex;justify-content:flex-start;margin-bottom:16px}.client-password-panel{max-width:620px;margin:26px auto}.client-password-panel .panel-head{padding-bottom:10px}.client-password-panel h2{margin:4px 0 4px}.client-password-panel .panel-head p{max-width:none}.client-password-form{display:grid;gap:14px;padding:6px 20px 22px}.client-password-form .btn{margin-top:4px}.client-dashboard-hero{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:20px}.client-dashboard-hero h1{margin:4px 0 5px;font-size:30px}.client-dashboard-hero p{margin:0;color:var(--muted)}.client-dashboard-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.client-dashboard-stats .stat-card{min-height:118px;padding:18px;display:flex;flex-direction:column;align-items:flex-start;gap:5px}.client-dashboard-stats .stat-card span{font-size:11px;color:var(--muted);font-weight:750}.client-dashboard-stats .stat-card strong{font-size:23px;line-height:1.15}.client-dashboard-stats .stat-card small{font-size:10px;color:var(--muted)}.client-orders-section{overflow:hidden}.client-order-list{padding:12px}.client-order-card{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;padding:16px;border:1px solid var(--line);border-radius:14px;color:inherit;margin-bottom:10px;background:#fff;transition:.16s ease}.client-order-card:last-child{margin-bottom:0}.client-order-card:hover{border-color:#cfd8ea;box-shadow:0 8px 22px rgba(24,39,75,.06);transform:translateY(-1px)}.client-order-number-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.client-order-number-row>strong{font-size:15px}.client-order-card-main>p{margin:5px 0 10px;color:var(--muted);font-size:11px}.client-order-progress{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;max-width:520px}.client-order-progress small{font-size:10px;color:var(--muted);white-space:nowrap}.client-order-warning{display:inline-flex;margin-top:9px;padding:5px 8px;border-radius:8px;background:var(--red-bg);color:#8a3a31;font-size:10px;font-weight:750}.client-order-card-side{display:grid;grid-template-columns:1.5fr .7fr 1.3fr auto;gap:12px;align-items:center;border-left:1px solid var(--line);padding-left:18px}.client-order-card-side span{min-width:0}.client-order-card-side small,.client-order-card-side strong{display:block}.client-order-card-side small{font-size:9px;color:var(--muted);margin-bottom:3px}.client-order-card-side strong{font-size:12px;white-space:nowrap}.client-order-card-side .amount-due strong{color:var(--red)}.client-order-card-side .amount-paid strong{color:var(--green)}.client-order-arrow{font-size:20px;color:var(--primary);font-weight:900}.client-order-hero{margin-bottom:14px}.client-order-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.client-order-metrics>div{background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px 16px}.client-order-metrics small,.client-order-metrics strong{display:block}.client-order-metrics small{font-size:10px;color:var(--muted);margin-bottom:5px}.client-order-metrics strong{font-size:17px}.client-order-metrics .metric-alert strong{color:var(--red)}.client-order-metrics .metric-ok strong{color:var(--green)}.client-invoice-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:11px}.client-invoice-values span{padding:8px 10px;border-radius:9px;background:#f7f9fc}.client-invoice-values small,.client-invoice-values strong{display:block}.client-invoice-values small{font-size:9px;color:var(--muted);margin-bottom:3px}.client-invoice-values strong{font-size:12px}.client-ksef-number{display:block;margin-top:5px;font-size:9px;color:#4c637f;overflow-wrap:anywhere}

@media(max-width:1000px){.client-dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.client-order-card{grid-template-columns:1fr}.client-order-card-side{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:12px}.client-order-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.client-access-grid{grid-template-columns:1fr}}
@media(max-width:700px){.client-portal-topbar{height:auto;min-height:70px;padding:12px 16px;align-items:flex-start}.client-portal-user{flex-wrap:wrap;justify-content:flex-end}.client-portal-user>div{width:100%;text-align:right}.client-portal-main{width:min(calc(100% - 24px),1180px);padding:24px 0 44px}.client-login-card{margin-top:22px}.client-dashboard-hero h1{font-size:25px}.client-dashboard-stats{grid-template-columns:1fr 1fr;gap:9px}.client-dashboard-stats .stat-card{min-height:105px;padding:14px}.client-dashboard-stats .stat-card strong{font-size:19px}.client-order-card{padding:13px}.client-order-card-side{grid-template-columns:1fr 1fr}.client-order-arrow{display:none}.client-order-progress{grid-template-columns:1fr}.client-order-progress small{white-space:normal}.client-order-metrics{grid-template-columns:1fr 1fr}.client-invoice-values{grid-template-columns:1fr}.client-access-meta{grid-template-columns:1fr}.client-access-actions{flex-direction:column;align-items:stretch}.client-access-actions .btn{width:100%}}
@media(max-width:430px){.client-dashboard-stats{grid-template-columns:1fr}.client-order-metrics{grid-template-columns:1fr}.client-portal-user .btn{font-size:10px;padding:7px 8px}.client-portal-topbar .tracking-brand small{display:none}}

/* v6: katalog produktów i zamówienia składane przez klientów */
.page-lead{margin:4px 0 0;color:var(--muted);font-size:11px}.product-sku{display:inline-flex;align-items:center;padding:3px 7px;border-radius:999px;background:#eef3fb;color:#46617f;font-size:9px;font-weight:850;letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px}.request-kpi-grid{margin-bottom:14px}.request-detail-grid{grid-template-columns:1fr 1fr}.admin-request-files{display:grid;gap:8px;padding:0 16px 16px}.request-accept-box{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.request-accept-box small{display:block;color:var(--muted);font-size:10px;line-height:1.45;margin-top:8px}.client-request-admin-grid .sticky-panel{position:sticky;top:92px}

.client-dashboard-order-cta{flex:0 0 auto}.client-requests-section{margin-bottom:18px}.client-request-list{padding:12px}.client-request-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:14px 15px;border:1px solid var(--line);border-radius:13px;margin-bottom:9px;background:#fff;color:inherit;transition:.16s ease}.client-request-card:last-child{margin-bottom:0}.client-request-card:hover{border-color:#cfd8ea;box-shadow:0 8px 22px rgba(24,39,75,.06);transform:translateY(-1px)}.client-request-card-main>p{margin:5px 0 0;color:var(--muted);font-size:10px}.client-request-converted{display:inline-flex;margin-top:7px;padding:4px 7px;border-radius:7px;background:var(--green-bg);color:#356149;font-size:9px;font-weight:800}.client-request-card-side{display:flex;align-items:center;gap:14px;min-width:180px;justify-content:flex-end}.client-request-card-side small,.client-request-card-side strong{display:block;text-align:right}.client-request-card-side small{font-size:9px;color:var(--muted)}.client-request-card-side strong{font-size:13px}.client-request-card-side>span{font-size:20px;color:var(--primary);font-weight:900}.client-request-empty{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px}.client-request-empty strong,.client-request-empty p{display:block}.client-request-empty p{margin:4px 0 0;color:var(--muted);font-size:11px}

.client-order-form-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px}.client-order-form-hero h1{font-size:30px;margin:4px 0 6px}.client-order-form-hero p{margin:0;color:var(--muted);max-width:760px;line-height:1.55}.client-order-form{display:flex;flex-direction:column;gap:18px}.client-catalog-section{overflow:hidden}.client-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:12px}.client-product-card{display:flex;flex-direction:column;gap:11px;border:1px solid var(--line);border-radius:14px;padding:15px;background:#fff;min-width:0}.client-product-card-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.client-product-card-head h3{margin:0;font-size:14px;line-height:1.35}.product-price{text-align:right;white-space:nowrap}.product-price small,.product-price strong{display:block}.product-price small{font-size:9px;color:var(--muted)}.product-price strong{font-size:13px;margin-top:2px}.client-product-description{font-size:11px;color:#5a6677;line-height:1.55;margin:0;flex:1}.client-product-meta{display:flex;flex-wrap:wrap;gap:6px}.client-product-meta span{padding:4px 7px;border-radius:7px;background:#f5f7fb;color:#667287;font-size:9px;font-weight:750}.client-product-qty{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;margin-top:auto;padding-top:4px;font-size:10px;font-weight:850;color:#465268}.client-product-qty input{margin:0;min-width:0}.client-product-qty>span{font-size:10px;color:var(--muted)}.client-order-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.client-order-message-box,.client-order-upload-box{padding:0 16px 16px}.client-order-message-box label{font-size:11px;font-weight:800}.client-order-message-box textarea{margin-top:7px}.client-order-message-box>small{display:block;margin-top:6px;color:var(--muted);font-size:9px}.client-request-file-drop{min-height:180px;display:flex;align-items:center;justify-content:center;text-align:center}.client-request-file-drop span strong,.client-request-file-drop span small{display:block}.client-request-file-drop span small{margin-top:5px;color:var(--muted);font-size:10px;line-height:1.5}.client-order-submit-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:#fff;position:sticky;bottom:12px;z-index:10;box-shadow:0 10px 30px rgba(24,39,75,.08)}.client-order-submit-bar strong,.client-order-submit-bar small{display:block}.client-order-submit-bar small{margin-top:3px;color:var(--muted);font-size:10px;max-width:680px}.client-order-submit{min-width:190px}.client-catalog-empty{margin-top:16px}

.client-request-converted-banner{display:flex;align-items:center;gap:13px;margin-bottom:14px;padding:14px 16px;border:1px solid #cfe5d7;border-radius:13px;background:var(--green-bg)}.client-request-converted-banner>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--green);font-weight:900}.client-request-converted-banner>div{flex:1}.client-request-converted-banner strong,.client-request-converted-banner p{display:block}.client-request-converted-banner p{margin:3px 0 0;font-size:10px;color:#4c6e5a}.client-request-item-list{padding:12px}.client-request-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 14px;border:1px solid var(--line);border-radius:12px;margin-bottom:8px}.client-request-item:last-child{margin-bottom:0}.client-request-item h3{font-size:13px;margin:0 0 4px}.client-request-item p{font-size:10px;color:var(--muted);margin:0}.client-request-item>strong{font-size:12px;white-space:nowrap}.client-request-info-grid{margin-top:18px}.client-request-message{padding:0 16px 16px;font-size:12px;line-height:1.65;color:#465268;overflow-wrap:anywhere}.client-request-files{display:grid;gap:8px;padding:0 16px 16px}.client-request-file{display:flex;align-items:center;gap:10px;padding:10px 11px;border:1px solid var(--line);border-radius:10px;color:inherit;background:#fff}.client-request-file:hover{border-color:#cbd6e8;background:#fafcff}.client-request-file>span{width:30px;height:30px;border-radius:8px;background:#eef3fb;display:grid;place-items:center;color:var(--primary);font-weight:900}.client-request-file strong,.client-request-file small{display:block;overflow-wrap:anywhere}.client-request-file strong{font-size:11px}.client-request-file small{font-size:9px;color:var(--muted);margin-top:2px}.muted{color:var(--muted)}

@media(max-width:1100px){.client-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-order-form-grid{grid-template-columns:1fr}.request-detail-grid{grid-template-columns:1fr}}
@media(max-width:760px){.client-dashboard-hero{align-items:flex-start;flex-direction:column}.client-dashboard-order-cta{width:100%}.client-request-card{grid-template-columns:1fr}.client-request-card-side{min-width:0;justify-content:space-between;border-top:1px solid var(--line);padding-top:10px}.client-request-card-side small,.client-request-card-side strong{text-align:left}.client-request-empty{align-items:stretch;flex-direction:column}.client-product-grid{grid-template-columns:1fr}.client-order-form-hero h1{font-size:25px}.client-order-submit-bar{align-items:stretch;flex-direction:column;bottom:6px}.client-order-submit{width:100%;min-width:0}.client-request-item{grid-template-columns:auto minmax(0,1fr)}.client-request-item>strong{grid-column:2}.client-request-converted-banner{align-items:flex-start;flex-wrap:wrap}.client-request-converted-banner .btn{width:100%}.client-request-admin-grid .sticky-panel{position:static}}

/* v7: zdjęcia produktów, usuwanie produktów i przypisywanie zamówień */
.btn-danger{background:var(--red);color:#fff}.btn-danger:hover{background:#a92d24}.product-image-cell{width:86px}.admin-product-thumb{width:58px;height:58px;border-radius:10px;object-fit:cover;display:block;border:1px solid var(--line);background:#f7f9fc}.product-thumb-empty{display:grid;place-items:center;color:var(--muted);font-size:9px;font-weight:750}.product-image-editor{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;padding:20px}.product-image-preview{width:220px;aspect-ratio:1/1;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#f7f9fc}.product-image-preview img{width:100%;height:100%;object-fit:cover;display:block}.product-image-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted);gap:4px}.product-image-placeholder strong{font-size:13px;color:#465268}.product-image-placeholder small{font-size:10px}.product-image-controls{display:flex;flex-direction:column;gap:12px}.product-image-drop{min-height:150px;display:flex;align-items:center;justify-content:center;text-align:center}.product-image-drop span strong,.product-image-drop span small{display:block}.product-image-drop span small{margin-top:5px;font-size:10px;color:var(--muted)}.danger-check{color:var(--red)}.muted-note{font-size:10px;color:var(--muted)}.client-product-image{width:calc(100% + 30px);margin:-15px -15px 0;aspect-ratio:16/10;overflow:hidden;background:#f3f5f9;border-bottom:1px solid var(--line);border-radius:14px 14px 0 0}.client-product-image img{width:100%;height:100%;object-fit:cover;display:block}.client-product-image-empty{display:grid;place-items:center;color:#8b95a5;font-size:10px;font-weight:750;background:linear-gradient(135deg,#f6f8fb,#eef2f7)}.assign-orders-form{padding:18px 20px 20px}.assign-orders-form select[multiple]{min-height:230px}.assign-orders-form .compact-alert{margin-top:14px}.assign-orders-form .form-actions{margin:14px 0 0;justify-content:flex-start}
@media(max-width:700px){.product-image-editor{grid-template-columns:1fr}.product-image-preview{width:100%;max-width:320px}.admin-product-thumb{width:48px;height:48px}.product-image-cell{width:66px}}

/* =========================================================
   LaserBrand — jasny motyw v8.1
   Zachowuje firmowe logo, ale wraca do lekkiego wyglądu v7.
   ========================================================= */
:root{
  --bg:#f5f7fb;
  --panel:#ffffff;
  --text:#172033;
  --muted:#697386;
  --line:#e6eaf0;
  --primary:#2356d8;
  --primary-dark:#1746bf;
  --brand-gold:#b98a3d;
  --brand-gold-soft:#fbf5e9;
  --brand-gold-line:#ead7b4;
  --shadow:0 10px 30px rgba(24,39,75,.07);
}
body{background:var(--bg);color:var(--text)}
a{color:var(--primary)}
input:focus,select:focus,textarea:focus{border-color:#7395ed;box-shadow:0 0 0 3px rgba(35,86,216,.10)}

/* Jasny panel boczny */
.sidebar{
  background:#fff;
  color:var(--text);
  border-right:1px solid var(--line);
  box-shadow:8px 0 30px rgba(24,39,75,.035);
}
.brand-laserbrand{padding:2px 8px 22px;color:var(--text);text-decoration:none;gap:11px}
.brand-symbol{
  width:48px;height:48px;border-radius:13px;display:grid;place-items:center;
  background:#fff;border:1px solid #e4e8ef;box-shadow:0 7px 18px rgba(24,39,75,.07);overflow:hidden;flex:none
}
.brand-symbol img{width:44px;height:44px;object-fit:contain;display:block}
.brand-copy{min-width:0;display:block!important}
.brand-copy strong{font-size:19px!important;line-height:1;letter-spacing:-.04em;white-space:nowrap}
.brand-black{color:#141a26}.brand-gold{color:var(--brand-gold)}
.brand-copy>span:last-child{color:#8a94a6!important;font-size:10px!important;margin-top:6px!important;letter-spacing:.04em;text-transform:uppercase}
.nav{border-top:1px solid var(--line);padding-top:12px}
.nav a{color:#556176;border:1px solid transparent;position:relative}
.nav a span{color:#7c879a}
.nav a:hover{background:#f6f8fc;color:#25324a;border-color:#edf0f5}
.nav a.active{
  background:#edf3ff;color:#1c4fc7;border-color:#dce7ff;box-shadow:none
}
.nav a.active:before{
  content:"";position:absolute;left:-1px;top:8px;bottom:8px;width:3px;border-radius:0 4px 4px 0;background:var(--brand-gold)
}
.nav a.active span{color:#2356d8}
.sidebar-footer{border-top-color:var(--line)}
.avatar{background:#edf3ff;color:#2356d8;border:1px solid #dce7ff}
.user-chip span{color:#8792a5}.logout-link{color:#758094}.logout-link:hover{color:#2356d8}

/* Górny pasek i podstawowe elementy */
.topbar{background:#fff;border-bottom-color:var(--line);box-shadow:0 1px 0 rgba(24,39,75,.02)}
.topbar:after{display:none}
.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:none}
.btn-primary:hover{background:var(--primary-dark);color:#fff}
.btn-secondary{background:#fff;border-color:#dce2ea;color:#354052}
.btn-secondary:hover{border-color:#c6ced9;background:#fafbfc}
.btn-link{color:var(--primary)}
.panel,.stat-card,.order-kpi,.client-order-card,.client-order-metrics>div{border-color:var(--line);box-shadow:var(--shadow)}
.panel-head{background:#fff;border-bottom-color:var(--line)}
th{background:#fafbfd;color:#7a8494}
tbody tr:hover{background:#fbfcfe}
.eyebrow{color:#7d8798}
.progress span,.tracking-progress-bar span{background:var(--primary)}
.order-number-chip{background:#edf3ff;color:var(--primary)}
.client-order-arrow{color:var(--primary)}

/* Logo LaserBrand w publicznych widokach */
.laserbrand-public-brand{gap:11px!important;max-width:none!important;width:auto!important;margin:0!important}
.public-brand-symbol{
  width:44px;height:44px;display:grid!important;place-items:center;border-radius:12px;
  background:#fff;border:1px solid #e4e8ef;box-shadow:0 6px 16px rgba(24,39,75,.06);overflow:hidden;flex:none
}
.public-brand-symbol img{width:40px;height:40px;object-fit:contain;display:block}
.public-brand-copy{display:flex!important;flex-direction:column;gap:3px!important}
.public-brand-copy strong{font-size:20px!important;line-height:1;letter-spacing:-.04em}
.public-brand-copy strong span{color:#151c28}.public-brand-copy strong em{color:var(--brand-gold);font-style:normal;font-weight:500}
.public-brand-copy small{font-size:10px!important;color:#7f899a!important;text-transform:uppercase;letter-spacing:.055em}

/* Logowanie i instalator — jasno, bez czarnego tła */
.auth-page{
  background:
    radial-gradient(circle at 18% 18%,rgba(35,86,216,.08),transparent 32%),
    radial-gradient(circle at 82% 78%,rgba(185,138,61,.08),transparent 28%),
    #f5f7fb;
  position:relative;overflow:hidden
}
.auth-page:before{display:none}
.laserbrand-auth-card{
  border:1px solid #e2e7ef;box-shadow:0 20px 60px rgba(24,39,75,.12);
  position:relative;z-index:1;background:#fff
}
.laserbrand-auth-card:before{
  content:"";position:absolute;inset:0 0 auto 0;height:3px;border-radius:20px 20px 0 0;
  background:linear-gradient(90deg,#2356d8 0 72%,#b98a3d 72% 100%)
}
.auth-brand-laserbrand{display:flex;flex-direction:column;align-items:center;gap:7px!important;margin-bottom:24px;text-align:center}
.auth-brand-logo{width:min(250px,80%);height:auto;display:block;filter:none}
.auth-brand-subtitle{font-size:10px!important;color:#7f899a!important;text-transform:uppercase;letter-spacing:.075em;margin-top:2px!important}

/* Panel klienta i tracking */
.client-tracking-page,.client-portal-page{background:var(--bg)}
.tracking-topbar,.client-portal-topbar{
  background:#fff;border-bottom-color:var(--line);box-shadow:0 3px 16px rgba(24,39,75,.035)
}
.tracking-topbar:after,.client-portal-topbar:after{display:none}
.tracking-search-card{border-color:var(--line);box-shadow:var(--shadow)}
.tracking-order-hero,.client-order-hero{
  background:#fff;color:var(--text);border-color:var(--line);position:relative;overflow:hidden
}
.tracking-order-hero:after,.client-order-hero:after{
  content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#2356d8 0 72%,#b98a3d 72% 100%)
}
.tracking-order-hero .eyebrow,.client-order-hero .eyebrow{color:#7d8798}
.tracking-order-hero p,.client-order-hero p{color:var(--muted)}
.client-product-card{border-color:var(--line)}
.client-product-card:hover{border-color:#cfd8ea;box-shadow:0 10px 26px rgba(24,39,75,.07)}
.client-product-price strong{color:var(--primary)}
.tracking-search-icon{background:#edf3ff;color:#2356d8;border:1px solid #dce7ff}

/* Minimalny firmowy detal bez przeładowania */
.panel.form-panel,.client-catalog-section,.client-order-form-summary{position:relative}
.panel.form-panel:before,.client-catalog-section:before,.client-order-form-summary:before{
  content:"";position:absolute;left:20px;top:0;width:64px;height:2px;
  background:linear-gradient(90deg,#2356d8 0 70%,#b98a3d 70% 100%);z-index:2;opacity:.8
}

@media(max-width:900px){
  .brand-symbol{width:46px;height:46px}.brand-symbol img{width:42px;height:42px}
}
@media(max-width:700px){
  .public-brand-symbol{width:40px;height:40px}.public-brand-symbol img{width:36px;height:36px}
  .public-brand-copy strong{font-size:18px!important}
  .public-brand-copy small{display:none}
}
.tracking-topbar .laserbrand-public-brand{max-width:1180px!important;width:100%!important;margin:0 auto!important}
.client-portal-topbar .laserbrand-public-brand{max-width:none!important;width:auto!important;margin:0!important}

/* ===== v9 Security Hardening ===== */
.inline-form,
.logout-form,
.auth-secondary-form { margin: 0; }

.logout-button {
  width: 100%;
  border: 0;
  background: transparent;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.security-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  margin-bottom: 20px;
}

.security-status-panel { grid-column: 1 / -1; }

.security-checklist {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.security-check {
  padding: 14px 16px;
  border: 1px solid var(--border, #e3e8ef);
  border-radius: 12px;
  background: #fff;
}

.security-check strong,
.security-check span { display: block; }
.security-check span { margin-top: 4px; color: var(--muted, #667085); font-size: 13px; line-height: 1.5; }
.security-check.ok { border-color: #b7e4c7; background: #f4fbf6; }
.security-check.warn { border-color: #f6d58a; background: #fffaf0; }

.security-small-form { max-width: 560px; margin-top: 14px; }
.security-details { width: 100%; }
.security-details > summary { list-style: none; cursor: pointer; }
.security-details > summary::-webkit-details-marker { display: none; }
.security-details[open] > summary { margin-bottom: 14px; }

.recovery-codes-box {
  padding: 16px;
  border: 1px solid #e5c76b;
  border-radius: 12px;
  background: #fffaf0;
  margin-bottom: 18px;
}

.recovery-codes {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 12px;
}

.recovery-codes code,
.totp-secret,
.break-code {
  display: block;
  padding: 9px 10px;
  border-radius: 8px;
  background: #f5f7fa;
  border: 1px solid #e4e7ec;
  overflow-wrap: anywhere;
}

.security-audit-panel { margin-top: 20px; }
.security-audit-panel table small { display: block; color: var(--muted, #667085); margin-top: 3px; }
.security-audit-panel code { white-space: normal; overflow-wrap: anywhere; }

.tracking-private-docs .tracking-empty-docs { align-items: flex-start; }

@media (max-width: 900px) {
  .security-grid,
  .security-checklist,
  .recovery-codes { grid-template-columns: 1fr; }
}

/* v9.1: bezpieczne usuwanie zamówień przez administratora */
.danger-zone{border-color:#f2c5c1}.danger-zone .panel-head{background:#fffafa}.danger-zone .panel-head h3{color:var(--red)}.danger-zone-form{padding:18px 20px 20px}.danger-zone-form .muted-note{line-height:1.5}

/* v11 — korespondencja e-mail */
.mail-layout{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:20px;align-items:start}
.mail-clients{padding:0;overflow:hidden;position:sticky;top:18px}
.mail-clients .panel-head{padding:20px 20px 12px}
.mail-client-list{display:flex;flex-direction:column;max-height:72vh;overflow:auto;padding:0 10px 12px}
.mail-client{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 10px;border-radius:12px;color:var(--text);text-decoration:none;border:1px solid transparent}
.mail-client:hover{background:#f7f9fc;border-color:#e7ebf2}
.mail-client.active{background:#eef4ff;border-color:#cbdcff}
.mail-client .avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#eef2f7;font-weight:700}
.mail-client-copy{min-width:0;display:flex;flex-direction:column;gap:2px}
.mail-client-copy strong,.mail-client-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mail-client-copy small{color:var(--muted)}
.mail-unread{min-width:22px;height:22px;padding:0 6px;display:grid;place-items:center;border-radius:999px;background:#2d5be3;color:#fff;font-size:12px;font-weight:700}
.mail-thread-panel{padding:0;overflow:hidden}
.mail-thread-head{padding:20px;border-bottom:1px solid #edf0f5}
.mail-thread{padding:20px;display:flex;flex-direction:column;gap:14px;max-height:62vh;overflow:auto;background:#f8fafc}
.mail-message{max-width:82%;padding:16px 18px;border-radius:16px;border:1px solid #e5e9f0;background:#fff;box-shadow:0 4px 14px rgba(16,24,40,.04)}
.mail-message.outbound{align-self:flex-end;background:#eef4ff;border-color:#d6e2ff}
.mail-message.inbound{align-self:flex-start}
.mail-message-meta{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;font-size:12px;color:var(--muted)}
.mail-message-meta>div{display:flex;gap:4px;flex-wrap:wrap}
.mail-message h4{margin:10px 0 8px;font-size:15px;color:var(--text)}
.mail-message-body{font-size:14px;line-height:1.65;word-break:break-word;white-space:normal}
.mail-message-footer{display:flex;justify-content:flex-end;gap:10px;align-items:center;margin-top:12px;font-size:12px}
.mail-compose{padding:20px;border-top:1px solid #edf0f5;background:#fff}
.mail-compose .panel-head{padding:0 0 16px;border:0}
.mail-compose-hint{align-self:end;display:flex;flex-direction:column;gap:3px;padding:12px 14px;border-radius:10px;background:#f8fafc;color:var(--muted);font-size:12px}
.mail-compose-hint strong{color:var(--text)}
.mail-empty{padding:70px 24px;text-align:center}
.email-test-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.email-test-grid form{padding:16px;border:1px solid #e6eaf0;border-radius:12px;background:#fafbfc}
.email-test-grid .btn{margin-top:12px}
.client-mail-preview-list{display:flex;flex-direction:column}
.client-mail-preview{display:grid;grid-template-columns:10px minmax(0,1fr);gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #edf0f5;text-decoration:none;color:var(--text)}
.client-mail-preview:last-child{border-bottom:0}
.client-mail-preview span:last-child{display:flex;flex-direction:column;gap:3px;min-width:0}
.client-mail-preview small{color:var(--muted)}
.mail-direction-dot{width:9px;height:9px;border-radius:50%;background:#94a3b8}
.mail-direction-dot.outbound{background:#2d5be3}.mail-direction-dot.inbound{background:#16a34a}

@media (max-width:980px){.mail-layout{grid-template-columns:1fr}.mail-clients{position:static}.mail-client-list{max-height:320px}.mail-message{max-width:94%}}
@media (max-width:640px){.mail-thread{padding:12px}.mail-compose{padding:14px}.mail-message{max-width:100%}.mail-message-meta{flex-direction:column;gap:4px}.email-test-grid{grid-template-columns:1fr}}

/* v13 Business Suite */
.nav-count{display:inline-flex;min-width:20px;height:20px;padding:0 6px;align-items:center;justify-content:center;border-radius:999px;background:#ef4444;color:#fff;font-size:11px;margin-left:auto}.notification-list{display:grid;gap:0}.notification-row{display:flex;justify-content:space-between;gap:20px;padding:16px;border-bottom:1px solid var(--border,#e5e7eb);text-decoration:none;color:inherit}.notification-row.unread{background:#eff6ff;border-left:3px solid #2563eb}.notification-row p{margin:5px 0 0;color:#64748b}.notification-row time{white-space:nowrap;color:#94a3b8;font-size:12px}.price-tiers{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.price-tiers small{padding:4px 7px;border-radius:8px;background:#f8fafc;border:1px solid #e2e8f0}.mini-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #eef2f7}.compact-thread{max-height:520px;overflow:auto}.check-row{display:flex!important;gap:12px;align-items:flex-start;padding:12px;border:1px solid #e5e7eb;border-radius:10px}.check-row input{width:auto;margin-top:3px}.login-brand img{max-width:220px;height:auto}.client-portal-back-row{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
