:root{--bg:#0f1115;--panel:#171a1f;--panel2:#1d2127;--line:#2b3038;--text:#f5f6f8;--muted:#9da5b1;--gold:#cda552;--good:#34c759;--bad:#ff453a}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text)}
a{color:inherit}.portal-wrap{max-width:1180px;margin:auto;padding:18px}.portal-top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0 20px}.portal-brand{display:flex;align-items:center;gap:14px}.portal-brand img{width:118px;background:#fff;border-radius:12px;padding:8px}.portal-brand b{font-size:18px}.portal-brand small{display:block;color:var(--muted);margin-top:3px}
.portal-actions{display:flex;gap:8px;flex-wrap:wrap}.btn{appearance:none;border:1px solid var(--line);background:var(--panel2);color:#fff;border-radius:11px;padding:10px 14px;text-decoration:none;font-weight:700;cursor:pointer}.btn.gold{background:var(--gold);color:#111;border-color:var(--gold)}.btn.danger{border-color:#6d2925;color:#ffb4ae}.btn.small{padding:7px 10px;font-size:12px}
.portal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px}.card h2,.card h3{margin:0 0 12px}.kpi span{font-size:11px;color:var(--muted);display:block}.kpi b{font-size:24px;margin-top:6px;display:block}.muted{color:var(--muted)}
.section{margin-top:16px}.two{display:grid;grid-template-columns:1.3fr .7fr;gap:14px}.table-card{overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:16px;margin-top:14px}table{width:100%;border-collapse:collapse;min-width:700px}th,td{padding:11px 12px;border-bottom:1px solid var(--line);text-align:left;font-size:13px}th{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.badge{display:inline-block;border:1px solid var(--line);background:var(--panel2);border-radius:999px;padding:4px 8px;font-size:11px}.badge.good{color:#a9f2be;border-color:#275f3c}.badge.warn{color:#f4d28a;border-color:#66552a}
label{display:block;color:var(--muted);font-size:12px;margin:9px 0}input,select,textarea{width:100%;background:#111419;color:#fff;border:1px solid var(--line);border-radius:10px;padding:10px;margin-top:5px}textarea{min-height:90px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.span2{grid-column:1/-1}
.progress{height:8px;background:#252a31;border-radius:99px;overflow:hidden;margin-top:8px}.progress i{display:block;height:100%;background:var(--gold);border-radius:99px}.project-card{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.project-card h3{margin:0}.project-card small{color:var(--muted)}.notice{border:1px solid #5f512b;background:#211d14;color:#ecd08a;padding:12px 14px;border-radius:12px;margin-bottom:14px}
.login-body{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(430px,100%);background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:24px}.login-card img{display:block;width:160px;margin:0 auto 18px;background:#fff;padding:10px;border-radius:14px}.login-card h1{text-align:center;margin:8px}.login-card p{text-align:center;color:var(--muted)}.alert{padding:10px 12px;border-radius:10px;margin:10px 0;background:#3a1715;color:#ffc0bb}
@media(max-width:800px){.portal-grid{grid-template-columns:repeat(2,1fr)}.two{grid-template-columns:1fr}.portal-top{align-items:flex-start}.portal-brand img{width:100px}.form-grid{grid-template-columns:1fr}.span2{grid-column:auto}}

.conversation{display:grid;gap:10px}.message{max-width:78%;padding:12px 14px;border-radius:14px;background:var(--panel);border:1px solid var(--line)}.message.customer{justify-self:start;border-top-left-radius:5px}.message.internal{justify-self:end;background:#231f16;border-color:#5e4c24;border-top-right-radius:5px}.message-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.message-head small{color:var(--muted)}.message p{margin:8px 0 0;line-height:1.5}.notice{border:1px solid #5f512b;background:#211d14;color:#ecd08a;padding:12px 14px;border-radius:12px;margin-bottom:14px}
@media(max-width:700px){.message{max-width:94%}}

/* ATEXA Portal UI v7.2 */
body{background:radial-gradient(circle at 85% 0%,rgba(205,165,82,.08),transparent 24%),var(--bg)}
.portal-wrap{max-width:1440px;padding:24px clamp(16px,3vw,42px) 50px}
.portal-top{padding:10px 0 22px}.portal-brand img{width:108px}.portal-brand b{font-size:20px}
.card{border-radius:18px;padding:18px;box-shadow:0 12px 34px rgba(0,0,0,.08)}
.portal-grid{gap:14px}.kpi b{font-size:27px}
.project-card{padding:18px}.project-card h3{font-size:16px}
.table-card{border-radius:18px}th,td{padding:12px 13px}
.btn{border-radius:12px;padding:10px 15px}
.login-card{border-radius:22px;padding:28px}
@media(max-width:800px){.portal-wrap{padding:14px 12px 32px}.portal-grid{grid-template-columns:1fr 1fr}.portal-top{align-items:center}}


/* =========================================================
   ATEXA CUSTOMER PORTAL v8.0
   Premium project cockpit — scoped under body.portal-v8
   ========================================================= */
body.portal-v8{
  --cp8-bg:#f4f2ed;
  --cp8-surface:#ffffff;
  --cp8-surface-2:#faf9f6;
  --cp8-ink:#17191c;
  --cp8-muted:#777c82;
  --cp8-line:#e4e1d9;
  --cp8-gold:#b99139;
  --cp8-gold-dark:#9d772f;
  --cp8-gold-soft:#f4eddd;
  --cp8-good:#24784a;
  --cp8-good-soft:#e8f5ed;
  --cp8-warn:#916511;
  --cp8-warn-soft:#fff4d8;
  --cp8-bad:#a7372e;
  --cp8-bad-soft:#fdeceb;
  margin:0;
  min-height:100vh;
  background:
    radial-gradient(circle at 91% -7%,rgba(185,145,57,.10),transparent 27rem),
    var(--cp8-bg);
  color:var(--cp8-ink);
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
.portal-v8 a{text-decoration:none}
.cp8-shell{width:min(1480px,100%);margin:0 auto;padding:0 clamp(18px,3vw,48px) 42px}
.cp8-topbar{
  min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:20px;
  border-bottom:1px solid rgba(23,25,28,.08)
}
.cp8-brand,.cp8-userbar,.cp8-user{display:flex;align-items:center}
.cp8-brand{gap:15px}.cp8-brand img{width:114px;height:42px;object-fit:contain;background:#fff;border:1px solid var(--cp8-line);border-radius:11px;padding:6px}
.cp8-divider{width:1px;height:34px;background:var(--cp8-line)}
.cp8-brand b,.cp8-user b{display:block}.cp8-brand b{font-size:16px}.cp8-brand small,.cp8-user small{display:block;margin-top:2px;color:var(--cp8-muted);font-size:11px}
.cp8-userbar{gap:11px}.cp8-user{gap:9px}.cp8-avatar{display:grid;width:36px;height:36px;place-items:center;border-radius:11px;background:linear-gradient(145deg,#d8bd85,#a47d34);color:#19150e;font-weight:900}
.cp8-icon-btn{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--cp8-line);border-radius:11px;background:var(--cp8-surface);color:var(--cp8-muted);font-weight:900}
.cp8-icon-btn:hover{color:var(--cp8-ink);border-color:#cfc9bb}
.cp8-notice{margin:16px 0 0;padding:13px 15px;border:1px solid rgba(185,145,57,.3);border-radius:13px;background:#fff8e9;color:#71541d;font-size:13px;font-weight:700}
.cp8-welcome{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:44px 0 26px}
.cp8-eyebrow{display:block;margin-bottom:8px;color:var(--cp8-gold-dark);font-size:10px;line-height:1.2;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.cp8-welcome h1{margin:0;font-size:clamp(30px,4vw,48px);line-height:1.02;letter-spacing:-.045em}.cp8-welcome p{max-width:720px;margin:12px 0 0;color:var(--cp8-muted);font-size:15px;line-height:1.65}
.cp8-welcome-actions{display:flex;gap:9px;flex-wrap:wrap}
.cp8-btn{display:inline-flex;min-height:45px;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:1px solid transparent;border-radius:11px;font:inherit;font-size:12px;font-weight:850;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}
.cp8-btn:hover{transform:translateY(-1px)}.cp8-btn-dark{background:#181a1d;color:#fff;border-color:#181a1d}.cp8-btn-light{background:#fff;color:#25272a;border-color:var(--cp8-line)}.cp8-btn-gold{width:100%;background:var(--cp8-gold);color:#fff;border-color:var(--cp8-gold);box-shadow:0 8px 24px rgba(185,145,57,.17)}
.cp8-focus{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,.55fr);gap:14px;margin-bottom:14px}
.cp8-focus-main,.cp8-next-card,.cp8-panel,.cp8-section{background:var(--cp8-surface);border:1px solid var(--cp8-line);border-radius:20px;box-shadow:0 12px 34px rgba(24,25,27,.045)}
.cp8-focus-main{padding:24px}.cp8-focus-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.cp8-focus-head h2{margin:0;font-size:22px;line-height:1.2;letter-spacing:-.035em}.cp8-focus-head p{display:flex;flex-wrap:wrap;gap:7px;margin:7px 0 0;color:var(--cp8-muted);font-size:12px}
.cp8-progress-number{text-align:right}.cp8-progress-number strong{display:block;font-size:30px;letter-spacing:-.05em}.cp8-progress-number span{display:block;margin-top:2px;color:var(--cp8-muted);font-size:10px}
.cp8-progress{height:8px;margin-top:20px;overflow:hidden;border-radius:999px;background:#ece9e2}.cp8-progress>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#a77e31,#d5b66d)}
.cp8-focus-foot{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid var(--cp8-line)}.cp8-focus-foot span{min-width:0}.cp8-focus-foot b,.cp8-project-meta small{display:block;margin-bottom:3px;color:var(--cp8-muted);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.cp8-focus-foot span{font-size:12px;font-weight:750}
.cp8-next-card{padding:22px;background:#1a1c1f;color:#fff;border-color:#1a1c1f}.cp8-next-card .cp8-eyebrow{color:#d8b66d}.cp8-next-item{padding:13px 0;border-top:1px solid rgba(255,255,255,.09)}.cp8-next-item:first-of-type{border-top:0}.cp8-next-item small,.cp8-next-item span{display:block;color:rgba(255,255,255,.58);font-size:10px}.cp8-next-item b{display:block;margin:5px 0 4px;font-size:18px;letter-spacing:-.02em}
.cp8-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:14px 0 22px}.cp8-kpis article{display:flex;gap:12px;align-items:flex-start;padding:17px;border:1px solid var(--cp8-line);border-radius:17px;background:rgba(255,255,255,.82);box-shadow:0 8px 24px rgba(24,25,27,.035)}.cp8-kpi-icon{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;border-radius:11px;background:var(--cp8-gold-soft);color:var(--cp8-gold-dark);font-weight:900}.cp8-kpis small{display:block;color:var(--cp8-muted);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.cp8-kpis b{display:block;margin:2px 0 1px;font-size:22px;letter-spacing:-.04em}.cp8-kpis p{margin:0;color:var(--cp8-muted);font-size:10px;line-height:1.35}
.cp8-main-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.58fr);gap:16px;align-items:start}.cp8-main{display:grid;gap:16px}.cp8-side{display:grid;gap:16px;position:sticky;top:16px}
.cp8-section,.cp8-panel{padding:22px}.cp8-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}.cp8-section-head h2,.cp8-panel h2{margin:0;font-size:20px;letter-spacing:-.03em}.cp8-section-head-compact{margin-bottom:10px}.cp8-section-count{padding:5px 8px;border-radius:999px;background:var(--cp8-surface-2);color:var(--cp8-muted);font-size:10px;font-weight:800}.cp8-text-link{color:var(--cp8-gold-dark);font-size:11px;font-weight:850}
.cp8-project-list{display:grid;gap:10px}.cp8-project{padding:18px;border:1px solid var(--cp8-line);border-radius:16px;background:var(--cp8-surface-2)}.cp8-project-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.cp8-project-code{margin-bottom:4px;color:var(--cp8-gold-dark);font-size:9px;font-weight:900;letter-spacing:.08em}.cp8-project h3{margin:0;font-size:15px}.cp8-project p{margin:4px 0 0;color:var(--cp8-muted);font-size:10px}.cp8-project-progress-head{display:flex;justify-content:space-between;margin-top:15px;color:var(--cp8-muted);font-size:10px}.cp8-project-progress-head b{color:var(--cp8-ink);font-size:12px}.cp8-project .cp8-progress{margin-top:7px;height:6px}.cp8-project-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:13px}.cp8-project-meta b{font-size:11px}
.cp8-badge{display:inline-flex;align-items:center;justify-content:center;max-width:100%;padding:5px 8px;border:1px solid var(--cp8-line);border-radius:999px;background:#f1f1ef;color:#666b70;font-size:9px;font-weight:850;white-space:nowrap}.cp8-badge.is-good{border-color:#cae7d5;background:var(--cp8-good-soft);color:var(--cp8-good)}.cp8-badge.is-warn{border-color:#ecdcae;background:var(--cp8-warn-soft);color:var(--cp8-warn)}.cp8-badge.is-bad{border-color:#f1c9c5;background:var(--cp8-bad-soft);color:var(--cp8-bad)}
.cp8-doc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cp8-doc{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;padding:14px;border:1px solid var(--cp8-line);border-radius:15px;background:var(--cp8-surface-2)}.cp8-doc-icon{display:grid;width:44px;height:44px;place-items:center;border-radius:11px;background:#1b1d20;color:#fff;font-size:9px;font-weight:900}.cp8-doc-copy{min-width:0}.cp8-doc-copy small{display:block;color:var(--cp8-gold-dark);font-size:9px;font-weight:850}.cp8-doc-copy h3{margin:3px 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.cp8-doc-copy p{margin:0;color:var(--cp8-muted);font-size:9px}.cp8-doc-actions{grid-column:1/-1;display:flex;gap:7px;padding-top:9px;border-top:1px solid var(--cp8-line)}.cp8-doc-actions a{padding:5px 8px;border-radius:7px;background:#fff;color:#4b5056;font-size:9px;font-weight:800}.cp8-doc-actions a:first-child{background:var(--cp8-gold-soft);color:var(--cp8-gold-dark)}
.cp8-payment-list,.cp8-request-list{display:grid;gap:7px}.cp8-payment{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(110px,.6fr) minmax(120px,.7fr) auto;gap:14px;align-items:center;padding:13px 14px;border:1px solid var(--cp8-line);border-radius:13px;background:var(--cp8-surface-2)}.cp8-payment small{display:block;color:var(--cp8-muted);font-size:9px}.cp8-payment h3{margin:2px 0 0;font-size:11px}.cp8-payment b{font-size:11px}
.cp8-request-row{display:grid;grid-template-columns:minmax(0,1fr) auto 28px;gap:14px;align-items:center;padding:13px 14px;border:1px solid var(--cp8-line);border-radius:13px;background:var(--cp8-surface-2);color:inherit;transition:.15s}.cp8-request-row:hover{border-color:#cfc9bb;background:#fff}.cp8-request-row small{display:block;color:var(--cp8-gold-dark);font-size:9px;font-weight:800}.cp8-request-row h3{margin:3px 0 2px;font-size:12px}.cp8-request-row p{margin:0;color:var(--cp8-muted);font-size:9px}.cp8-row-arrow{color:#aaa;font-size:16px}
.cp8-empty{display:grid;gap:4px;place-items:start;padding:24px;border:1px dashed #d9d4c8;border-radius:14px;background:#fbfaf7;color:var(--cp8-muted)}.cp8-empty b{color:#41454a;font-size:12px}.cp8-empty span{font-size:10px}.cp8-empty-small{padding:15px}
.cp8-request-panel{background:linear-gradient(180deg,#fff,#fbfaf7)}.cp8-request-panel>p{margin:6px 0 15px;color:var(--cp8-muted);font-size:11px;line-height:1.55}.cp8-panel form{display:grid;gap:10px}.cp8-panel label{margin:0;color:#555a60;font-size:10px;font-weight:800}.cp8-panel input,.cp8-panel select,.cp8-panel textarea{width:100%;margin-top:5px;padding:10px 11px;border:1px solid var(--cp8-line);border-radius:10px;background:#fff;color:var(--cp8-ink);font:inherit;font-size:11px;outline:none}.cp8-panel textarea{min-height:88px;resize:vertical}.cp8-panel input:focus,.cp8-panel select:focus,.cp8-panel textarea:focus{border-color:rgba(185,145,57,.7);box-shadow:0 0 0 3px rgba(185,145,57,.09)}
.cp8-activity{display:grid}.cp8-activity-row{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;padding:11px 0;border-top:1px solid var(--cp8-line)}.cp8-activity-row:first-child{border-top:0}.cp8-activity-icon{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:var(--cp8-gold-soft);color:var(--cp8-gold-dark);font-weight:900}.cp8-activity-row b,.cp8-activity-row span,.cp8-activity-row small{display:block}.cp8-activity-row b{font-size:10px}.cp8-activity-row span{margin-top:2px;color:#5f646a;font-size:9px;line-height:1.4}.cp8-activity-row small{margin-top:3px;color:#999da1;font-size:8px}
.cp8-security{padding:0;overflow:hidden}.cp8-security summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 19px;cursor:pointer;list-style:none}.cp8-security summary::-webkit-details-marker{display:none}.cp8-security summary small,.cp8-security summary b{display:block}.cp8-security summary small{color:var(--cp8-gold-dark);font-size:8px;font-weight:900;letter-spacing:.1em}.cp8-security summary b{margin-top:3px;font-size:11px}.cp8-security summary i{font-style:normal;color:var(--cp8-muted)}.cp8-security[open] form{padding:0 19px 19px}.cp8-security[open] summary{border-bottom:1px solid var(--cp8-line);margin-bottom:16px}
.cp8-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;padding:18px 2px;color:#8e9195;font-size:9px;border-top:1px solid rgba(23,25,28,.08)}
@media(max-width:1120px){.cp8-kpis{grid-template-columns:repeat(3,1fr)}.cp8-main-grid{grid-template-columns:1fr}.cp8-side{position:static;grid-template-columns:repeat(2,1fr)}.cp8-side>.cp8-request-panel{grid-row:span 2}.cp8-focus{grid-template-columns:1fr}}
@media(max-width:760px){.cp8-shell{padding:0 12px 28px}.cp8-topbar{min-height:70px}.cp8-brand img{width:92px}.cp8-divider,.cp8-user div{display:none}.cp8-welcome{display:grid;padding:28px 2px 18px}.cp8-welcome h1{font-size:30px}.cp8-welcome-actions{display:grid;grid-template-columns:1fr 1fr}.cp8-focus-main,.cp8-next-card,.cp8-panel,.cp8-section{border-radius:16px}.cp8-focus-head{display:grid}.cp8-progress-number{text-align:left}.cp8-focus-foot{grid-template-columns:1fr 1fr}.cp8-kpis{grid-template-columns:1fr 1fr}.cp8-kpis article:last-child{grid-column:1/-1}.cp8-main-grid{display:block}.cp8-main{gap:12px}.cp8-side{display:grid;grid-template-columns:1fr;margin-top:12px}.cp8-section,.cp8-panel{padding:16px}.cp8-doc-grid{grid-template-columns:1fr}.cp8-payment{grid-template-columns:1fr 1fr}.cp8-payment>div:first-child{grid-column:1/-1}.cp8-payment .cp8-badge{justify-self:start}.cp8-request-row{grid-template-columns:1fr auto}.cp8-row-arrow{display:none}.cp8-footer{display:grid;text-align:center;justify-items:center}}
@media(max-width:470px){.cp8-welcome-actions{grid-template-columns:1fr}.cp8-kpis{grid-template-columns:1fr}.cp8-kpis article:last-child{grid-column:auto}.cp8-focus-foot{grid-template-columns:1fr}.cp8-payment{grid-template-columns:1fr}.cp8-request-row{grid-template-columns:1fr}.cp8-request-row .cp8-badge{justify-self:start}}



/* Customer portal request thread */
.portal-v8 .cp8-request-hero{padding-bottom:18px}.portal-v8 .cp8-request-hero h1{font-size:clamp(26px,4vw,42px)}
.portal-v8 .cp8-request-summary{margin-bottom:14px}.portal-v8 .cp8-request-summary p{margin:0;color:#555b61;font-size:12px;line-height:1.65}
.portal-v8 .cp8-conversation{display:grid;gap:10px;max-width:920px;margin:0 auto 16px}.portal-v8 .cp8-message{max-width:78%;padding:15px 16px;border:1px solid var(--cp8-line);border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(24,25,27,.035)}.portal-v8 .cp8-message.is-customer{justify-self:end;border-bottom-right-radius:5px;background:#1b1d20;color:#fff;border-color:#1b1d20}.portal-v8 .cp8-message.is-atexa{justify-self:start;border-bottom-left-radius:5px}.portal-v8 .cp8-message-head{display:flex;justify-content:space-between;gap:18px;align-items:center}.portal-v8 .cp8-message-head b{font-size:10px}.portal-v8 .cp8-message-head small{font-size:8px;color:#92969b}.portal-v8 .cp8-message.is-customer .cp8-message-head small{color:rgba(255,255,255,.5)}.portal-v8 .cp8-message p{margin:7px 0 0;font-size:12px;line-height:1.65}.portal-v8 .cp8-reply{max-width:920px;margin:0 auto 30px}.portal-v8 .cp8-reply h2{margin-bottom:14px}
@media(max-width:700px){.portal-v8 .cp8-message{max-width:92%}}