:root{
  --win10-bg:#e9edf1;
  --win10-surface:#ffffff;
  --win10-surface-2:#f6f7f9;
  --win10-border:rgba(0,0,0,.14);
  --win10-border-soft:rgba(0,0,0,.10);
  --win10-text:#111827;
  --win10-muted:#6b7280;
  --win10-accent:#0078d4; /* Windows 10 blue */
  --win10-shadow:0 10px 26px rgba(0,0,0,.14);
  --win10-radius:8px;
}

html,body{height:100%;}
body{
  font-family:"Segoe UI",system-ui,-apple-system,Arial,sans-serif;
  background:var(--win10-bg);
  color:var(--win10-text);
}

/* Bootstrap tweaks (Windows-ish) */
.btn{border-radius:6px;border-color:var(--win10-border);}
.btn-primary{background:var(--win10-accent);border-color:var(--win10-accent);}
.btn-outline-secondary{border-color:var(--win10-border);}
.form-control,.form-select{border-radius:6px;border-color:var(--win10-border);}
.form-control:focus,.form-select:focus{
  border-color:var(--win10-accent);
  box-shadow:0 0 0 .2rem rgba(0,120,212,.18);
}
.card{border:1px solid var(--win10-border-soft);border-radius:10px;box-shadow:none;}
.table> :not(caption)>*>*{vertical-align:middle;}

/* Desktop + window */
.win10-desktop{min-height:100%;padding:24px 0;}
.win10-window{
  background:var(--win10-surface);
  border:1px solid var(--win10-border);
  border-radius:var(--win10-radius);
  box-shadow:var(--win10-shadow);
  overflow:hidden;
}

/* Title bar */
.win10-titlebar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:8px 10px;
  background:linear-gradient(#ffffff,#f2f4f6);
  border-bottom:1px solid var(--win10-border-soft);
}
.win10-title{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:600;
}
.win10-title small{font-weight:400;color:var(--win10-muted);}
.win10-controls{display:flex;gap:6px;}
.win10-ctl{
  width:38px;height:26px;
  border:1px solid var(--win10-border-soft);
  border-radius:4px;
  background:#fff;
  display:grid;
  place-items:center;
  font-size:12px;
  cursor:default;
  user-select:none;
}
.win10-ctl:hover{background:#eef2f6;}
.win10-ctl.close:hover{background:#e81123;color:#fff;border-color:#e81123;}

/* Menu/toolbar */
.win10-menubar{
  display:flex;
  gap:6px;
  padding:8px 10px;
  background:var(--win10-surface);
  border-bottom:1px solid var(--win10-border-soft);
  flex-wrap:wrap;
}
.win10-menubar .btn{padding:.28rem .55rem;}
.win10-menubar .btn.active{background:rgba(0,120,212,.12);border-color:rgba(0,120,212,.25);color:var(--win10-accent);}

/* Content */
.win10-content{padding:14px;}

/* Login specific */
.win10-center{min-height:calc(100vh - 48px);display:flex;align-items:center;justify-content:center;}


/* Win10 modal/dialog */
.modal .modal-dialog{ max-width: 920px; }
.modal .modal-content.win10-window{
  border-radius: 0;
  border: 1px solid var(--win10-border);
  box-shadow: var(--win10-shadow);
  overflow: hidden;
}
.win10-modal-titlebar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: 8px 10px;
  background: linear-gradient(#ffffff, #f3f4f6);
  border-bottom: 1px solid var(--win10-border-soft);
}
.win10-modal-titlebar .title{
  display:flex; align-items:center; gap:8px;
  font-weight:600;
}
.win10-modal-body{ padding: 12px; background: var(--win10-surface); }
.win10-modal-footer{
  padding: 10px 12px;
  background: var(--win10-surface-2);
  border-top: 1px solid var(--win10-border-soft);
  display:flex; gap:8px; justify-content:flex-end;
}

/* Info icon (tooltip) */
.win10-info{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  border:1px solid var(--win10-border);
  background: var(--win10-surface-2);
  font-size: 12px;
  line-height: 1;
  border-radius: 2px;
  color: #0b63c9;
  cursor: help;
  user-select:none;
}


/* Router icon before client name */
.win10-router{display:inline-flex;align-items:center;justify-content:center;margin-right:6px;color:#2563eb;vertical-align:middle;}
.win10-router svg{fill:currentColor;}


/* Win10 menubar buttons */
.win10-navbtn{
  background:#f3f3f3;
  border:1px solid #cfcfcf;
  color:#000;
}
.win10-navbtn:hover{
  background:#e6e6e6;
}
.win10-navbtn.win10-active{
  background:#e7f1fb;
  border-color:#9bc7ef;
  box-shadow: inset 0 0 0 1px rgba(0,120,212,.15);
}
.win10-navbtn.disabled{
  opacity:.55;
  pointer-events:none;
}

/* Supplier bulk modal compact + scroll */
#modalSupplierBulk .win10-modal-body{padding:.5rem;}
#modalSupplierBulk .supplier-scroll{max-height:60vh;overflow-y:auto;}
#modalSupplierBulk .supplier-table{font-size:13px;}
#modalSupplierBulk .supplier-table th,
#modalSupplierBulk .supplier-table td{padding:6px 8px;vertical-align:middle;}
#modalSupplierBulk .supplier-table input,
#modalSupplierBulk .supplier-table select{font-size:13px;padding:4px 6px;height:auto;}

/* По-дълги полета: доставчик и № фактура */
#modalSupplierBulk .bulk-supplier-name{min-width:240px;}
#modalSupplierBulk .bulk-invoice-no{min-width:150px;}
#modalSupplierBulk tr[data-locked="1"]{background:#f1f1f1;opacity:.85;}
#modalSupplierBulk tr[data-locked="1"] input,
#modalSupplierBulk tr[data-locked="1"] select{pointer-events:none;background:#e9ecef;}


/* ===== Compact tables (clients & equipment lists) ===== */
.table-compact{font-size:13px;}
.table-compact th{font-weight:600;font-size:12.5px;white-space:nowrap;}
.table-compact th,.table-compact td{padding:6px 8px;vertical-align:middle;}
.table-compact td.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.table-compact td.col-wide{max-width:340px;}
.table-compact td.col-narrow{max-width:160px;}
/* Keep action column readable */
.table-compact td.text-end{white-space:nowrap;}

/* Phone column (index.php) */
.table-compact td.col-phone{max-width:120px;width:120px;}