/* SkylaCloud CapConnect-inspired clean admin/customer theme */
:root{
  --sky-navy:#2f4e75;
  --sky-navy-dark:#203954;
  --sky-blue:#1f7ae0;
  --sky-blue-soft:#eef6ff;
  --sky-green:#16a34a;
  --sky-orange:#f59e0b;
  --sky-red:#dc2626;
  --sky-bg:#f5f7fb;
  --sky-card:#ffffff;
  --sky-border:#d9e1ec;
  --sky-text:#172b4d;
  --sky-muted:#6b7b91;
  --sky-radius:12px;
  --sky-shadow:0 8px 24px rgba(32,57,84,.08);
}
*{box-sizing:border-box}
body{margin:0;background:var(--sky-bg)!important;color:var(--sky-text)!important;font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;font-size:14px;line-height:1.45}
a{text-decoration:none!important;color:inherit}.muted,small{color:var(--sky-muted)}
/* Backoffice */
.admin-shell{display:flex!important;min-height:100vh;background:var(--sky-bg);direction:ltr!important;overflow-x:hidden}.admin-shell *{direction:ltr!important}
.client-sidebar{position:fixed!important;left:0!important;right:auto!important;top:0;bottom:0;width:278px!important;background:var(--sky-navy-dark)!important;color:#fff!important;border-radius:0!important;padding:0!important;z-index:50;box-shadow:10px 0 30px rgba(32,57,84,.12);overflow-y:auto;transform:none!important}
.client-sidebar h2{height:78px;display:flex;align-items:center;margin:0;padding:0 24px;border-bottom:1px solid rgba(255,255,255,.12);font-size:22px!important;font-weight:800;letter-spacing:.2px;background:#fff;color:var(--sky-navy-dark)}
.client-sidebar a{display:flex!important;align-items:center;gap:12px;margin:0!important;padding:15px 22px!important;color:#dbeafe!important;font-weight:700!important;border-left:4px solid transparent;border-radius:0!important;transition:.18s ease;background:transparent!important;white-space:nowrap}
.client-sidebar a:before{content:"";width:7px;height:7px;border-radius:50%;background:#9fb3ca;flex:0 0 auto}.client-sidebar a:hover{background:rgba(255,255,255,.08)!important;color:#fff!important}.client-sidebar a.active{background:#17385f!important;color:#fff!important;border-left-color:var(--sky-blue)}.client-sidebar a.active:before{background:#fff}
.client-main{margin-left:278px!important;width:calc(100% - 278px)!important;max-width:none!important;padding:28px!important;background:var(--sky-bg)!important;min-height:100vh;overflow:visible!important}.mobile-admin-bar{display:none!important}
.client-top,.portal-top{background:#fff!important;border:1px solid var(--sky-border)!important;border-radius:var(--sky-radius)!important;box-shadow:var(--sky-shadow)!important;padding:22px 24px!important;margin-bottom:20px!important;display:flex!important;justify-content:space-between;align-items:center;gap:18px}.client-top span,.portal-top span,.panel-head span{color:#0062cc!important;text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:.08em}.client-top h1,.portal-top h1{margin:4px 0!important;font-size:28px!important;font-weight:800!important;color:var(--sky-text)!important}.client-top p,.portal-top p{margin:0!important;color:var(--sky-muted)!important}
.admin-card,.portal-panel{background:#fff!important;border:1px solid var(--sky-border)!important;border-radius:var(--sky-radius)!important;box-shadow:var(--sky-shadow)!important;padding:20px!important;margin:0 0 20px!important;overflow:hidden}.admin-card h2,.portal-panel h2{font-size:20px!important;margin:0 0 12px!important;color:var(--sky-text)!important}.panel-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--sky-border);padding-bottom:14px;margin-bottom:16px;gap:12px}.panel-head h2{margin:3px 0 0!important}.panel-head em{background:#edf4ff;color:#49637f;border-radius:999px;padding:8px 12px;font-style:normal;font-weight:800;font-size:12px;white-space:nowrap}.status-cards,.portal-cards{display:grid!important;grid-template-columns:repeat(5,minmax(150px,1fr))!important;gap:14px!important;margin:0 0 20px!important}.status-cards article,.portal-cards article,.billing-cards article{background:#fff!important;border:1px solid var(--sky-border)!important;border-top:4px solid var(--sky-blue)!important;border-radius:12px!important;padding:16px!important;box-shadow:var(--sky-shadow)!important;min-height:96px}.status-cards span,.portal-cards span,.billing-cards span{display:block;color:var(--sky-muted);font-weight:800;text-transform:uppercase;font-size:11px;letter-spacing:.04em}.status-cards strong,.portal-cards strong,.billing-cards b{display:block;margin-top:8px;color:var(--sky-blue);font-size:24px;line-height:1.1}.process-grid,.alert-grid,.module-grid,.billing-cards{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:14px}.process-step,.module-tile,.alert-tile{border:1px solid var(--sky-border)!important;border-radius:12px!important;background:#fff!important;padding:16px!important;box-shadow:none!important}.process-step b,.module-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px;background:#e7f2ff;color:#0969da;font-weight:900;margin-bottom:10px}.process-step h3,.module-tile h3{font-size:16px;margin:4px 0;color:var(--sky-text)}.alert-tile strong{font-size:28px;color:var(--sky-blue);display:block}.alert-tile.danger strong{color:var(--sky-red)}.alert-tile.warning strong{color:var(--sky-orange)}.alert-tile.success strong{color:var(--sky-green)}
.admin-table-wrap,.portal-table-wrap{overflow:auto;border:1px solid var(--sky-border);border-radius:12px;background:#fff}.admin-table,.portal-table{width:100%;border-collapse:separate!important;border-spacing:0!important;background:#fff}.admin-table th,.portal-table th{background:#f1f5f9!important;color:#334155!important;text-transform:uppercase;font-size:12px;font-weight:900;padding:13px!important;border-bottom:1px solid var(--sky-border)!important;white-space:nowrap}.admin-table td,.portal-table td{padding:14px!important;border-bottom:1px solid #e9eef5!important;vertical-align:top;color:#1f304d}.admin-table tr:last-child td,.portal-table tr:last-child td{border-bottom:0!important}.admin-table tr:hover,.portal-table tr:hover{background:#fbfdff!important}.badge{display:inline-flex!important;align-items:center;min-height:24px;padding:4px 10px!important;border-radius:999px!important;background:#e9eef6!important;color:#42546d!important;font-weight:800!important;font-size:12px!important}.badge-ok{background:#e8f8ee!important;color:#12813b!important}.badge-wait,.badge-info{background:#fff5df!important;color:#a16207!important}.badge-danger{background:#fee2e2!important;color:#b91c1c!important}
.action-row,.admin-actions,.user-actions{display:flex!important;align-items:center;gap:8px!important;flex-wrap:wrap}.primary,button.primary,.outline,button.outline,.small,.btn-view,.btn-edit,.btn-delete,.btn-download,.portal-table a,.admin-table a{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;min-height:36px;border-radius:8px!important;padding:8px 12px!important;font-weight:800!important;border:1px solid var(--sky-border)!important;background:#fff!important;color:var(--sky-navy)!important;line-height:1!important;box-shadow:none!important;cursor:pointer}.primary,button.primary{background:var(--sky-blue)!important;border-color:var(--sky-blue)!important;color:#fff!important}.outline:hover,.portal-table a:hover,.admin-table a:hover{background:var(--sky-blue-soft)!important;border-color:#9dccff!important}.danger,.btn-delete{border-color:#fecaca!important;color:#b91c1c!important;background:#fff!important}.btn-view{color:#0b63ce!important}.btn-edit{color:#8a5a00!important}.btn-download{color:#0f766e!important}.is-disabled{opacity:.55;pointer-events:none}
.admin-edit-grid,.portal-form{display:grid!important;grid-template-columns:repeat(2,minmax(180px,1fr));gap:14px!important}.admin-edit-grid.compact{grid-template-columns:repeat(3,minmax(150px,1fr))}.admin-edit-grid label,.portal-form label{font-weight:800;color:#2b3f5b;font-size:13px}.admin-edit-grid input,.admin-edit-grid select,.admin-edit-grid textarea,.portal-form input,.portal-form select,.portal-form textarea{width:100%;border:1px solid #cfd9e6!important;border-radius:8px!important;padding:10px 12px!important;margin-top:6px!important;background:#fff!important;color:#172b4d!important;min-height:42px}.admin-edit-grid input:focus,.admin-edit-grid select:focus,.admin-edit-grid textarea:focus,.portal-form input:focus,.portal-form select:focus,.portal-form textarea:focus,.rich-editor:focus{outline:0!important;border-color:#2684ff!important;box-shadow:0 0 0 3px rgba(38,132,255,.15)!important}.span-2{grid-column:1/-1}.checkline{display:flex!important;align-items:center;gap:8px}.checkline input{width:auto!important;min-height:auto!important;margin:0!important}.alert-ok,.alert-error{border-radius:10px;padding:12px 14px;font-weight:800;margin:0 0 16px}.alert-ok{background:#e8f8ee;color:#12813b;border:1px solid #bbf7d0}.alert-error{background:#fee2e2;color:#b91c1c;border:1px solid #fecaca}
.page-section{display:none!important}.page-section.active{display:block!important}#dashboard.page-section.active{display:grid!important}.proof-thumb{max-width:90px;max-height:70px;border-radius:8px;border:1px solid var(--sky-border)}
.ticket-editor-toolbar{display:flex;gap:6px;padding:8px;background:#f1f5f9;border:1px solid #cfd9e6;border-bottom:0;border-radius:10px 10px 0 0}.ticket-editor-toolbar button{min-width:34px;height:32px;border:1px solid #c7d2e1;background:#fff;border-radius:6px;color:#172b4d;font-weight:800}.rich-editor{min-height:160px;border:1px solid #cfd9e6!important;border-radius:0 0 10px 10px;background:#fff;padding:14px;color:#172b4d}.ticket-thread{display:grid;gap:8px}.ticket-reply{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:10px}.ticket-reply small{display:block;margin-top:6px}.attachments-list{display:grid;gap:6px}
/* Portal: CapConnect-inspired horizontal menu */
.portal-shell{display:block!important;background:#fff!important;min-height:100vh}.portal-sidebar{position:sticky!important;top:0!important;z-index:40;width:100%!important;min-height:0!important;background:#fff!important;border:0!important;border-radius:0!important;box-shadow:0 1px 0 var(--sky-border)!important;color:var(--sky-text)!important;padding:0!important}.portal-sidebar h2{height:58px;display:inline-flex;align-items:center;margin:0!important;padding:0 26px!important;color:#1e63c7!important;background:#fff!important;font-size:28px!important;font-weight:900!important;letter-spacing:.4px}.portal-sidebar h2:after{content:" Web Solutions";font-size:12px;color:#5c6b7d;margin-left:8px;font-weight:500;align-self:flex-end;margin-bottom:12px}.portal-sidebar>p{display:inline-flex;margin:0 0 0 12px;color:#5c6b7d;font-weight:800}.portal-sidebar nav{display:flex!important;align-items:center;gap:0;background:var(--sky-navy)!important;padding-left:24px;min-height:42px;overflow-x:auto}.portal-sidebar nav a{display:flex!important;align-items:center;height:42px;padding:0 18px!important;color:#fff!important;font-weight:800!important;border-radius:0!important;border:0!important;white-space:nowrap;background:transparent!important}.portal-sidebar nav a:hover,.portal-sidebar nav a.active{background:#163b62!important;color:#fff!important}.portal-sidebar nav a:before{display:none}.portal-logout{position:absolute;right:24px;top:12px;background:var(--sky-navy)!important;color:#fff!important;border-radius:6px;padding:10px 16px!important;font-weight:800!important}.portal-main{max-width:1180px!important;margin:0 auto!important;padding:30px 24px!important;background:#fff!important}.portal-top{box-shadow:none!important;border:0!important;border-bottom:1px solid var(--sky-border)!important;border-radius:0!important;margin-bottom:18px!important;padding:0 0 20px!important}.portal-grid{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr)!important;gap:20px!important}.portal-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.portal-steps article{border:1px solid #a8d7ff;border-radius:8px;padding:14px;background:#f8fcff;display:flex;align-items:center;gap:12px;font-weight:800}.portal-steps b{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#2aa7df;color:#fff}.payment-methods{display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));gap:14px}.pay-option{width:100%;min-height:80px;border:1px solid var(--sky-border);border-radius:12px;background:#fff;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:16px;color:var(--sky-text);font-weight:800}.manual-pay{border:1px solid var(--sky-border);border-radius:12px;padding:12px;background:#fbfdff}.manual-pay input{width:100%;margin-top:8px;border:1px solid #cfd9e6;border-radius:8px;padding:9px}
.support-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:14px;margin-bottom:16px}.support-choice{border:1px solid var(--sky-border);border-left:4px solid var(--sky-blue);border-radius:10px;padding:16px;background:#fff;display:flex;gap:14px;align-items:center}.support-choice .icon{width:46px;height:46px;border-radius:10px;background:#edf6ff;color:#0b63ce;display:grid;place-items:center;font-weight:900}.support-choice strong{display:block;color:var(--sky-text);font-size:16px}.support-choice span{color:var(--sky-muted)}
@media(max-width:1100px){.status-cards,.portal-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}.process-grid,.alert-grid,.module-grid,.billing-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-grid{grid-template-columns:1fr!important}}
@media(max-width:820px){body{font-size:13px}.admin-shell{display:block!important}.client-sidebar{transform:translateX(-105%)!important;transition:.2s;width:285px!important}.client-sidebar.open{transform:translateX(0)!important}.client-main{margin-left:0!important;width:100%!important;padding:16px!important}.mobile-admin-bar{display:flex!important;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--sky-border);border-radius:10px;padding:10px 12px;margin-bottom:12px;box-shadow:var(--sky-shadow)}.mobile-admin-bar button{background:var(--sky-blue);color:#fff;border:0;border-radius:8px;padding:10px 12px;font-weight:800}.client-top,.portal-top{flex-direction:column;align-items:flex-start!important}.client-top h1,.portal-top h1{font-size:24px!important}.status-cards,.portal-cards,.process-grid,.alert-grid,.module-grid,.billing-cards,.portal-steps,.payment-methods,.support-choice-grid{grid-template-columns:1fr!important}.admin-edit-grid,.admin-edit-grid.compact,.portal-form{grid-template-columns:1fr!important}.panel-head{align-items:flex-start;flex-direction:column}.portal-sidebar h2{display:flex;height:56px;font-size:24px!important;padding-left:16px!important}.portal-sidebar>p{display:none}.portal-logout{right:12px;top:10px;padding:8px 12px!important}.portal-sidebar nav{padding-left:0;min-height:46px}.portal-sidebar nav a{height:46px;padding:0 14px!important}.portal-main{padding:18px 14px!important}.admin-table th,.admin-table td,.portal-table th,.portal-table td{padding:10px!important;white-space:nowrap}.rich-editor{min-height:140px}}