:root{
  --bg:#0f1720;
  --card:#111827;
  --muted:#9ca3af;
  --accent:#3b82f6;
  --text:#e6eef8;
  color-scheme: dark;
}
*{box-sizing:border-box}
body{background:linear-gradient(180deg,#071122 0%,var(--bg) 100%);color:var(--text);font-family:Inter,Arial,Helvetica,sans-serif;margin:0;padding:20px}
.container{max-width:980px;margin:0 auto}
.card{background:var(--card);padding:18px;border-radius:10px;box-shadow:0 6px 18px rgba(2,6,23,0.6)}
h1,h2{margin:0 0 12px 0}
.section-h2{display:flex;align-items:center;gap:8px;margin-top:14px}
.section-h2::before{
  content:'';
  width:20px;
  height:20px;
  flex:0 0 20px;
  opacity:0.95;
  background-image:url('img/icon-device.svg');
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
}
.section-h2 img{display:none}
.section-h2-customer::before{background-image:url('img/icon-user.svg')}
.section-h2-credentials::before{background-image:url('img/icon-lock.svg')}
.section-h2-device::before{background-image:url('img/icon-device.svg')}
.section-h2-money::before{background-image:url('img/icon-money.svg')}
.section-h2-equipment::before{background-image:url('img/icon-list.svg')}
.section-h2-repair::before{background-image:url('img/icon-repair.svg')}

.card h1,
.card h2{
  display:flex;
  align-items:center;
  gap:8px;
}

.card h1::before,
.card h2:not(.section-h2)::before{
  content:'';
  width:18px;
  height:18px;
  flex:0 0 18px;
  opacity:0.9;
  background-image:url('img/icon-list.svg');
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
}

body.page-login .card h1::before{background-image:url('img/icon-lock.svg')}
body.page-list .card h1::before{background-image:url('img/icon-list.svg')}
body.page-submit .card h1::before{background-image:url('img/icon-repair.svg')}
body.page-view .card h1::before{background-image:url('img/icon-device.svg')}
body.page-notes .card h1::before{background-image:url('img/icon-notes.svg')}
body.page-stats .card h1::before,
body.page-stats-month .card h1::before{background-image:url('img/icon-stats.svg')}
body.page-backup .card h1::before{background-image:url('img/icon-backup.svg')}
body.page-passwords .card h1::before{background-image:url('img/icon-lock.svg')}
body.page-provision .card h1::before{background-image:url('img/icon-money.svg')}
body.page-delete .card h1::before{background-image:url('img/icon-logout.svg')}

.section-title{
  display:flex;
  align-items:center;
  gap:6px;
}

.section-title::before{
  content:'';
  width:14px;
  height:14px;
  flex:0 0 14px;
  opacity:0.9;
  background-image:url('img/icon-device.svg');
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
}

.section-title-customer::before{background-image:url('img/icon-user.svg')}
.section-title-device::before{background-image:url('img/icon-device.svg')}
.section-title-money::before{background-image:url('img/icon-money.svg')}
.section-title-equipment::before{background-image:url('img/icon-list.svg')}
.section-title-repair::before{background-image:url('img/icon-repair.svg')}
.section-title-credentials::before{background-image:url('img/icon-lock.svg')}
.section-title-finish::before{background-image:url('img/icon-stats.svg')}
.section-title-size::before{background-image:url('img/icon-stats.svg')}
.section-title-backup::before{background-image:url('img/icon-backup.svg')}
.section-title-history::before{background-image:url('img/icon-list.svg')}
.section-title-lock::before{background-image:url('img/icon-lock.svg')}
.section-title-time::before{background-image:url('img/icon-clock.svg')}

.submit-hero{margin:10px 0 12px;border:1px solid rgba(255,255,255,0.08);border-radius:12px;overflow:hidden;background:rgba(255,255,255,0.02)}
.submit-hero img{display:block;width:100%;height:auto;max-height:180px;object-fit:cover}
form label{display:block;margin:8px 0;font-size:14px;color:var(--muted)}
input[type="text"],input[type="email"],select,textarea{width:100%;padding:10px;border-radius:6px;border:1px solid rgba(255,255,255,0.06);background:rgba(255,255,255,0.02);color:var(--text)}
select option, select optgroup{background-color:var(--card);color:var(--text)}
textarea{min-height:90px}
.compact-credentials{min-height:52px;max-height:88px;line-height:1.35;resize:vertical}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.express-inline{display:flex;align-items:center;gap:8px;margin-top:34px;color:var(--text);font-size:13px;line-height:1.35}
.express-inline input{width:auto;margin:0;accent-color:var(--accent)}
.actions{margin-top:14px}
button{background:var(--accent);color:white;padding:10px 14px;border:1px solid rgba(255,255,255,0.08);border-radius:8px;cursor:pointer}
a.btn{display:inline-block;padding:10px 12px;background:transparent;color:var(--muted);text-decoration:none;border-radius:8px;margin-left:10px;border:1px solid rgba(255,255,255,0.06);padding:9px 11px}
a.btn::before,
button:not(.copy-btn):not(.remove-equipment):not(.add-equipment-inline)::before{
  content:'';
  display:inline-block;
  width:12px;
  height:12px;
  margin-right:6px;
  vertical-align:-1px;
  opacity:0.9;
  background-image:url('img/icon-device.svg');
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
}

a.btn[href*="list.php"]::before{background-image:url('img/icon-list.svg')}
a.btn[href*="submit.php"]::before{background-image:url('img/icon-repair.svg')}
a.btn[href*="view.php"]::before{background-image:url('img/icon-device.svg')}
a.btn[href*="notatki.php"]::before{background-image:url('img/icon-notes.svg')}
a.btn[href*="stat.php"]::before,
a.btn[href*="stat_month.php"]::before{background-image:url('img/icon-stats.svg')}
a.btn[href*="backup.php"]::before{background-image:url('img/icon-backup.svg')}
a.btn[href*="passwords.php"]::before{background-image:url('img/icon-lock.svg')}
a.btn[href*="logout.php"]::before{background-image:url('img/icon-logout.svg')}
a.btn[href*="provision.php"]::before{background-image:url('img/icon-money.svg')}
button:hover, a.btn:hover{filter:brightness(1.05);transform:translateY(-1px)}
table{width:100%;border-collapse:collapse;margin-top:12px;table-layout:fixed}
th,td{padding:6px 8px;border-bottom:1px solid rgba(255,255,255,0.03);text-align:left;font-size:13px;line-height:1.35;vertical-align:top;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
th{color:var(--muted);font-weight:600;font-size:13px}
tr:nth-child(even){background:rgba(255,255,255,0.01)}
.orders-table tr.order-repaired,
.orders-table tr.order-status-repaired{background:rgba(239,68,68,0.14)}
.orders-table tr.order-status-await-shipment{background:rgba(59,130,246,0.10)}
.orders-table tr.order-status-received{background:rgba(56,189,248,0.10)}
.orders-table tr.order-status-diagnosis{background:rgba(245,158,11,0.12)}
.orders-table tr.order-status-await-parts{background:rgba(251,191,36,0.14)}
.orders-table tr.order-status-in-progress{background:rgba(16,185,129,0.10)}
.orders-table tr.order-status-rejected{background:rgba(244,63,94,0.10)}
.orders-table tr.order-status-sent{background:rgba(99,102,241,0.12)}
.orders-table tr.order-status-delivered{background:rgba(34,197,94,0.12)}
.orders-table tr.order-status-refused-delivered{background:rgba(217,70,239,0.12)}
.col-compact{font-size:12px;text-transform:lowercase;color:var(--muted);white-space:normal;overflow-wrap:anywhere;word-break:break-word;line-height:1.25;text-overflow:clip}
.col-compact a{font-size:12px;text-transform:lowercase}
.link{color:var(--accent);text-decoration:none}
.meta{color:var(--muted);font-size:12px}
.current-user{
  margin:8px 0 12px;
  font-size:18px;
  font-weight:700;
  color:var(--text);
}
.current-user .muted{
  font-size:12px;
  font-weight:500;
  color:var(--muted);
  margin-right:8px;
}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.header-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.header-actions form{margin:0}
.section{margin-top:16px;padding:12px;border:1px solid rgba(255,255,255,0.06);border-radius:10px;background:rgba(255,255,255,0.02)}
.section-title{margin:0 0 10px 0;font-size:12px;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted)}
.section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.section-grid > .detail-item{padding:12px 14px;border-radius:12px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.05)}
.detail-item .detail-label{font-size:12px;color:var(--muted);margin-bottom:2px}
.detail-item .detail-value{font-size:14px;line-height:1.5;word-break:break-word;white-space:normal}
.detail-span{grid-column:1 / -1}
.detail-block{margin-top:8px}

body.page-public-status .public-status-card{
  background:
    radial-gradient(980px 330px at 95% -12%, rgba(59,130,246,0.14), transparent 62%),
    radial-gradient(860px 300px at -8% -12%, rgba(16,185,129,0.10), transparent 60%),
    var(--card);
}
body.page-public-status .public-status-hero img{object-fit:cover}
body.page-public-status .public-status-alert{margin-top:10px;padding:10px 12px;border-radius:10px;background:rgba(244,63,94,0.16);border:1px solid rgba(244,63,94,0.35);color:#ffd3dc}
body.page-public-status .public-status-form{margin-top:10px}
body.page-public-status .public-status-result{margin-top:12px;padding:12px;border-radius:12px;background:rgba(255,255,255,0.025);border:1px solid rgba(255,255,255,0.08)}
body.page-public-status .public-status-head{display:grid;grid-template-columns:1fr auto;gap:10px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,0.08)}
body.page-public-status .public-status-cell{display:grid;gap:3px}
body.page-public-status .public-status-label{font-size:11px;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted)}
body.page-public-status .public-status-value{font-size:14px;line-height:1.4;color:var(--text)}
body.page-public-status .public-status-section-title{margin-top:12px;margin-bottom:8px;font-size:11px;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted)}
body.page-public-status .public-status-cost-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
body.page-public-status .public-status-cost-item{padding:10px 11px;border-radius:10px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08)}
body.page-public-status .public-status-cost-item-total{background:linear-gradient(180deg, rgba(59,130,246,0.18), rgba(59,130,246,0.09));border-color:rgba(59,130,246,0.38)}
body.page-public-status .public-status-items{display:grid;gap:8px}
body.page-public-status .public-status-item-row{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;padding:9px 10px;border-radius:10px;background:rgba(255,255,255,0.025);border:1px solid rgba(255,255,255,0.06)}
body.page-public-status .public-status-text{padding:10px 11px;border-radius:10px;background:rgba(255,255,255,0.025);border:1px solid rgba(255,255,255,0.06);line-height:1.45;white-space:normal;word-break:break-word}
body.page-public-status .public-status-admin-link{font-size:12px;margin-top:12px}

body.page-view .view-card{
  background:
    radial-gradient(1200px 380px at 92% -10%, rgba(56,189,248,0.10), transparent 62%),
    radial-gradient(850px 320px at -8% -8%, rgba(16,185,129,0.08), transparent 58%),
    var(--card);
}
body.page-view .view-top-nav{display:flex;gap:8px;flex-wrap:wrap}
body.page-view .view-top-nav .btn{margin-left:0!important}
body.page-view .view-order-head{display:grid;gap:2px}
body.page-view .view-order-title{margin-bottom:4px}
body.page-view .view-order-meta{margin:0}
body.page-view .view-header-actions{justify-content:flex-end}
body.page-view .view-toolbar{margin-top:8px}
body.page-view .view-toolbar-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0}
body.page-view .view-saved-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;background:rgba(16,185,129,0.18);color:#d7ffe9;border:1px solid rgba(16,185,129,0.40);font-size:11px;letter-spacing:0.03em;text-transform:uppercase}
body.page-view .view-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px}
body.page-view .view-overview-item{padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,0.07);background:linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02))}
body.page-view .view-overview-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:4px}
body.page-view .view-overview-value{font-size:14px;font-weight:600;line-height:1.35;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
body.page-view .view-panel{margin-top:12px;padding:10px;border-radius:14px;background:rgba(255,255,255,0.025);border:1px solid rgba(255,255,255,0.08)}
body.page-view .view-panel .section-title{margin-bottom:8px}
body.page-view .view-panel .section-grid{gap:10px}
body.page-view .view-panel .section-grid > .detail-item{padding:10px 12px}
body.page-view .view-panel .detail-item .detail-value{font-size:13px;line-height:1.45}
body.page-view .view-equipment-table th,
body.page-view .view-equipment-table td{padding:7px 8px;font-size:12px;line-height:1.35}

.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;line-height:1.4;border:1px solid rgba(255,255,255,0.10);vertical-align:middle}
.badge-express{background:rgba(255,184,107,0.15);color:#ffcc8a;border-color:rgba(255,184,107,0.35)}

/* Orders list: make everything compact and allow wrapping to avoid widening the page */
.orders-table th,
.orders-table td{
  padding:8px;
  font-size:13px;
  line-height:1.35;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
  text-overflow:clip;
}
.orders-table .col-order{
  white-space:nowrap;
  width:160px;
}
.orders-table th{font-size:13px}
.orders-table .meta{font-size:12px}

.status-badge{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}
.badge-status{font-size:11px;padding:3px 8px}
.badge-status-awaiting{background:rgba(59,130,246,0.18);color:#cfe2ff;border-color:rgba(59,130,246,0.38)}
.badge-status-received{background:rgba(56,189,248,0.16);color:#d8f3ff;border-color:rgba(56,189,248,0.35)}
.badge-status-diagnosis{background:rgba(245,158,11,0.18);color:#ffe6ba;border-color:rgba(245,158,11,0.35)}
.badge-status-await-parts{background:rgba(251,191,36,0.18);color:#fff0c0;border-color:rgba(251,191,36,0.35)}
.badge-status-progress{background:rgba(16,185,129,0.16);color:#d7ffe9;border-color:rgba(16,185,129,0.35)}
.badge-status-rejected{background:rgba(244,63,94,0.16);color:#ffd0d8;border-color:rgba(244,63,94,0.35)}
.badge-status-fixed{background:rgba(239,68,68,0.18);color:#ffd7db;border-color:rgba(239,68,68,0.38)}
.badge-status-sent{background:rgba(99,102,241,0.16);color:#dcdcff;border-color:rgba(99,102,241,0.35)}
.badge-status-delivered{background:rgba(34,197,94,0.18);color:#d7ffe5;border-color:rgba(34,197,94,0.35)}
.badge-status-refused-delivered{background:rgba(217,70,239,0.18);color:#ffd7fb;border-color:rgba(217,70,239,0.35)}

.copy-btn{display:inline-block;margin-left:8px;padding:3px 8px;border-radius:999px;border:1px solid rgba(255,255,255,0.10);background:rgba(255,255,255,0.04);color:var(--text);font-size:11px;line-height:1.4;cursor:pointer;vertical-align:middle}
.copy-btn:hover{background:rgba(255,255,255,0.08)}
.copy-btn.copied{background:rgba(16,185,129,0.18);border-color:rgba(16,185,129,0.38);color:#d7ffe9}

.equipment-list-compact{display:grid;gap:8px}
.equipment-row-compact{display:grid;grid-template-columns:minmax(0,1fr) 150px auto;gap:10px;align-items:end;padding:10px;border:1px solid rgba(255,255,255,0.07);border-radius:10px;background:rgba(255,255,255,0.015)}
.equipment-row-compact .equipment-field{margin:0}
.equipment-row-compact .equipment-field input{padding:9px}
.equipment-name-input-wrap{position:relative;display:block;margin-top:6px}
.equipment-name-input-wrap input{padding-right:42px}
.add-equipment-inline{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:28px;height:28px;min-width:28px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:rgba(59,130,246,0.18);border:1px solid rgba(59,130,246,0.42);color:#dbeafe;font-size:18px;line-height:1;z-index:1}
.add-equipment-inline:hover{background:rgba(59,130,246,0.28)}
.equipment-field-remove{display:flex;justify-content:flex-end}
.btn-danger-compact{background:rgba(239,68,68,0.24);border:1px solid rgba(239,68,68,0.45);color:#ffd7db;padding:9px 12px;min-width:72px}
.btn-danger-compact:hover{background:rgba(239,68,68,0.34)}
.equipment-actions{margin-top:8px}
.btn-secondary-compact{background:rgba(59,130,246,0.15);border:1px solid rgba(59,130,246,0.35);color:#d8e8ff;padding:9px 12px}
.btn-secondary-compact:hover{background:rgba(59,130,246,0.25)}

.auth-form{max-width:460px}
.auth-form label{display:block;margin:12px 0 6px 0;color:var(--muted);font-size:14px}
.auth-form input[type="text"],
.auth-form input[type="password"]{
  width:100%;
  padding:12px;
  border-radius:8px;
  border:1px solid rgba(255,255,255,0.06);
  background:rgba(255,255,255,0.02);
  color:var(--text);
  font-size:15px;
  line-height:1.2;
  min-height:44px;
}

@media (max-width:640px){
  .two-col,.grid-2,.section-grid{grid-template-columns:1fr}
  .express-inline{margin-top:6px}
  body{padding:10px}
  .card{padding:14px}
  .current-user{font-size:16px}
  .header-row{flex-direction:column}
  h1{font-size:24px}
  h2{font-size:18px}
  .card h1::before,
  .card h2:not(.section-h2)::before{width:16px;height:16px;flex-basis:16px}
  .section{padding:10px;border-radius:14px}
  .submit-hero{margin:8px 0 10px}
  .submit-hero img{max-height:120px}
  .section-h2{gap:7px;margin-top:12px}
  .section-h2::before{width:18px;height:18px;flex-basis:18px}
  .section-grid > .detail-item{padding:10px 12px}
  .detail-item .detail-value{font-size:13px}
  body.page-public-status .public-status-head{grid-template-columns:1fr}
  body.page-public-status .public-status-cost-grid{grid-template-columns:1fr}
  body.page-public-status .public-status-item-row{flex-direction:column;gap:4px}
  a.btn,button{width:100%;margin-left:0!important}
  .actions{display:flex;flex-direction:column;gap:8px}
  .actions .btn{margin-left:0!important}
  table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .orders-table .col-order{width:120px}
  th,td{font-size:12px;padding:5px 6px}
  .copy-btn{margin-left:0;margin-top:6px}
  .detail-value .copy-btn{display:inline-flex}
  .equipment-row-compact{grid-template-columns:1fr;gap:8px;padding:10px}
  .equipment-field-remove{justify-content:flex-start}
  .equipment-row-compact .btn-danger-compact,
  .equipment-actions .btn-secondary-compact{width:auto}
  .add-equipment-inline{right:6px;width:28px!important;height:28px;min-width:28px}
  body.page-view .view-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  body.page-view .view-panel{padding:9px;border-radius:12px}
  body.page-view .view-panel .section-grid > .detail-item{padding:9px 10px}
  body.page-view .view-header-actions{justify-content:flex-start}
}