:root{--bg:#f8f8f3;--dark:#123d32;--panel:#ffffff;--ink:#173d31;--muted:#6d7280;--line:#e6e8ee;--gold:#0b7958;--gold2:#29a57c;--silver:#d8dadd;--red:#a03333;--green:#177245;--orange:#0b7958}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg);font-size:13px}.app-body{padding-top:66px}.topbar{position:fixed;top:0;left:0;right:0;height:66px;background:linear-gradient(90deg,#123d32,#145340);border-bottom:1px solid rgba(11,121,88,.45);display:flex;align-items:center;gap:18px;padding:0 18px;z-index:10}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;min-width:230px}.brand img{width:46px;height:46px;border-radius:10px;object-fit:cover;background:#111}.brand b{display:block;font-size:15px;letter-spacing:.3px}.brand small{display:block;color:#6a7d71;font-size:11px;text-transform:uppercase;letter-spacing:.8px}.main-nav{display:flex;gap:6px;flex:1}.main-nav a{color:#d9dce2;text-decoration:none;padding:10px 12px;border-radius:10px;font-weight:700;font-size:12px}.main-nav a:hover,.main-nav a.on{background:rgba(11,121,88,.18);color:#fff}.top-actions{display:flex;align-items:center;gap:12px;color:#d9dce2;font-size:12px}.top-actions a{color:#111;text-decoration:none;background:var(--gold2);font-weight:700;border-radius:9px;padding:8px 12px}.page-wrap{max-width:1320px;margin:0 auto;padding:20px}.page-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px}.page-head h1{margin:0;font-size:24px}.page-head p{margin:4px 0 0;color:var(--muted)}.btn{border:0;border-radius:10px;padding:10px 14px;font-weight:800;text-decoration:none;cursor:pointer;display:inline-block;font-size:13px}.btn-gold{background:var(--gold);color:#111;box-shadow:0 8px 18px rgba(11,121,88,.25)}.btn-soft{background:#eef5ef;color:#222}.flash,.alert{padding:10px 12px;border-radius:10px;margin-bottom:12px;font-weight:700}.success,.alert-success{background:#e7f5ed;color:#11633b}.error,.alert-danger{background:#fde7e7;color:#9a2626}.info-box{display:flex;gap:12px;align-items:center;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:12px;padding:12px 14px;margin-bottom:14px}.small-text{font-size:12px;color:#505766}.stat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:14px}.stat-card,.card{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 6px 22px rgba(23,25,29,.05)}.stat-card{padding:16px}.stat-card span{display:block;color:var(--muted);font-size:12px}.stat-card b{display:block;margin-top:6px;font-size:20px}.card{padding:14px}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.card-head h2{font-size:16px;margin:0}.card-head a{color:#0b7958;font-weight:700}.filter-row{display:flex;justify-content:flex-end;margin-bottom:10px}.input{width:100%;border:1px solid #dcdfe6;background:#fff;border-radius:9px;padding:9px 10px;font-size:13px;outline:none}.input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(11,121,88,.16)}.small-input{max-width:280px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}.mini-table{width:100%;border-collapse:collapse;background:#fff;font-size:12px;min-width:960px}.mini-table th{background:#eaf3ed;color:#173d31;text-align:left;padding:9px 8px;border-bottom:1px solid #d8dbe2;white-space:nowrap}.mini-table td{padding:8px;border-bottom:1px solid #eceef2;vertical-align:top}.mini-table tr:hover td{background:#f2f9f3}.excel-table th:nth-child(1),.excel-table td:nth-child(1){min-width:85px}.excel-table th:nth-child(2),.excel-table td:nth-child(2){min-width:150px}.excel-table th:nth-child(3),.excel-table td:nth-child(3){min-width:230px}.excel-table th:nth-child(11),.excel-table td:nth-child(11){min-width:190px}.status,.chip{display:inline-block;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800}.status.paid{background:#e5f5ec;color:var(--green)}.status.unpaid{background:#fde9e9;color:var(--red)}.status.part-paid{background:#edf6ef;color:var(--orange)}.chip{background:#eff1f5;color:#254c3f}.quote-yes{background:#e8f5ee;color:var(--green)}.quote-no{background:#f0f1f4;color:#59606d}.action-cell{white-space:nowrap}.link-btn{background:transparent;border:0;color:#0b7958;font-weight:800;cursor:pointer;padding:0;margin-right:8px}.link-danger{color:#a22;text-decoration:none;font-weight:800}.modal-bg{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:50;padding:24px;overflow:auto}.modal-card{margin:30px auto;background:#fff;border-radius:16px;border:1px solid #e6e8ee;box-shadow:0 28px 70px rgba(0,0,0,.25);padding:16px}.medium-modal{max-width:920px}.small-modal{max-width:760px}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.modal-head h2{font-size:18px;margin:0}.modal-head button{border:0;background:#eaf3ed;border-radius:8px;width:34px;height:34px;font-size:22px;cursor:pointer}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.compact-grid label{font-size:12px;font-weight:800;color:#254c3f}.compact-grid label .input{margin-top:6px}.wide{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.login-page{min-height:100vh;background:radial-gradient(circle at left,#1d634d 0,#123d32 42%,#101216 100%);display:grid;grid-template-columns:1fr 1.05fr;align-items:center;overflow:hidden}.login-brand{padding:45px 58px;color:#fff}.brand-card{width:270px;max-width:100%;background:#123d32;border:1px solid rgba(11,121,88,.35);border-radius:16px;padding:22px;text-align:center;box-shadow:0 25px 60px rgba(0,0,0,.28);margin-bottom:28px}.brand-card img{width:100%;border-radius:10px}.login-brand h1{font-size:34px;margin:0 0 12px}.login-brand p{font-size:15px;color:#6a7d71;max-width:600px;line-height:1.6}.feature-pill{display:block;max-width:520px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);padding:12px 14px;border-radius:12px;margin-top:10px}.login-panel{padding:36px}.login-box{background:#fff;border-radius:24px;padding:32px;max-width:520px;box-shadow:0 30px 80px rgba(0,0,0,.24)}.small-box{max-width:470px}.badge{display:inline-block;background:#111;color:#fff;border-radius:999px;padding:5px 14px;font-size:11px;font-weight:800}.login-box h2{font-size:28px;margin:16px 0 4px}.sub{color:var(--muted);margin-top:0}.login-box label{font-weight:800;font-size:13px;margin:12px 0 6px;display:block}.login-btn{width:100%;margin-top:16px}.small{font-size:12px;color:#626977}.mono{font-family:Consolas,monospace;color:#111;font-weight:700}@media(max-width:980px){.login-page{grid-template-columns:1fr}.login-brand{display:none}.stat-grid{grid-template-columns:repeat(2,1fr)}.topbar{height:auto;position:static;flex-wrap:wrap}.app-body{padding-top:0}.main-nav{overflow:auto}.page-head{align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}}@media(max-width:640px){.stat-grid{grid-template-columns:1fr}.page-wrap{padding:12px}.login-panel{padding:18px}.login-box{padding:22px}.top-actions{width:100%;justify-content:space-between}}

/* Compact professional UI update */
.compact-topbar{height:58px;padding:0 14px}.compact-topbar .brand{min-width:205px}.compact-topbar .brand img{width:40px;height:40px}.compact-topbar .main-nav a{padding:8px 9px;font-size:11.5px}.top-actions span small{display:block;color:#6a7d71;font-size:10px;font-weight:600}.compact-wrap{max-width:100%;padding:14px}.compact-head{margin-bottom:10px}.compact-head h1{font-size:21px}.compact-head p{font-size:12px}.compact-card{border-radius:12px}.compact-modal{max-width:880px}.form-card{padding:16px}.compact-grid{gap:10px}.compact-grid label{font-size:12px}.compact-grid .input,.compact-grid select,.compact-grid textarea{min-height:36px;font-size:12px}.mini-table th,.mini-table td{font-size:12px;padding:8px 9px}.excel-table th{white-space:nowrap}.small-input{height:34px}.role-pill{display:inline-block;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;background:#eef5ef;color:#333}.role-super_admin{background:#111;color:#29a57c}.role-admin{background:#e7f0ff;color:#164a86}.role-supervisor{background:#edf6ef;color:#8a5a00}.role-employee{background:#edf7ee;color:#176b37}.input[readonly]{background:#f8f8f3;color:#616775}.form-actions{border-top:1px solid var(--line);padding-top:12px;margin-top:10px}
@media(max-width:1100px){.compact-topbar{height:auto}.compact-topbar .brand{min-width:180px}.compact-wrap{padding:12px}.main-nav{order:3;width:100%;}}

/* Fine permission UI */
.permission-box{margin-top:14px;border:1px solid var(--line);border-radius:14px;background:#fafbfc;padding:12px}.permission-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.permission-head b{display:block;font-size:14px}.permission-head small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.permission-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px;background:#fff}.permission-table{width:100%;border-collapse:collapse;font-size:12px}.permission-table th{background:#eaf3ed;text-align:center;padding:9px;border-bottom:1px solid #d8dbe2}.permission-table th:first-child,.permission-table td:first-child{text-align:left}.permission-table td{padding:8px;border-bottom:1px solid #eceef2;text-align:center}.check-cell{display:flex;justify-content:center;align-items:center}.check-cell input{width:17px;height:17px;accent-color:var(--gold)}.permission-note{margin:9px 0 0;color:var(--muted);font-size:12px}.page-head>div:last-child{display:flex;gap:8px;flex-wrap:wrap}.mini-table .small-text{font-size:11px;line-height:1.4}


/* Cost line Excel-style one-line form */
.cost-concept-box{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  margin:0 0 12px;
}
.cost-concept-box div{
  background:#fff;
  border:1px solid var(--line);
  border-left:4px solid var(--gold);
  border-radius:12px;
  padding:10px 12px;
  box-shadow:0 6px 18px rgba(23,25,29,.04);
}
.cost-concept-box b{display:block;font-size:12px;color:#173d31;margin-bottom:3px}
.cost-concept-box span{font-size:11.5px;color:var(--muted)}
.costline-table{min-width:1500px}
.costline-table th{font-size:11px;text-transform:none;white-space:nowrap}
.costline-table td{white-space:nowrap;font-size:11.5px}
.costline-table td:nth-child(13){white-space:normal;min-width:180px}
.costline-modal{max-width:1280px}
.project-row{
  display:grid;
  grid-template-columns:1fr 220px;
  gap:10px;
  margin-bottom:12px;
}
.project-row label,.helper-row label{
  font-size:12px;
  font-weight:800;
  color:#254c3f;
}
.project-row .input,.helper-row .input{margin-top:6px}
.excel-entry-card{
  border:1px solid var(--line);
  border-radius:14px;
  overflow:auto;
  background:#fff;
}
.excel-row-head,
.excel-row-input{
  display:grid;
  grid-template-columns:100px 180px 260px 170px 130px 110px 110px 180px 110px 120px;
  min-width:1470px;
}
.excel-row-head span{
  background:#eaf3ed;
  border-right:1px solid #d8dbe2;
  border-bottom:1px solid #d8dbe2;
  padding:8px 7px;
  font-size:11px;
  font-weight:900;
  color:#173d31;
  white-space:nowrap;
}
.excel-row-input > *{
  border-radius:0;
  border:0;
  border-right:1px solid #e1e3e8;
  min-height:39px;
  font-size:12px;
  box-shadow:none;
}
.excel-row-input > *:focus{
  box-shadow:inset 0 0 0 2px rgba(11,121,88,.35);
  transform:none;
}
.helper-row{
  display:grid;
  grid-template-columns:340px 1fr;
  gap:10px;
  margin-top:12px;
}
@media(max-width:900px){
  .cost-concept-box{grid-template-columns:1fr 1fr}
  .project-row,.helper-row{grid-template-columns:1fr}
}
@media(max-width:560px){
  .cost-concept-box{grid-template-columns:1fr}
}

/* Supplier helper and separate ABN / ACN update */
.costline-table{min-width:1620px}
.excel-row-head,
.excel-row-input{
  grid-template-columns:100px 180px 260px 170px 120px 120px 110px 110px 180px 110px 120px;
  min-width:1590px;
}
.quick-supplier-box{
  margin-top:12px;
  border:1px solid #e1e3e8;
  border-left:4px solid var(--gold);
  border-radius:14px;
  background:#f8fbf9;
  padding:12px;
}
.quick-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
.quick-head b{display:block;font-size:13px;color:#222}
.quick-head small{display:block;font-size:11px;color:#68707e;margin-top:3px;line-height:1.45}
.quick-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
}
.quick-grid label{font-size:12px;font-weight:800;color:#254c3f}
.quick-grid .input{margin-top:6px;height:36px;font-size:12px}
.quick-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}
@media(max-width:1100px){.quick-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.quick-grid{grid-template-columns:1fr}}

/* Separate Cost Line add/edit page - simple readable structure */
.simple-cost-form{max-width:100%;margin:0 auto 30px}.simple-section{margin-bottom:12px}.section-title{font-size:15px;font-weight:900;color:#173d31;margin-bottom:10px}.simple-grid{display:grid;gap:12px}.simple-grid label,.notes-label{font-size:12px;font-weight:800;color:#254c3f}.simple-grid .input,.notes-label .input{margin-top:6px}.two-col{grid-template-columns:1fr 220px}.three-col{grid-template-columns:160px 1fr 1.3fr}.four-col{grid-template-columns:1.2fr 140px 140px 130px 130px 210px 130px 130px}.readonly-input{background:#f8f8f3;color:#5f6673}.simple-help{margin:0 0 10px}.notes-label{display:block;margin-top:12px}.sticky-actions{position:sticky;bottom:0;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;box-shadow:0 -8px 24px rgba(23,25,29,.08);z-index:4}@media(max-width:1100px){.four-col{grid-template-columns:repeat(4,1fr)}.three-col{grid-template-columns:1fr 1fr}}@media(max-width:760px){.two-col,.three-col,.four-col{grid-template-columns:1fr}.sticky-actions{position:static}}


/* Bootstrap 5.2 compatibility layer - keep ConstructIQ custom look while using Bootstrap across the app */
.btn-gold{--bs-btn-bg:var(--gold);--bs-btn-border-color:var(--gold);--bs-btn-color:#111;--bs-btn-hover-bg:var(--gold2);--bs-btn-hover-border-color:var(--gold2);--bs-btn-hover-color:#111}
.btn-soft{--bs-btn-bg:#eef5ef;--bs-btn-border-color:#eef5ef;--bs-btn-color:#222;--bs-btn-hover-bg:#e1e4ea;--bs-btn-hover-border-color:#e1e4ea;--bs-btn-hover-color:#111}
.input.form-control,.input.form-select{border:1px solid #dcdfe6;border-radius:9px;font-size:13px;min-height:36px}
.table-wrap .table{margin-bottom:0}
.app-body .container-fluid{max-width:1320px}

/* =========================================================
   ConstructIQ Australia - front website inspired admin theme
   Bootstrap 5.2 friendly, professional Melbourne admin look
   ========================================================= */
:root{
  --ciq-black:#123d32;
  --ciq-dark:#123d32;
  --ciq-panel:#ffffff;
  --ciq-soft:#f3f8f3;
  --ciq-gold:#0b7958;
  --ciq-gold-light:#87cfaa;
  --ciq-text:#173d31;
  --ciq-muted:#65776b;
  --ciq-border:#d8e7dc;
}
body.ciq-admin-body{
  background:
    radial-gradient(circle at top left,rgba(11,121,88,.13),transparent 30%),
    linear-gradient(180deg,#f9f7f1 0%,#eef1f5 100%);
  color:var(--ciq-text);
  font-family:"Inter","Segoe UI",Arial,sans-serif;
  font-size:13px;
}
body.ciq-admin-body.app-body{padding-top:78px;}
.ciq-topbar{
  position:fixed;top:0;left:0;right:0;z-index:1030;
  background:rgba(16,17,19,.96);
  background-image:linear-gradient(90deg,rgba(16,17,19,.98),rgba(34,31,23,.98));
  border-bottom:1px solid rgba(11,121,88,.38);
  box-shadow:0 20px 45px rgba(16,17,19,.18);
  backdrop-filter:blur(18px);
}
.ciq-topbar-inner{
  min-height:78px;
  display:flex;align-items:center;gap:16px;
  padding:10px 22px;
}
.ciq-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;min-width:285px;}
.ciq-brand:hover{color:#fff;}
.ciq-brand-logo{width:124px;height:48px;border-radius:16px;background:#1b1c1f;border:1px solid rgba(11,121,88,.32);display:flex;align-items:center;justify-content:center;padding:8px;box-shadow:0 14px 35px rgba(0,0,0,.28);}
.ciq-brand-logo img{max-width:100%;max-height:100%;object-fit:contain;}
.ciq-brand-text b{display:block;font-size:14px;letter-spacing:.2px;line-height:1.1;}
.ciq-brand-text small{display:block;color:#61796c;text-transform:uppercase;letter-spacing:.8px;font-size:10px;margin-top:3px;}
.ciq-mobile-btn{display:none;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.08);color:#87cfaa;border-radius:12px;width:40px;height:38px;font-size:20px;}
.ciq-nav-collapse{display:flex!important;flex:1;min-width:0;}
.ciq-nav-scroll{display:flex;align-items:center;gap:7px;overflow-x:auto;scrollbar-width:none;}
.ciq-nav-scroll::-webkit-scrollbar{display:none;}
.ciq-nav-link{display:flex;align-items:center;gap:7px;text-decoration:none;color:#d5e4da;border:1px solid transparent;border-radius:999px;padding:9px 12px;font-size:11.5px;font-weight:800;white-space:nowrap;transition:.2s ease;}
.ciq-nav-link:hover{color:#fff;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);}
.ciq-nav-link.active{color:#123d32;background:linear-gradient(135deg,var(--ciq-gold),var(--ciq-gold-light));box-shadow:0 10px 25px rgba(11,121,88,.24);}
.ciq-user-box{display:flex;align-items:center;gap:10px;margin-left:auto;color:#fff;}
.ciq-location-chip{display:inline-flex;align-items:center;gap:6px;color:#87cfaa;background:rgba(11,121,88,.10);border:1px solid rgba(11,121,88,.30);border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800;white-space:nowrap;}
.ciq-user-meta{text-align:right;line-height:1.1;}
.ciq-user-meta b{display:block;font-size:12px;max-width:135px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ciq-user-meta small{display:block;color:#61796c;font-size:10px;text-transform:uppercase;letter-spacing:.7px;margin-top:3px;}
.ciq-logout{width:36px;height:36px;border-radius:12px;background:#87cfaa;color:#111;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:16px;box-shadow:0 10px 24px rgba(11,121,88,.28);}
.ciq-logout:hover{color:#111;background:#cde8d8;}
.ciq-page-wrap{max-width:100%;padding:20px;}
.ciq-flash{display:flex;gap:8px;align-items:center;border-radius:14px;padding:12px 14px;}
.page-head{background:#fff;border:1px solid var(--ciq-border);border-radius:22px;padding:18px 20px;box-shadow:0 12px 30px rgba(30,36,45,.05);}
.page-head h1{font-size:22px;font-weight:900;letter-spacing:-.4px;}
.page-head p{font-size:12.5px;color:var(--ciq-muted);}
.btn,.btn-gold,.btn-soft{border-radius:999px!important;font-weight:900!important;}
.btn-gold{background:linear-gradient(135deg,var(--ciq-gold),var(--ciq-gold-light))!important;border:0!important;color:#111!important;box-shadow:0 14px 28px rgba(11,121,88,.26)!important;}
.btn-soft{background:#fff!important;border:1px solid var(--ciq-border)!important;color:#173d31!important;}
.card,.stat-card,.info-box{border-color:var(--ciq-border);box-shadow:0 15px 35px rgba(30,36,45,.05);}
.ciq-card{border-radius:22px;padding:18px;overflow:hidden;}
.card-head h2{font-size:17px;font-weight:900;letter-spacing:-.3px;}
.card-head a{color:#0b7958;text-decoration:none;font-weight:900;}
.table-wrap{border-color:var(--ciq-border);border-radius:16px;}
.mini-table th{background:#ecf4ee;color:#123d32;border-bottom:1px solid #d3e7da;font-size:11.5px;text-transform:uppercase;letter-spacing:.45px;}
.mini-table td{background:#fff;}
.mini-table tr:hover td{background:#f2f9f3;}
.input,.form-control,.form-select{border-radius:13px!important;border-color:#d7e7dd!important;}
.input:focus,.form-control:focus,.form-select:focus{border-color:var(--ciq-gold)!important;box-shadow:0 0 0 4px rgba(11,121,88,.16)!important;}
.status{font-weight:900;border-radius:999px;padding:5px 9px;}

/* Dashboard hero */
.ciq-dashboard-hero{position:relative;overflow:hidden;border-radius:28px;padding:34px;margin-bottom:18px;background:linear-gradient(120deg,rgba(14,15,17,.96),rgba(30,27,20,.92)),url('../img/admin-hero-bg.jpg');background-size:cover;background-position:center;color:#fff;box-shadow:0 28px 70px rgba(16,17,19,.24);}
.ciq-dashboard-hero:before{content:"";position:absolute;inset:0;background:url('../img/admin-dark-pattern.png') right center/auto 100% no-repeat;opacity:.12;pointer-events:none;}
.ciq-dashboard-hero>*{position:relative;z-index:1;}
.ciq-eyebrow{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--ciq-gold),var(--ciq-gold-light));color:#111;border-radius:999px;padding:8px 13px;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.8px;margin-bottom:16px;}
.ciq-dashboard-hero h1{font-size:38px;line-height:1.08;font-weight:950;letter-spacing:-1.2px;margin:0 0 14px;max-width:650px;}
.ciq-dashboard-hero p{font-size:14px;line-height:1.7;color:#d6d9df;max-width:680px;margin:0;}
.ciq-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px;}
.ciq-contact-panel{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);border-radius:24px;padding:22px;backdrop-filter:blur(16px);}
.ciq-contact-head{display:flex;align-items:center;gap:14px;margin-bottom:16px;}
.ciq-contact-head img{width:124px;height:54px;object-fit:contain;border-radius:14px;background:#123d32;border:1px solid rgba(11,121,88,.32);padding:8px;}
.ciq-contact-head b{display:block;font-size:15px;}
.ciq-contact-head small{display:block;font-size:11px;color:#c6cbd4;text-transform:uppercase;letter-spacing:.8px;}
.ciq-contact-list{display:grid;gap:10px;}
.ciq-contact-list span{display:flex;align-items:center;gap:10px;color:#f8f8f3;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10);border-radius:15px;padding:10px 12px;font-size:13px;}
.ciq-contact-list i{color:#87cfaa;}
.ciq-workflow-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;}
.ciq-workflow-strip div{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--ciq-border);border-radius:18px;padding:15px 16px;box-shadow:0 12px 28px rgba(30,36,45,.05);}
.ciq-workflow-strip i{width:38px;height:38px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#123d32;color:#87cfaa;font-size:18px;}
.ciq-workflow-strip b{display:block;font-size:13px;}
.ciq-workflow-strip span{display:block;color:var(--ciq-muted);font-size:11.5px;margin-top:2px;}
.ciq-stat-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;margin-bottom:16px;}
.ciq-stat-card{position:relative;overflow:hidden;background:#fff;border:1px solid var(--ciq-border);border-radius:20px;padding:17px;box-shadow:0 12px 30px rgba(30,36,45,.05);}
.ciq-stat-card:after{content:"";position:absolute;right:-26px;bottom:-26px;width:82px;height:82px;background:rgba(11,121,88,.11);border-radius:50%;}
.ciq-stat-card span{display:block;color:#65776b;font-size:11px;text-transform:uppercase;letter-spacing:.7px;font-weight:900;}
.ciq-stat-card b{display:block;margin-top:8px;font-size:22px;line-height:1.1;color:#123d32;letter-spacing:-.5px;}
.ciq-stat-card small{display:block;margin-top:6px;color:#7b818c;font-size:11px;}
.ciq-stat-card.money b{color:#0b7958}.ciq-stat-card.paid b{color:#177245}.ciq-stat-card.due b{color:#a03333}

@media(max-width:1180px){
  body.ciq-admin-body.app-body{padding-top:0;}
  .ciq-topbar{position:static;}
  .ciq-topbar-inner{flex-wrap:wrap;min-height:auto;}
  .ciq-mobile-btn{display:flex;align-items:center;justify-content:center;margin-left:auto;}
  .ciq-nav-collapse{display:none!important;order:5;width:100%;}
  .ciq-nav-collapse.show{display:block!important;}
  .ciq-nav-scroll{display:grid;grid-template-columns:repeat(2,1fr);padding-top:10px;}
  .ciq-user-box{order:4;width:100%;justify-content:space-between;margin-left:0;border-top:1px solid rgba(255,255,255,.10);padding-top:10px;}
  .ciq-brand{min-width:0;}
}
@media(max-width:1100px){.ciq-stat-grid{grid-template-columns:repeat(3,1fr)}.ciq-workflow-strip{grid-template-columns:1fr}}
@media(max-width:760px){.ciq-page-wrap{padding:12px}.ciq-dashboard-hero{padding:24px;border-radius:22px}.ciq-dashboard-hero h1{font-size:28px}.ciq-stat-grid{grid-template-columns:1fr 1fr}.ciq-brand-text{display:none}.ciq-brand-logo{width:112px}.ciq-nav-scroll{grid-template-columns:1fr}.ciq-location-chip{display:none}}
@media(max-width:520px){.ciq-stat-grid{grid-template-columns:1fr}.ciq-contact-head{align-items:flex-start;flex-direction:column}}


/* =====================================================================
   CONSTRUCTIQ ADMIN — COLOUR-ONLY OVERRIDES
   No layout, HTML, dimension, spacing or workflow changes.
   ===================================================================== */
:root {
  --bg:#f8f8f3;
  --dark:#123d32;
  --panel:#ffffff;
  --ink:#173d31;
  --muted:#65756c;
  --line:#d9e8de;
  --gold:#0b7958;
  --gold2:#188568;
  --silver:#eaf3ed;
  --green:#0b7958;
  --ciq-black:#123d32;
  --ciq-dark:#165240;
  --ciq-panel:#fff;
  --ciq-soft:#f0f6f0;
  --ciq-gold:#0b7958;
  --ciq-gold-light:#29a57c;
  --ciq-text:#173d31;
  --ciq-muted:#66776e;
  --ciq-border:#d9e8de;
}
body.ciq-admin-body {
  background:linear-gradient(180deg,#f9faf6 0%,#f1f7f2 100%);
  color:#173d31;
}
.ciq-topbar {
  background:#fff;
  background-image:none;
  border-bottom-color:#d9e8de;
  box-shadow:0 12px 30px rgba(18,61,50,.07);
}
.ciq-brand,
.ciq-brand:hover,
.ciq-brand-text b,
.ciq-user-box,
.ciq-user-meta b { color:#173d31; }
.ciq-brand-text small,
.ciq-user-meta small { color:#6c7d73; }
.ciq-brand-logo { background:#eaf3ed; border-color:#d4e4d9; box-shadow:0 8px 22px rgba(18,61,50,.08); }
.ciq-nav-link { color:#245044; }
.ciq-nav-link:hover { color:#09644b; background:#e6f2e9; border-color:#d1e6d7; }
.ciq-nav-link.active {
  background:#0b7958;
  color:#fff;
  box-shadow:0 9px 22px rgba(11,121,88,.16);
}
.ciq-location-chip {
  background:#eef6ef;
  border-color:#d5e5d9;
  color:#0b694f;
}
.ciq-logout { background:#0b7958; color:#fff; box-shadow:0 8px 20px rgba(11,121,88,.14); }
.ciq-logout:hover { background:#075b43; color:#fff; }
.ciq-mobile-btn { color:#0b7958; background:#e9f4ec; border-color:#d2e6d8; }
.page-head,
.card,
.stat-card,
.info-box,
.permission-box,
.ciq-workflow-strip div,
.ciq-stat-card,
.table-wrap,
.excel-entry-card,
.sticky-actions,
.quick-supplier-box,
.cost-concept-box div { background:#fff; border-color:#d9e8de; box-shadow:0 12px 30px rgba(18,61,50,.055); }
.page-head h1,.page-head p,.card-head h2,.section-title,.ciq-stat-card b { color:#173d31; }
.page-head p,.small-text,.permission-note,.ciq-stat-card span,.ciq-stat-card small { color:#65756c; }
.btn-gold, .btn.btn-gold {
  background:#0b7958 !important;
  border-color:#0b7958 !important;
  color:#fff !important;
  box-shadow:0 10px 24px rgba(11,121,88,.16) !important;
}
.btn-gold:hover, .btn.btn-gold:hover { background:#075b43 !important; border-color:#075b43 !important; color:#fff !important; }
.btn-soft,.btn.btn-soft { background:#edf5ef !important; border-color:#d6e5da !important; color:#173d31 !important; }
.btn-soft:hover,.btn.btn-soft:hover { background:#dcece2 !important; color:#075b43 !important; }
.ciq-dashboard-hero {
  background:linear-gradient(120deg,rgba(8,82,61,.94),rgba(22,112,83,.87)),url('../img/admin-hero-bg.jpg');
  box-shadow:0 20px 55px rgba(18,61,50,.15);
  color:#fff;
}
.ciq-dashboard-hero p { color:#e3f5e9; }
.ciq-dashboard-hero::before { opacity:.11; }
.ciq-eyebrow { color:#fff; background:#188568; }
.ciq-contact-panel { background:rgba(255,255,255,.11); border-color:rgba(232,250,237,.28); }
.ciq-contact-head img { background:#eaf3ed; border-color:#c7e2ce; }
.ciq-contact-head small,.ciq-contact-list span { color:#eef8f2; }
.ciq-contact-list i { color:#b5e6c5; }
.ciq-workflow-strip i { background:#e1f1e5; color:#0b7958; }
.ciq-stat-card::after { background:rgba(11,121,88,.08); }
.ciq-stat-card.money b,.ciq-stat-card.paid b { color:#0b7958; }
.ciq-stat-card.due b { color:#a03333; }
.mini-table th,.permission-table th,.excel-row-head span { background:#eaf3ed; color:#173d31; border-bottom-color:#d7e6dc; }
.mini-table tr:hover td { background:#f1f8f3; }
.input,.input.form-control,.input.form-select,.form-control,.form-select,select,textarea { border-color:#d6e3da !important; }
.input:focus,.input.form-control:focus,.input.form-select:focus,.form-control:focus,.form-select:focus,select:focus,textarea:focus {
  border-color:#0b7958 !important; box-shadow:0 0 0 4px rgba(11,121,88,.12) !important;
}
input[type=checkbox],input[type=radio] { accent-color:#0b7958; }
.role-super_admin { color:#fff; background:#123d32; }
.role-admin,.role-supervisor { color:#0b7958; background:#e4f1e8; }
.role-employee { color:#476558; background:#eff5f0; }
.link-btn,.card-head a { color:#0b7958; }
.link-btn:hover,.card-head a:hover { color:#075b43; }
.quick-supplier-box,.cost-concept-box div { border-left-color:#0b7958; }
.status.paid { background:#e1f4e8; color:#0b7958; }