:root{
  --nav:#111111;--nav2:#242424;--eagle:#ffc13b;--eagle-dark:#d99b12;
  --bg:#edf2f6;--text:#172331;--muted:#718096;--border:#d8e0e7;
}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}
header{
  min-height:74px;height:74px;background:linear-gradient(110deg,var(--nav2),#050505);
  color:#fff;display:grid!important;grid-template-columns:210px 1fr 210px;
  align-items:center;padding:8px 22px;gap:18px;border-bottom:3px solid var(--eagle)
}
.logo,.logo-slot,header .unified-logo{
  width:210px!important;min-width:210px!important;height:56px!important;
  display:flex!important;align-items:center!important;justify-content:flex-start!important;overflow:hidden!important
}
.logo img,.logo-slot img,header .unified-logo img{
  display:block!important;width:auto!important;height:auto!important;max-width:210px!important;
  max-height:54px!important;object-fit:contain!important;margin:0!important;padding:0!important
}
.nav,.topnav{display:flex;gap:5px;align-items:center;justify-content:center}
.nav a,.nav button,.topnav a,.topnav button{
  color:#e7e7e7;text-decoration:none;font:inherit;font-weight:700;font-size:13px;
  padding:10px 11px;border-radius:6px;border:0;background:transparent;cursor:pointer;white-space:nowrap
}
.nav a.active,.topnav a.active,.nav a:hover,.nav button:hover,.topnav a:hover,.topnav button:hover{
  background:var(--eagle);color:#111
}
.settings-nav{margin-left:auto}.settings-wrap{justify-self:end;position:relative}
.settings-nav button,.settings-menu-btn{
  color:var(--eagle);border:1px solid #ffc13b88;background:#ffffff0d;border-radius:6px;
  padding:10px 13px;font-weight:700;cursor:pointer
}
.settings-nav button:hover,.settings-menu-btn:hover{background:var(--eagle);color:#111}
.settings-dropdown{
  display:none;position:absolute;right:0;top:46px;width:190px;background:#fff;border:1px solid #d5dde4;
  border-radius:8px;box-shadow:0 12px 30px #0003;padding:6px;z-index:100
}
.settings-dropdown.show{display:block}
.settings-dropdown button,.settings-dropdown a{
  display:block;width:100%;text-align:left;border:0;background:#fff;color:#263746;text-decoration:none;
  padding:9px 10px;border-radius:5px;font-weight:700;cursor:pointer;font-size:13px
}
.settings-dropdown button:hover,.settings-dropdown a:hover{background:#fff4d6;color:#111}
.wrap{max-width:1250px;margin:20px auto;padding:0 16px}
.titlebar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.title-actions{display:flex;align-items:center;gap:14px}
.btn{border:0;border-radius:6px;padding:10px 14px;font-weight:700;cursor:pointer}
.btn-primary{background:var(--eagle);color:#111}.btn-primary:hover{background:var(--eagle-dark)}
.secondary{background:#e1e7ec;color:#263746}.secondary:hover{background:#d2dbe2}
.danger{background:#c9323f;color:#fff}
.card{background:#fff;border:1px solid var(--border);border-radius:9px;padding:14px;margin-bottom:10px;cursor:pointer}
.card:hover{border-color:#c9a13c;box-shadow:0 2px 8px #00000012}
.itemtop{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.priority{font-size:11px;font-weight:900;padding:4px 7px;border-radius:999px}
.High{background:#ffe1e3;color:#b01825}.Normal{background:#fff1bd;color:#775800}.Low{background:#edf1f4;color:#56636e}
.muted{color:var(--muted);font-size:12px}.details{margin-top:8px;font-size:13px}.history{opacity:.72}.empty{cursor:default}
.modalback{position:fixed;inset:0;background:#000a;display:none;align-items:center;justify-content:center;padding:20px;z-index:50}
.modalback.show{display:flex}
.modal{background:#fff;width:min(720px,96vw);max-height:calc(100vh - 40px);display:flex;flex-direction:column;border-radius:10px;box-shadow:0 20px 60px #0007;overflow:hidden;border-top:0}
.modalhead{padding:15px 18px;font-size:21px;font-weight:800;border-bottom:1px solid #dbe2e8;display:flex;justify-content:space-between;align-items:center}
.modalhead button,.close{border:0;background:none;font-size:26px;cursor:pointer}
.modalbody{padding:18px;overflow-y:auto}
.modalform{display:grid;grid-template-columns:1fr 180px;gap:12px}
.modalform input,.modalform select,.modalform textarea,.formgrid input,.formgrid select,.formgrid textarea{
  width:100%;padding:10px;border:1px solid #cbd5df;border-radius:6px;font:inherit
}
.modalform input:focus,.modalform select:focus,.modalform textarea:focus,.formgrid input:focus,.formgrid select:focus,.formgrid textarea:focus{
  outline:none;border-color:var(--eagle-dark);box-shadow:0 0 0 3px #ffc13b2e
}
.modalform .full{grid-column:1/-1}.field label{display:block;font-size:12px;color:#687888;margin-bottom:5px;font-weight:700}
.modalfoot{padding:13px 18px;border-top:1px solid #dbe2e8;display:flex;gap:8px;justify-content:flex-end;background:#fff}
.modalfoot .delete{margin-right:auto}.completebox{margin-top:12px;padding-top:12px;border-top:1px solid #e1e7ec}
.completebox textarea{width:100%;padding:10px;border:1px solid #cbd5df;border-radius:6px;font:inherit}.hidden{display:none!important}

/* Dedicated Equipment / Drivers / Contacts management pages */
.manage-wrap{max-width:1060px;margin:0 auto;padding:32px 24px}
.manage-title{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}
.manage-title h1{margin:0;font-size:30px}.manage-title p{margin:5px 0 0;color:#64748b}
.manage-list{display:grid;gap:9px}
.manage-row{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#fff;border:1px solid var(--border);border-radius:9px;padding:13px 15px;box-shadow:0 2px 9px rgba(23,50,77,.035);cursor:pointer}
.manage-row:hover{background:#fffaf0;border-color:#d8bd72}.manage-row.inactive{opacity:.58}
.manage-meta{color:#64748b;font-size:13px;margin-top:3px}
.manage-empty{background:#fff;border:1px solid var(--border);border-radius:9px;padding:22px;text-align:center;color:#64748b}
.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.formgrid label{display:grid;gap:5px;font-size:12px;font-weight:800;color:#536271}
.formgrid textarea{min-height:90px;resize:vertical}.formgrid .full{grid-column:1/-1}

@media(max-width:800px){
  header{height:auto;grid-template-columns:1fr auto}
  .logo,.logo-slot,header .unified-logo{width:160px!important;min-width:160px!important}
  .nav,.topnav{grid-column:1/-1;grid-row:2;flex-wrap:wrap}.settings-wrap{grid-column:2;grid-row:1}
}
@media(max-width:700px){
  .modalform,.formgrid{grid-template-columns:1fr}.modalform .full,.formgrid .full{grid-column:auto}
  .titlebar{align-items:flex-start}.title-actions{flex-wrap:wrap;justify-content:flex-end}
  .manage-wrap{padding:20px 12px}.manage-title{align-items:flex-start;flex-direction:column}
}


/* V4.7.2 unified neutral navigation */
header{
  grid-template-columns:210px minmax(560px,1fr) 210px;
  border-bottom:1px solid #343b42;
}
.nav,.topnav{
  width:100%;
  min-width:0;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
}
.nav a,.nav button,.topnav a,.topnav button{
  min-width:88px;
  height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:0!important;
  padding:0 12px!important;
  color:#cbd2d8!important;
  background:transparent!important;
  border:1px solid transparent!important;
  border-radius:6px!important;
  font-size:13px!important;
  line-height:1!important;
}
.nav a.active,.topnav a.active{
  color:#fff!important;
  background:#3a434b!important;
  border-color:#4c5660!important;
}
.nav a:hover,.nav button:hover,.topnav a:hover,.topnav button:hover{
  color:#fff!important;
  background:#303840!important;
  border-color:#414b54!important;
}
.settings-menu-btn,.settings-nav button{
  height:38px;
  color:#d4dae0!important;
  border:1px solid #4a535b!important;
  background:#242b31!important;
  padding:0 13px!important;
}
.settings-menu-btn:hover,.settings-nav button:hover{
  color:#fff!important;
  background:#343c43!important;
  border-color:#5a646d!important;
}
.settings-dropdown button:hover,.settings-dropdown a:hover{
  background:#eef1f3!important;
  color:#172331!important;
}
@media(max-width:900px){
  header{grid-template-columns:180px 1fr 180px}
  .nav a,.nav button,.topnav a,.topnav button{min-width:78px;padding:0 9px!important}
}
@media(max-width:800px){
  header{grid-template-columns:1fr auto}
  .nav a,.nav button,.topnav a,.topnav button{min-width:auto}
}


/* V4.7.3 exact menu geometry lock */
header .topnav{
  width:500px!important;
  min-width:500px!important;
  max-width:500px!important;
  display:grid!important;
  grid-template-columns:repeat(5,96px)!important;
  column-gap:5px!important;
  align-items:center!important;
  justify-content:center!important;
  justify-self:center!important;
  margin:0!important;
  padding:0!important;
}
header .topnav a,
header .topnav button{
  width:96px!important;
  min-width:96px!important;
  max-width:96px!important;
  height:38px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
@media(max-width:800px){
  header .topnav{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    column-gap:4px!important;
  }
  header .topnav a,
  header .topnav button{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
}

html{overflow-y:scroll}

.copy-phone{margin-left:8px;padding:3px 7px;border:1px solid #cbd5df;border-radius:5px;background:#f4f6f8;color:#344454;font-size:10px;font-weight:700;cursor:pointer}
.copy-phone:hover{background:#e8edf1;color:#172331}

/* V4.7.6 contacts: explicit actions, row itself is not clickable */
.contact-row{cursor:default}
.contact-row:hover{background:#fff;border-color:var(--border)}
.contact-main{min-width:0}
.contact-name-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.contact-name-line .copy-phone{margin-left:0}
.contact-edit-btn{
  flex:0 0 auto;min-width:62px;height:34px;padding:0 12px;border:1px solid #cbd5df;
  border-radius:6px;background:#f4f6f8;color:#344454;font-size:12px;font-weight:700;cursor:pointer
}
.contact-edit-btn:hover{background:#e8edf1;color:#172331;border-color:#aebdca}

/* V4.7.7 clipboard confirmation */
.copy-toast{
  position:fixed;left:50%;bottom:28px;transform:translate(-50%,12px);
  background:#20262b;color:#fff;padding:9px 14px;border-radius:7px;
  font-size:12px;font-weight:700;box-shadow:0 6px 20px #0004;
  opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease;
  z-index:9999
}
.copy-toast.show{opacity:1;transform:translate(-50%,0)}

/* V4.7.8 contact readability */
.contact-phone{
  display:inline-block;margin-top:5px;font-size:16px;line-height:1.2;
  font-weight:800;letter-spacing:.25px;color:#172331
}
.contact-category{color:#64748b;font-size:12px;margin-top:4px}

/* V4.7.9 compact horizontal contacts */
.contact-row{
  display:grid!important;
  grid-template-columns:minmax(180px,1.5fr) 110px 150px auto;
  align-items:center!important;
  gap:14px!important;
  padding:9px 12px!important;
  min-height:48px
}
.contact-name{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.contact-category{margin:0!important;font-size:12px;color:#64748b}
.contact-phone{margin:0!important;font-size:15px!important;font-weight:800!important;white-space:nowrap}
.contact-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px}
.copy-phone,.contact-edit-btn{height:30px!important;margin:0!important;white-space:nowrap}
.copy-tooltip{
  position:absolute;transform:translate(-50%,-100%);background:#20262b;color:#fff;
  padding:6px 9px;border-radius:6px;font-size:11px;font-weight:700;
  box-shadow:0 4px 14px #0004;opacity:0;pointer-events:none;z-index:9999;
  transition:opacity .12s ease,transform .12s ease
}
.copy-tooltip.show{opacity:1;transform:translate(-50%,calc(-100% - 5px))}
.copy-tooltip:after{
  content:"";position:absolute;left:50%;bottom:-5px;transform:translateX(-50%);
  border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #20262b
}
@media(max-width:700px){
  .contact-row{grid-template-columns:1fr auto;gap:5px 10px!important}
  .contact-category,.contact-phone{grid-column:1}
  .contact-actions{grid-column:2;grid-row:1/4}
}

/* V4.7.10 contacts: information grouped left, Edit pinned right */
.contact-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important
}
.contact-left{
  display:flex;align-items:center;justify-content:flex-start;gap:14px;
  min-width:0;flex:1 1 auto
}
.contact-name{flex:0 1 auto;min-width:150px}
.contact-category{flex:0 0 auto}
.contact-phone{flex:0 0 auto}
.contact-left .copy-phone{flex:0 0 auto}
.contact-row>.contact-edit-btn{margin-left:auto!important;flex:0 0 auto}
@media(max-width:700px){
  .contact-left{flex-wrap:wrap;gap:6px 10px}
  .contact-name{min-width:0;width:100%}
}