/* Dealer Portal stylesheet - layout rules identical to the reference portal; colours re-themed for Hitech Blinds
   Brand palette: copper #995830 (hitechblinds.ca --brcolor), deep copper #7a4523, charcoal #222222, logo teal #156082 */
:root{--gold:#995830;--gold2:#7a4523;--teal:#156082;--copper-light:#e3b391;--cream:#faf5f0;--line:#e6d5c7;--text:#1d1d1d;--muted:#6b6560;--dark:#222222;--green:#0f766e;--red:#b42318}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(180deg,#fdfaf7,#f4eee8);color:var(--text)}
.wrap{max-width:1280px;margin:0 auto;padding:28px}
.hero{background:#fff;border:1px solid var(--line);border-radius:26px;padding:26px 30px;box-shadow:0 16px 38px rgba(90,58,34,.12)}
.header{display:grid;grid-template-columns:130px 1fr;gap:20px;align-items:center;border-bottom:4px solid var(--gold);padding-bottom:18px;margin-bottom:22px}
.logo{width:120px;height:auto;max-height:95px;object-fit:contain;border-radius:8px}
h1{margin:0;color:var(--gold2);font-size:42px;line-height:1;font-weight:900;letter-spacing:.5px}
.sub{font-weight:900;margin-top:7px;font-size:17px;color:var(--teal)}
h2{margin:0 0 14px;color:var(--gold2);font-size:25px;font-weight:900}
h3{margin:18px 0 10px;color:var(--gold2);font-size:19px}
.gridTop{display:grid;grid-template-columns:minmax(430px,1fr) minmax(430px,1fr);gap:22px;align-items:start}
.card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 8px 24px rgba(90,58,34,.08)}
.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}
label{display:block;font-weight:900;color:#5a3a22;font-size:14px;margin:10px 0 6px}
input,select,textarea{width:100%;padding:14px;border:1px solid #d9c2b0;border-radius:14px;background:#fff;color:#111;font-size:16px}
textarea{min-height:90px;resize:vertical}
.priceBox{background:#222222;color:#fff;border:4px solid var(--gold);border-radius:24px;padding:28px 22px;text-align:center;min-height:210px;display:flex;flex-direction:column;justify-content:center}
.priceBox .label{color:var(--copper-light);font-size:18px;font-weight:900;letter-spacing:.7px}
.priceBox .amount{font-size:62px;font-weight:900;margin:12px 0;color:#fff}
.priceBox .small{color:#f1dccb;font-weight:800;line-height:1.35}
.windowCard{border:1px solid var(--line);border-left:7px solid var(--gold);background:#fdf9f6;border-radius:22px;padding:20px;margin:16px 0}
.windowTop{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.windowTitle{font-size:22px;font-weight:900;color:var(--gold2)}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}
button{border:0;border-radius:14px;padding:14px 20px;font-weight:900;font-size:15px;cursor:pointer}
.gold{background:var(--gold);color:#fff}
.dark{background:#222222;color:#fff}
.gray{background:#e5e7eb;color:#111}
.red{background:#fee4e2;color:#912018}
.lineTotal{margin-top:14px;background:#fff;border:1px dashed #b07a45;border-radius:14px;padding:13px 16px;font-weight:900;font-size:18px}
.reviewBox{margin-top:20px}
.tableWrap{overflow:auto;border:1px solid var(--line);border-radius:16px;background:#fff}
table{width:100%;border-collapse:collapse;min-width:900px}
th,td{border-bottom:1px solid var(--line);padding:12px;text-align:left;font-size:14px}
th{background:#fdf9f6;color:var(--gold2);font-weight:900}
.totalBar{margin-top:14px;background:#222222;color:#fff;border:3px solid var(--gold);border-radius:20px;padding:20px;text-align:center}
.totalBar .label{color:var(--copper-light);font-weight:900;letter-spacing:.6px}
.totalBar .amount{font-size:44px;font-weight:900;margin-top:5px}
.success,.error{display:none;margin-top:14px;border-radius:16px;padding:14px;font-weight:900}
.success{background:#ecfdf3;border:1px solid #bbf7d0;color:#14532d}
.error{background:#fef3f2;border:1px solid #fecaca;color:#991b1b}
.success a{color:#14532d}
.footer{text-align:center;margin-top:22px;color:#7a6f66;font-weight:800}
@media(max-width:900px){.wrap{padding:14px}.hero{padding:16px;border-radius:18px}.header{grid-template-columns:90px 1fr;gap:12px}.logo{width:84px}h1{font-size:27px}.sub{font-size:13px}.gridTop,.row,.row3{grid-template-columns:1fr}.priceBox .amount{font-size:46px}}

/* Dealer accounts: portal account bar, login, dashboard, profile */
.muted{color:var(--muted)}
.acctBar{display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap;margin:-8px 0 14px;font-weight:800;font-size:14px}
.acctBar a{color:var(--gold2);text-decoration:none;border:1px solid var(--line);background:#fdf9f6;border-radius:999px;padding:8px 14px}
.acctBar a:hover{background:var(--gold);color:#fff;border-color:var(--gold)}
.acctBar .hi{display:inline-flex;align-items:center;gap:8px;color:#5a3a22}
.avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid var(--gold);background:#fdf9f6;display:inline-flex;align-items:center;justify-content:center;font-weight:900;color:var(--gold2);font-size:26px;flex:none}
.avatar.sm{width:30px;height:30px;border-width:2px;font-size:14px}
.avatar.xl{width:120px;height:120px;font-size:46px}
.dnav{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:-6px 0 18px}
.dnav .dwho{display:flex;align-items:center;gap:10px;font-weight:900;color:#5a3a22}
.dnav nav{display:flex;gap:6px;flex-wrap:wrap}
.dnav nav a{text-decoration:none;font-weight:900;color:var(--gold2);padding:9px 14px;border-radius:12px;border:1px solid var(--line);background:#fff;font-size:14px}
.dnav nav a.on,.dnav nav a:hover{background:var(--gold);color:#fff;border-color:var(--gold)}
.loginCard{max-width:480px;margin:10px auto}
.codeInput{font-size:30px!important;letter-spacing:14px;text-align:center;font-weight:900;max-width:220px}
.dashTop{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;align-items:center}
.dwhoBig{display:flex;gap:14px;align-items:center}
.dwhoBig .dname{font-size:22px;font-weight:900;color:var(--gold2)}
.stats{display:flex;gap:12px;flex-wrap:wrap}
.stat{background:#222;color:#fff;border:3px solid var(--gold);border-radius:18px;padding:12px 18px;text-align:center;min-width:130px}
.stat .v{font-size:26px;font-weight:900}.stat .l{color:var(--copper-light);font-size:12px;font-weight:900;letter-spacing:.4px}
.tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:3px solid var(--gold);margin-bottom:14px}
.tabs a{text-decoration:none;font-weight:900;color:var(--gold2);padding:11px 16px;border-radius:12px 12px 0 0;background:#fdf9f6;border:1px solid var(--line);border-bottom:0}
.tabs a.on{background:var(--gold);color:#fff;border-color:var(--gold)}
.tabs .cnt{display:inline-block;min-width:22px;padding:1px 7px;border-radius:999px;background:rgba(0,0,0,.12);font-size:12px;margin-left:4px}
table.dtable{min-width:640px}
td.num,th.num{text-align:right;white-space:nowrap}
.sbadge{display:inline-block;padding:4px 10px;border-radius:999px;font-weight:900;font-size:12px;white-space:nowrap}
.sbadge.wait{background:#f6e7dc;color:#7a4523}.sbadge.ok{background:#ecfdf3;color:#14532d}.sbadge.bad{background:#fef3f2;color:#991b1b}.sbadge.info{background:#e6f1f6;color:#156082}.sbadge.warn{background:#fff1e6;color:#9a3412}
.ibtn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:#e5e7eb;color:#222}
.ibtn:hover{background:var(--gold);color:#fff}.ibtn svg{width:18px;height:18px}
.verifyBox{display:none;margin-top:14px;border:2px solid var(--gold);background:#fdf9f6;border-radius:16px;padding:16px}
.verifyBox .vrow{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.verifyBox .codeInput{margin:0}
.linkBtn{background:none;border:0;padding:6px 4px;color:var(--gold2);text-decoration:underline;font-weight:800;cursor:pointer;font-size:14px}
input[readonly]{background:#f6f1ec;color:#5a3a22}

html{-webkit-text-size-adjust:100%;} body{min-width:0;overflow-x:hidden;} button,input,select,textarea{touch-action:manipulation;}
@media(max-width:600px){
  .wrap{padding:8px!important;max-width:100%!important}.hero{padding:10px!important;border-radius:14px!important}.header{grid-template-columns:64px 1fr!important;gap:10px!important}.logo{width:60px!important}.header h1{font-size:22px!important;line-height:1.08!important}.sub{font-size:12px!important}.card{padding:14px!important;border-radius:16px!important}.gridTop,.row,.row3{display:block!important}.row>div,.row3>div{width:100%!important}.priceBox{min-height:150px!important;padding:18px 12px!important}.priceBox .amount{font-size:48px!important}.windowCard{padding:14px!important;border-radius:16px!important}.windowTop{gap:8px}.windowTitle{font-size:20px!important}.windowTop .red{padding:10px 12px!important}input,select,textarea{font-size:16px!important;min-height:48px!important}textarea{min-height:86px!important}.actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.actions button{width:100%!important;min-height:54px!important;font-size:17px!important}.tableWrap{-webkit-overflow-scrolling:touch}.reviewBox{overflow:hidden}.totalBar .amount{font-size:36px!important}
}