:root{
  --navy:#0f1728;
  --navy-2:#111c31;
  --ink:#111827;
  --muted:#6b7280;
  --line:#e5e7eb;
  --bg:#f4f6fb;
  --card:#ffffff;
  --blue:#4f6fff;
  --green:#16a34a;
  --amber:#b45309;
  --red:#dc2626;
  --shadow:0 16px 40px rgba(15,23,42,.08);
  --radius:16px;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}
a{color:inherit;text-decoration:none}.muted{color:var(--muted)}
.login-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top left,rgba(79,111,255,.25),transparent 28%),radial-gradient(circle at bottom right,rgba(37,99,235,.18),transparent 30%),#071226;color:white;padding:24px}.login-card{width:min(420px,100%);background:rgba(15,23,42,.78);border:1px solid rgba(255,255,255,.08);box-shadow:0 28px 90px rgba(0,0,0,.35);border-radius:22px;padding:28px;backdrop-filter:blur(10px)}.login-card h1{margin:10px 0 8px;font-size:30px;letter-spacing:-.04em}.login-card p{margin:0 0 24px;color:#b8c0d0}.badge{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(79,111,255,.16);color:#b7c4ff;font-size:12px;text-transform:uppercase;letter-spacing:.09em;font-weight:800}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;font-weight:700;font-size:13px}.form-group input{width:100%;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.07);padding:14px 15px;color:white;outline:none}.form-group input:focus{border-color:#7890ff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:12px 16px;font-weight:800;cursor:pointer;background:var(--blue);color:white;box-shadow:0 10px 22px rgba(79,111,255,.24)}.btn:hover{filter:brightness(1.03)}.btn-light{background:#eef2ff;color:#3046b0;box-shadow:none}.btn-small{padding:8px 11px;border-radius:10px;font-size:12px}.btn-outline{background:white;color:#1f2937;border:1px solid var(--line);box-shadow:none}.full{width:100%}.error{background:rgba(220,38,38,.15);border:1px solid rgba(248,113,113,.35);color:#fecaca;padding:12px;border-radius:12px;margin-bottom:16px}.login-note{font-size:12px;color:#8d98aa;text-align:center;margin-top:14px}
.app-shell{display:flex;min-height:100vh}.sidebar{width:238px;background:#0b1222;color:#dbe4ff;position:fixed;inset:0 auto 0 0;padding:22px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}.brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#1d2b48;color:white;font-weight:900}.brand strong{display:block;color:white;font-size:15px}.brand span{display:block;color:#8ea0bf;font-size:12px;margin-top:2px}.side-nav{display:grid;gap:6px}.side-nav a,.sidebar-foot a{display:block;padding:11px 12px;border-radius:10px;color:#c8d2e7;font-weight:700;font-size:14px}.side-nav a:hover,.side-nav a.active{background:#17233b;color:white}.sidebar-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.08);padding-top:14px}.main{width:100%;margin-left:238px;padding:34px 38px 60px}.content{max-width:1120px;margin:0 auto}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:22px}.kicker{margin:0 0 4px;color:#5d6cff;text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:900}.page-header h1{margin:0;font-size:34px;letter-spacing:-.055em;line-height:1.02}.page-intro{margin:8px 0 0;color:var(--muted)}.header-pill{background:white;border:1px solid var(--line);border-radius:999px;padding:8px 12px;color:var(--muted);font-size:12px;font-weight:800}.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--card);border:1px solid rgba(15,23,42,.06);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.card h2,.card h3{margin:0 0 14px;letter-spacing:-.03em}.stat{min-height:116px}.stat-label{text-transform:uppercase;letter-spacing:.08em;font-size:11px;color:var(--muted);font-weight:900}.stat-value{font-size:30px;font-weight:900;letter-spacing:-.05em;margin:8px 0 4px}.stat-note{font-size:13px;color:var(--muted)}.hero-card{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,#ffffff,#f7f8ff)}.actions{display:flex;gap:10px;flex-wrap:wrap}.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quick-tile{border:1px solid var(--line);border-radius:12px;padding:14px;background:#fafbff}.quick-tile strong{display:block;margin-bottom:3px}.quick-tile span{color:var(--muted);font-size:13px}.table-card{padding:0;overflow:hidden}.card-title-row{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:15px 20px;border-bottom:1px solid var(--line);white-space:nowrap}th{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:900;background:#fbfcff}td{font-size:14px}.empty{padding:48px 20px;text-align:center}.empty strong{display:block;margin-bottom:6px}.status{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:900}.status.active,.status.paid,.status.open{background:#dcfce7;color:#166534}.status.warning,.status.pending{background:#fef3c7;color:#92400e}.status.closed{background:#e5e7eb;color:#374151}.status.progress{background:#dbeafe;color:#1d4ed8}
.status.picked-up{background:#ede9fe;color:#5b21b6}.status.overdue{background:#fee2e2;color:#991b1b}.progressbar{height:8px;border-radius:999px;background:#eef2f7;overflow:hidden;min-width:120px}.progressbar span{display:block;height:100%;background:#4f6fff;border-radius:999px}.service-list{display:grid;gap:10px}.service-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}.service-row:last-child{border-bottom:0}.service-row small{display:block;color:var(--muted);margin-top:3px}.footer-note{margin-top:24px;color:var(--muted);font-size:13px;text-align:center}
@media(max-width:860px){.sidebar{position:static;width:100%;height:auto}.app-shell{display:block}.main{margin-left:0;padding:22px}.side-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.page-header,.hero-card{display:block}.actions{margin-top:16px}.quick-grid{grid-template-columns:1fr}}
.light-form .form-group input,.light-form .form-group select,.light-form .form-group textarea,.light-form select,.light-form input,.light-form textarea, table input, table select{width:100%;border:1px solid var(--line);border-radius:12px;background:#fff;padding:12px 13px;color:var(--ink);outline:none;font:inherit}.light-form textarea{resize:vertical}.light-form .form-group input:focus,.light-form .form-group select:focus,.light-form .form-group textarea:focus{border-color:#8da0ff;box-shadow:0 0 0 4px rgba(79,111,255,.09)}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-grid{display:grid;gap:14px}.check-row{display:flex;align-items:center;gap:8px;margin:0 0 16px;color:var(--muted);font-weight:700}.check-row input{width:auto}.notice{padding:12px 14px;border-radius:12px;margin-bottom:14px}.error-light{background:#fff1f2;color:#9f1239;border:1px solid #fecdd3}.admin-panels{align-items:start;margin-top:18px}.small-stat{font-size:18px;letter-spacing:-.02em;word-break:break-word}.client-form{max-width:760px}.wrap-cell{white-space:normal;line-height:1.55}.thread-card{margin-top:18px}.thread-item{border:1px solid var(--line);background:#fbfcff;border-radius:14px;padding:14px;margin-bottom:12px}.thread-item.admin{background:#f5f7ff;border-color:#dfe6ff}.thread-item strong{display:block}.thread-item span{display:block;color:var(--muted);font-size:12px;margin-top:3px}.thread-item p{margin:10px 0 0;color:#374151;line-height:1.55}.reply-form{margin-top:18px;border-top:1px solid var(--line);padding-top:18px}
@media(max-width:860px){.form-row{grid-template-columns:1fr}}

/* Phase 2 admin client view tidy-up */
.admin-client-page{max-width:1180px}.admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:-4px 0 18px}.admin-toolbar-note{font-size:13px;color:var(--muted);font-weight:700}.admin-summary-cards{margin-bottom:22px}.compact-stat{min-height:104px;padding:18px}.admin-section-title{display:flex;align-items:flex-end;justify-content:space-between;margin:8px 0 14px}.admin-section-title h2{margin:0;font-size:22px;letter-spacing:-.04em}.admin-section-title p{margin:5px 0 0;color:var(--muted)}.clean-admin-panels{gap:18px;align-items:stretch}.admin-form-card{padding:0;overflow:hidden}.form-card-head{display:flex;gap:13px;align-items:flex-start;padding:18px 20px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#ffffff,#f8f9ff)}.form-card-head span{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:#eef2ff;color:#3146b9;font-weight:900;font-size:12px;flex:0 0 auto}.form-card-head h3{margin:0 0 3px;font-size:17px}.form-card-head p{margin:0;color:var(--muted);font-size:13px;line-height:1.35}.stacked-form{padding:18px 20px 20px}.light-form .form-group{margin-bottom:13px}.light-form .form-group label{font-size:12px;color:#374151;margin-bottom:7px}.light-form input,.light-form select,.light-form textarea,.ticket-admin-table input,.ticket-admin-table select{min-height:42px;border-color:#d9deea;background:#fff}.light-form input::placeholder,.light-form textarea::placeholder,.ticket-admin-table input::placeholder{color:#a1a9b8}.form-actions{display:flex;justify-content:flex-end;margin-top:4px}.admin-data-card{margin-top:18px}.admin-data-card .card-title-row{align-items:flex-start}.admin-data-card .card-title-row h3{margin:0 0 4px}.admin-data-card .card-title-row p{margin:0;color:var(--muted);font-size:13px}.empty-table-cell{text-align:center;color:var(--muted);padding:28px!important}.ticket-admin-table th:nth-child(5),.ticket-admin-table td:nth-child(5){min-width:220px}.ticket-admin-table th,.ticket-admin-table td{vertical-align:middle}.ticket-admin-table input,.ticket-admin-table select{padding:9px 11px;border-radius:10px}.admin-shell .sidebar{width:210px}.admin-shell .main{margin-left:210px}.admin-shell .content{max-width:1180px}
@media(max-width:980px){.clean-admin-panels,.admin-summary-cards{grid-template-columns:1fr}.admin-toolbar{display:block}.admin-toolbar-note{display:block;margin-top:10px}.admin-shell .sidebar{width:100%;position:static}.admin-shell .main{margin-left:0}.form-row{grid-template-columns:1fr}}

/* Phase 2.1 - tighten Quick Add spacing */
.admin-client-page{max-width:1040px}
.admin-summary-cards{margin-bottom:16px}
.admin-section-title{margin:2px 0 10px}
.clean-admin-panels{gap:12px;align-items:start}
.admin-form-card{border-radius:14px}
.form-card-head{padding:13px 15px;gap:10px}
.form-card-head span{width:26px;height:26px;border-radius:8px;font-size:11px}
.form-card-head h3{font-size:15px;margin-bottom:1px}
.form-card-head p{font-size:12px;line-height:1.25}
.stacked-form{padding:14px 15px 15px}
.light-form .form-group{margin-bottom:10px}
.form-row{gap:10px}
.check-row{margin-bottom:10px;font-size:12px}
.form-actions{margin-top:0}
.light-form input,.light-form select,.light-form textarea,.ticket-admin-table input,.ticket-admin-table select{min-height:38px;padding:9px 10px;border-radius:10px;font-size:13px}
.light-form .form-group label{font-size:11px;margin-bottom:5px}
.light-form textarea{min-height:74px}
.admin-data-card{margin-top:14px}

@media(min-width:1120px){
  .admin-client-page .clean-admin-panels.grid-2{grid-template-columns:repeat(4,minmax(0,1fr))}
  .admin-client-page{max-width:1260px}
  .admin-client-page .form-row{grid-template-columns:1fr}
}

/* Phase 2.2 - Quick Add cache-safe compact styling */
.admin-client-page .clean-admin-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start!important}
.admin-client-page .admin-form-card{align-self:start!important;min-height:0!important;padding:0!important}
.admin-client-page .light-form input:not([type=checkbox]),.admin-client-page .light-form select,.admin-client-page .light-form textarea{border:1px solid #d9deea!important;background:#fff!important;color:#111827!important;box-shadow:none!important}
@media(min-width:1480px){.admin-client-page .clean-admin-panels.grid-2{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-client-page{max-width:1260px}.admin-client-page .form-row{grid-template-columns:1fr}}

/* Phase 2.3 - Quick Add equal height cards */
.admin-client-page .clean-admin-panels{
  align-items:stretch!important;
}
.admin-client-page .admin-form-card{
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
}
.admin-client-page .admin-form-card .stacked-form{
  flex:1 1 auto!important;
  display:flex!important;
  flex-direction:column!important;
}
.admin-client-page .admin-form-card .form-actions{
  margin-top:auto!important;
}

/* Phase 3 polish */
.notice.success-light{background:#ecfdf5;border:1px solid #bbf7d0;color:#166534;border-radius:14px;padding:12px 14px;margin:0 0 16px;font-weight:700}
.client-profile-card{margin:0 0 18px}
.profile-edit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end}
.profile-edit-grid .form-group{margin:0!important}
.profile-edit-grid .profile-active{align-self:center;margin:0!important;padding-top:20px}
.profile-edit-grid .form-actions{margin:0!important;justify-content:flex-start!important}
.table-action-col{width:90px;text-align:right}
td .btn-danger-outline{border-color:#fecaca!important;color:#b91c1c!important;background:#fff!important;box-shadow:none!important}
td .btn-danger-outline:hover{background:#fef2f2!important}
.detail-card h3{margin:0 0 14px}
.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.detail-grid>div{background:#f8fafc;border:1px solid #eef2f7;border-radius:14px;padding:14px}
.detail-grid span{display:block;color:#64748b;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}
.detail-grid strong{font-size:16px;color:#0f172a;word-break:break-word}.detail-note{margin:16px 0}.progressbar.wide{margin-top:8px;height:10px}
@media(max-width:980px){.profile-edit-grid,.detail-grid{grid-template-columns:1fr}.table-action-col{width:auto}}


/* Stage 3 hotfix: Add Client form polish */
.admin-add-client-page{max-width:920px}.admin-add-card{padding:0;overflow:hidden}.admin-add-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 24px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#fff,#f8f9ff)}.admin-add-card-head h2{margin:0 0 5px;font-size:22px;letter-spacing:-.035em}.admin-add-card-head p{margin:0;color:var(--muted);line-height:1.45}.admin-add-form{padding:24px}.admin-add-form .form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.admin-add-form .form-group{margin:0 0 18px}.admin-add-form label{display:block;margin:0 0 8px;font-size:13px;font-weight:800;color:#111827}.admin-add-form input{width:100%!important;min-height:46px!important;border:1px solid #d9deea!important;border-radius:13px!important;background:#fff!important;color:#111827!important;padding:12px 14px!important;outline:none!important;font:inherit!important;box-shadow:none!important}.admin-add-form input::placeholder{color:#9ca3af!important}.admin-add-form input:focus{border-color:#6b7cff!important;box-shadow:0 0 0 4px rgba(79,111,255,.1)!important}.admin-add-actions{display:flex;align-items:center;gap:12px;margin-top:6px}.admin-add-help{font-size:13px;color:var(--muted);line-height:1.5}.admin-add-card .notice{margin:0 0 18px}@media(max-width:800px){.admin-add-form .form-row{grid-template-columns:1fr}.admin-add-card-head{display:block}.admin-add-form{padding:18px}}

/* Phase 4 - account page and admin password reset */
.account-page{max-width:1040px}.account-summary-row{margin-bottom:18px}.account-panels{align-items:start}.account-card{padding:0;overflow:hidden}.account-card-head{padding:20px 22px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#fff,#f8f9ff)}.account-card-head h3{margin:0 0 5px;font-size:20px}.account-card-head p{margin:0;color:var(--muted);line-height:1.45}.account-form{padding:22px}.account-form .form-actions{justify-content:flex-start;margin-top:8px}.account-form input{color:var(--ink)!important;background:#fff!important;border:1px solid #d9deea!important}.admin-profile-split{display:grid;grid-template-columns:1fr 300px;gap:16px;padding:18px 20px 20px}.admin-profile-split .profile-edit-grid{padding:0}.password-reset-card{border:1px solid #e7eaf3;border-radius:14px;background:#fbfcff;padding:14px}.password-reset-card h4{margin:0 0 5px;font-size:15px}.password-reset-card p{margin:0 0 12px;color:var(--muted);font-size:12px;line-height:1.45}.password-reset-card .form-group{margin-bottom:10px!important}.password-reset-card input{background:#fff!important;color:#111827!important}.password-reset-card .btn-outline{width:100%}
@media(max-width:980px){.admin-profile-split{grid-template-columns:1fr}.account-panels{grid-template-columns:1fr}.account-form .form-row{grid-template-columns:1fr}}

/* Phase 4 polish - softer client profile + password reset */
.admin-client-page .admin-toolbar{margin-bottom:20px}
.admin-client-page .admin-toolbar-note{font-size:12px;color:#687187;background:#fff;border:1px solid #e5e9f3;border-radius:999px;padding:8px 12px;box-shadow:0 8px 20px rgba(15,23,42,.04)}
.client-profile-card{margin-bottom:24px!important}
.client-profile-card .card-title-row{padding:20px 26px;background:linear-gradient(135deg,#ffffff,#fbfcff)}
.client-profile-card .card-title-row h3{font-size:21px}
.admin-profile-split{grid-template-columns:1fr 320px!important;gap:18px!important;padding:18px 20px 22px!important}
.profile-edit-grid{gap:14px!important}
.active-login-pill{display:flex!important;align-items:center!important;gap:10px!important;min-height:46px!important;border:1px solid #e5e9f3!important;border-radius:14px!important;background:#fbfcff!important;padding:10px 12px!important;color:#111827!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.active-login-pill input{width:16px!important;height:16px!important;min-height:0!important;accent-color:#4f6fff}
.active-login-pill strong{display:block;font-size:13px;line-height:1.1}
.active-login-pill small{display:block;margin-top:2px;color:#7a8496;font-size:11px;font-weight:700}
.password-reset-card{position:relative;border:1px solid #e8ecf5!important;background:linear-gradient(135deg,#ffffff,#f8faff)!important;border-radius:18px!important;padding:17px!important;box-shadow:0 16px 40px rgba(15,23,42,.06)!important}
.password-reset-card .security-badge{display:inline-flex;align-items:center;border-radius:999px;background:#eef2ff;color:#3146b9;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;padding:5px 8px;margin-bottom:10px}
.password-reset-card h4{font-size:16px!important;margin-bottom:6px!important}
.password-reset-card p{font-size:12px!important;line-height:1.5!important;margin-bottom:14px!important}
.password-reset-card input{border-radius:12px!important}
.password-reset-card .btn-outline{border-color:#dbe1ee!important;background:#fff!important;color:#111827!important;box-shadow:none!important}
.password-reset-card .btn-outline:hover{background:#f8faff!important;border-color:#cdd5e5!important}
.admin-summary-cards{margin-top:10px!important}
@media(max-width:980px){.admin-profile-split{grid-template-columns:1fr!important}.admin-client-page .admin-toolbar-note{display:inline-flex;margin-top:10px}}

/* Phase 5 - client notes */
.client-notes-grid{margin:0 0 20px;align-items:stretch}
.admin-note-card{padding:0;overflow:hidden}
.note-card-head{display:flex;gap:12px;align-items:flex-start;padding:18px 20px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#ffffff,#f8faff)}
.note-card-head span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:28px;border-radius:999px;background:#eef2ff;color:#3146b9;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.note-card-head h3{margin:0 0 4px;font-size:18px;letter-spacing:-.035em}
.note-card-head p{margin:0;color:var(--muted);font-size:13px;line-height:1.4}
.note-form{padding:18px 20px 20px}
.note-form textarea{min-height:108px!important}
.visible-note-toggle{border:1px dashed #cfd7ea;border-radius:13px;background:#fbfcff;padding:10px 12px;margin-bottom:14px!important;color:#334155!important}
.notes-list{padding:16px 20px 20px;display:grid;gap:12px;max-height:420px;overflow:auto}
.note-item{border:1px solid #e7ebf4;border-radius:14px;background:#fff;padding:14px}
.note-item.client-visible{border-color:#bfdbfe;background:#f8fbff}
.note-item.internal-only{border-color:#e5e7eb;background:#fbfcff}
.note-item-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.note-item-top strong{font-size:14px;line-height:1.25}
.note-item-top span{display:inline-flex;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:900;background:#f1f5f9;color:#475569;white-space:nowrap}
.note-item.client-visible .note-item-top span{background:#dbeafe;color:#1d4ed8}
.note-item p{margin:10px 0;color:#475569;line-height:1.55;font-size:13px}
.note-item-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #eef2f7;padding-top:10px}
.note-item-foot small{color:var(--muted);font-weight:700}
.client-message-card{padding:0;overflow:hidden;background:linear-gradient(135deg,#ffffff,#f8faff)}
.soft-title-row{background:transparent!important}
.soft-title-row h3{margin:0 0 4px!important}
.soft-title-row p{margin:0;color:var(--muted);font-size:13px}
.client-note-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0 20px 20px}
.client-note{border:1px solid #e5eaf5;border-radius:14px;background:#fff;padding:15px;box-shadow:0 10px 24px rgba(15,23,42,.04)}
.client-note strong{display:block;margin-bottom:4px;font-size:14px}
.client-note small{display:block;color:#64748b;font-weight:800;font-size:12px;margin-bottom:10px}
.client-note p{margin:0;color:#475569;line-height:1.55;font-size:13px}
@media(max-width:980px){.client-notes-grid,.client-note-list{grid-template-columns:1fr}.note-item-top{display:block}.note-item-top span{margin-top:8px}}


/* Phase 5.1 - notes polish, cache-safe */
.admin-client-page .client-notes-grid{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:18px!important;
  margin:8px 0 26px!important;
  align-items:stretch!important;
}
.admin-client-page .admin-note-card{
  border-radius:20px!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid rgba(15,23,42,.06)!important;
  box-shadow:0 18px 42px rgba(15,23,42,.07)!important;
}
.admin-client-page .note-card-head{
  display:flex!important;
  align-items:flex-start!important;
  gap:12px!important;
  padding:19px 22px!important;
  border-bottom:1px solid #e8edf6!important;
  background:linear-gradient(135deg,#ffffff,#f8faff)!important;
}
.admin-client-page .note-card-head>span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:46px!important;
  height:28px!important;
  border-radius:999px!important;
  background:#eef2ff!important;
  color:#3146b9!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  margin:0!important;
}
.admin-client-page .note-card-head h3{
  margin:0 0 4px!important;
  font-size:18px!important;
  line-height:1.1!important;
  letter-spacing:-.035em!important;
  color:#0f172a!important;
}
.admin-client-page .note-card-head p{
  margin:0!important;
  font-size:13px!important;
  line-height:1.4!important;
  color:#64748b!important;
}
.admin-client-page .note-form{
  padding:18px 22px 22px!important;
}
.admin-client-page .note-form .form-group{margin-bottom:13px!important;}
.admin-client-page .note-form label{font-size:12px!important;color:#0f172a!important;}
.admin-client-page .note-form input,
.admin-client-page .note-form textarea{
  width:100%!important;
  border:1px solid #d9deea!important;
  border-radius:13px!important;
  background:#fff!important;
  color:#111827!important;
  padding:12px 14px!important;
  font-size:14px!important;
  box-shadow:none!important;
}
.admin-client-page .note-form textarea{min-height:116px!important;resize:vertical!important;}
.admin-client-page .visible-note-toggle{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  border:1px dashed #cdd6e8!important;
  border-radius:14px!important;
  background:#fbfcff!important;
  padding:12px 13px!important;
  margin:4px 0 16px!important;
  color:#475569!important;
  font-size:13px!important;
  font-weight:800!important;
}
.admin-client-page .visible-note-toggle input{width:16px!important;height:16px!important;accent-color:#4f6fff!important;}
.admin-client-page .notes-list{
  padding:16px 18px 18px!important;
  display:grid!important;
  gap:12px!important;
  max-height:430px!important;
  overflow:auto!important;
}
.admin-client-page .note-item{
  border:1px solid #e6ebf5!important;
  border-radius:16px!important;
  background:#fff!important;
  padding:14px 15px!important;
}
.admin-client-page .note-item.client-visible{background:#f8fbff!important;border-color:#bfdbfe!important;}
.admin-client-page .note-item.internal-only{background:#fcfcfd!important;}
.admin-client-page .note-item-top{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
}
.admin-client-page .note-item-top strong{
  display:block!important;
  font-size:15px!important;
  line-height:1.25!important;
  color:#0f172a!important;
  letter-spacing:-.015em!important;
}
.admin-client-page .note-item-top span{
  display:inline-flex!important;
  align-items:center!important;
  white-space:nowrap!important;
  border-radius:999px!important;
  padding:6px 9px!important;
  background:#f1f5f9!important;
  color:#475569!important;
  font-size:10px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.05em!important;
}
.admin-client-page .note-item.client-visible .note-item-top span{background:#dbeafe!important;color:#1d4ed8!important;}
.admin-client-page .note-item p{
  margin:10px 0 0!important;
  color:#475569!important;
  font-size:13px!important;
  line-height:1.55!important;
}
.admin-client-page .note-item-foot{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin-top:12px!important;
  padding-top:12px!important;
  border-top:1px solid #eef2f7!important;
}
.admin-client-page .note-item-foot small{font-size:12px!important;color:#64748b!important;font-weight:800!important;}
.admin-client-page .note-item-foot .btn-danger-outline{
  background:#fff!important;
  color:#b91c1c!important;
  border:1px solid #fecaca!important;
  box-shadow:none!important;
}
.client-message-card{
  padding:0!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,#ffffff,#f8faff)!important;
  border-radius:20px!important;
}
.client-message-card .soft-title-row{
  padding:22px 24px!important;
  border-bottom:1px solid #e8edf6!important;
  background:transparent!important;
}
.client-message-card .soft-title-row h3{margin:0 0 5px!important;font-size:20px!important;letter-spacing:-.035em!important;}
.client-message-card .soft-title-row p{margin:0!important;color:#64748b!important;font-size:13px!important;}
.client-note-list{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  padding:18px 24px 24px!important;
}
.client-note{
  border:1px solid #e5eaf5!important;
  border-radius:16px!important;
  background:#fff!important;
  padding:16px!important;
  box-shadow:0 10px 26px rgba(15,23,42,.045)!important;
}
.client-note strong{display:block!important;font-size:15px!important;line-height:1.25!important;color:#0f172a!important;margin:0 0 6px!important;}
.client-note small{display:block!important;color:#64748b!important;font-size:12px!important;font-weight:800!important;margin:0 0 10px!important;}
.client-note p{margin:0!important;color:#475569!important;font-size:13px!important;line-height:1.55!important;}
@media(max-width:980px){
  .admin-client-page .client-notes-grid,.client-note-list{grid-template-columns:1fr!important;}
  .admin-client-page .note-item-top{display:block!important;}
  .admin-client-page .note-item-top span{margin-top:8px!important;}
}

/* Phase 5.2 - support ticket polish */
.support-compose-page,
.ticket-detail-page{
  max-width:1180px!important;
}
.support-compose-card{
  display:grid!important;
  grid-template-columns:320px minmax(0,1fr)!important;
  gap:0!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid rgba(15,23,42,.06)!important;
  border-radius:22px!important;
  box-shadow:0 22px 54px rgba(15,23,42,.075)!important;
}
.compose-intro{
  padding:28px!important;
  background:linear-gradient(145deg,#ffffff,#f7f9ff)!important;
  border-right:1px solid #e8edf6!important;
}
.compose-badge{
  display:inline-flex!important;
  align-items:center!important;
  border-radius:999px!important;
  padding:6px 9px!important;
  background:#eef2ff!important;
  color:#3146b9!important;
  font-size:10px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  margin-bottom:12px!important;
}
.compose-intro h2{
  margin:0 0 8px!important;
  font-size:24px!important;
  line-height:1.05!important;
  letter-spacing:-.045em!important;
}
.compose-intro p{
  margin:0!important;
  color:#64748b!important;
  font-size:14px!important;
  line-height:1.55!important;
}
.compose-form{
  padding:28px!important;
}
.compose-form .form-group{
  margin-bottom:16px!important;
}
.compose-form .form-row{
  gap:14px!important;
}
.compose-form label,
.reply-form-clean label{
  display:block!important;
  margin:0 0 7px!important;
  color:#0f172a!important;
  font-size:12px!important;
  font-weight:900!important;
}
.compose-form input,
.compose-form select,
.compose-form textarea,
.reply-form-clean textarea{
  width:100%!important;
  border:1px solid #d9deea!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#0f172a!important;
  padding:13px 14px!important;
  font:inherit!important;
  outline:none!important;
  box-shadow:none!important;
}
.compose-form textarea,
.reply-form-clean textarea{
  min-height:150px!important;
  resize:vertical!important;
}
.compose-form input:focus,
.compose-form select:focus,
.compose-form textarea:focus,
.reply-form-clean textarea:focus{
  border-color:#6b7cff!important;
  box-shadow:0 0 0 4px rgba(79,111,255,.1)!important;
}
.compose-actions{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding-top:4px!important;
}
.ticket-hero{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  padding:24px 26px!important;
  margin-bottom:16px!important;
  background:linear-gradient(135deg,#ffffff,#f8faff)!important;
  border-radius:22px!important;
}
.ticket-hero h2{
  margin:0 0 5px!important;
  font-size:28px!important;
  line-height:1.05!important;
  letter-spacing:-.05em!important;
  color:#0f172a!important;
}
.ticket-hero p{
  margin:0!important;
  color:#64748b!important;
  font-size:13px!important;
}
.ticket-hero-actions{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
}
.ticket-meta-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  margin-bottom:16px!important;
}
.ticket-mini-card{
  background:#fff!important;
  border:1px solid rgba(15,23,42,.06)!important;
  border-radius:18px!important;
  box-shadow:0 14px 34px rgba(15,23,42,.055)!important;
  padding:16px 18px!important;
}
.ticket-mini-card span{
  display:block!important;
  color:#64748b!important;
  font-size:11px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.07em!important;
  margin-bottom:6px!important;
}
.ticket-mini-card strong{
  display:block!important;
  color:#0f172a!important;
  font-size:15px!important;
  line-height:1.25!important;
}
.ticket-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 340px!important;
  gap:16px!important;
  align-items:start!important;
}
.ticket-thread-panel,
.ticket-reply-panel{
  border-radius:22px!important;
  padding:0!important;
  overflow:hidden!important;
}
.thread-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:14px!important;
  padding:20px 22px!important;
  border-bottom:1px solid #e8edf6!important;
  background:linear-gradient(135deg,#ffffff,#f8faff)!important;
}
.thread-head h3,
.ticket-reply-panel h3{
  margin:0 0 5px!important;
  font-size:20px!important;
  letter-spacing:-.035em!important;
  color:#0f172a!important;
}
.thread-head p,
.ticket-reply-panel p{
  margin:0!important;
  color:#64748b!important;
  font-size:13px!important;
  line-height:1.45!important;
}
.ticket-timeline{
  padding:20px 22px 22px!important;
  display:grid!important;
  gap:14px!important;
}
.ticket-message{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:start!important;
}
.ticket-avatar{
  width:38px!important;
  height:38px!important;
  border-radius:14px!important;
  display:grid!important;
  place-items:center!important;
  background:#eef2ff!important;
  color:#3146b9!important;
  font-weight:900!important;
  box-shadow:inset 0 0 0 1px rgba(79,111,255,.08)!important;
}
.ticket-message.admin .ticket-avatar{
  background:#e9fbe8!important;
  color:#166534!important;
}
.ticket-bubble{
  border:1px solid #e7ebf4!important;
  border-radius:18px!important;
  background:#fff!important;
  padding:14px 16px!important;
}
.ticket-message.admin .ticket-bubble{
  background:#f8fbff!important;
  border-color:#dbeafe!important;
}
.ticket-message-top{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-bottom:8px!important;
}
.ticket-message-top strong{
  display:block!important;
  color:#0f172a!important;
  font-size:14px!important;
  line-height:1.25!important;
}
.ticket-message-top span{
  display:block!important;
  color:#64748b!important;
  font-size:12px!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
.ticket-bubble p{
  margin:0!important;
  color:#334155!important;
  font-size:14px!important;
  line-height:1.6!important;
  white-space:normal!important;
}
.ticket-reply-panel{
  padding:20px!important;
  position:sticky!important;
  top:24px!important;
}
.reply-form-clean{
  margin-top:16px!important;
}
.reply-form-clean .form-group{
  margin-bottom:14px!important;
}
.reply-form-clean textarea{
  min-height:170px!important;
}
.ticket-detail-page .status{
  text-transform:none!important;
}
@media(max-width:1040px){
  .support-compose-card,
  .ticket-layout{
    grid-template-columns:1fr!important;
  }
  .compose-intro{
    border-right:0!important;
    border-bottom:1px solid #e8edf6!important;
  }
  .ticket-reply-panel{
    position:static!important;
  }
}
@media(max-width:760px){
  .ticket-hero{
    display:block!important;
  }
  .ticket-hero-actions{
    justify-content:flex-start!important;
    margin-top:14px!important;
  }
  .ticket-meta-grid{
    grid-template-columns:1fr!important;
  }
  .compose-form .form-row{
    grid-template-columns:1fr!important;
  }
  .ticket-message-top{
    display:block!important;
  }
  .ticket-message-top span{
    margin-top:4px!important;
  }
}

/* Phase 6 — Admin support centre */
.admin-support-page .page-head,
.admin-ticket-page .page-head{
  margin-bottom:22px!important;
}
.support-admin-stats{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:14px!important;
  margin-bottom:18px!important;
}
.support-stat-card{
  display:block!important;
  text-decoration:none!important;
  background:#fff!important;
  border:1px solid #e6ebf4!important;
  border-radius:18px!important;
  padding:18px!important;
  box-shadow:0 18px 45px rgba(15,23,42,.06)!important;
  color:#0f172a!important;
}
.support-stat-card span{
  display:block!important;
  color:#64748b!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  font-size:11px!important;
  font-weight:900!important;
  margin-bottom:8px!important;
}
.support-stat-card strong{
  display:block!important;
  font-size:28px!important;
  line-height:1!important;
}
.support-stat-card.active{
  border-color:#536dfe!important;
  box-shadow:0 20px 55px rgba(83,109,254,.14)!important;
}
.admin-support-card{
  padding:0!important;
  overflow:hidden!important;
}
.admin-support-toolbar{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  gap:18px!important;
  padding:22px 24px!important;
  border-bottom:1px solid #e8edf6!important;
}
.admin-support-toolbar h3,
.admin-support-toolbar p{
  margin:0!important;
}
.admin-support-toolbar p{
  color:#64748b!important;
  margin-top:5px!important;
}
.support-search-form{
  display:flex!important;
  gap:10px!important;
  align-items:center!important;
  min-width:420px!important;
}
.support-search-form input{
  height:42px!important;
  border:1px solid #d8e0ee!important;
  border-radius:12px!important;
  padding:0 14px!important;
  min-width:260px!important;
  color:#0f172a!important;
  background:#fff!important;
}
.support-ticket-list{
  padding:10px!important;
}
.support-ticket-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 150px auto!important;
  gap:16px!important;
  align-items:center!important;
  padding:16px!important;
  border-radius:16px!important;
  border:1px solid transparent!important;
  transition:.18s ease!important;
}
.support-ticket-row:hover{
  background:#f8fafc!important;
  border-color:#e7edf7!important;
}
.ticket-row-top{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin-bottom:8px!important;
}
.ticket-number,
.priority-chip{
  display:inline-flex!important;
  align-items:center!important;
  min-height:24px!important;
  border-radius:999px!important;
  padding:0 10px!important;
  font-size:12px!important;
  font-weight:900!important;
  background:#eef2ff!important;
  color:#4354d8!important;
}
.priority-chip{
  background:#f1f5f9!important;
  color:#475569!important;
}
.ticket-row-main h3{
  margin:0!important;
  font-size:16px!important;
  color:#0f172a!important;
}
.ticket-row-main p{
  margin:5px 0 0!important;
  color:#64748b!important;
  font-size:13px!important;
}
.ticket-row-meta{
  text-align:right!important;
  color:#475569!important;
  font-weight:800!important;
  font-size:13px!important;
}
.ticket-row-meta small{
  display:block!important;
  margin-top:6px!important;
  color:#94a3b8!important;
}
.empty-state-soft{
  margin:12px!important;
  padding:38px!important;
  text-align:center!important;
  border:1px dashed #d8e0ee!important;
  border-radius:18px!important;
  background:#f8fafc!important;
}
.empty-state-soft h3{margin:0 0 8px!important;color:#0f172a!important;}
.empty-state-soft p{margin:0!important;color:#64748b!important;}
.admin-ticket-meta{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
.admin-ticket-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 360px!important;
  gap:18px!important;
  align-items:start!important;
}
.admin-ticket-side{
  display:grid!important;
  gap:16px!important;
  position:sticky!important;
  top:24px!important;
}
.admin-ticket-action-card{
  padding:20px!important;
}
.admin-ticket-action-card h3{
  margin:0 0 6px!important;
  color:#0f172a!important;
}
.success-light{
  background:#ecfdf5!important;
  border:1px solid #bbf7d0!important;
  color:#166534!important;
}
@media(max-width:1100px){
  .support-admin-stats,
  .admin-ticket-meta{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .admin-ticket-grid{grid-template-columns:1fr!important;}
  .admin-ticket-side{position:static!important;}
}
@media(max-width:820px){
  .admin-support-toolbar{display:block!important;}
  .support-search-form{min-width:0!important;margin-top:16px!important;flex-wrap:wrap!important;}
  .support-search-form input{min-width:0!important;width:100%!important;}
  .support-ticket-row{grid-template-columns:1fr!important;}
  .ticket-row-meta{text-align:left!important;}
}

/* Phase 7 — Admin dashboard polish */
.admin-dashboard-page .page-head{
  margin-bottom:18px!important;
}
.admin-hero-panel{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:24px!important;
  padding:24px 28px!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,#ffffff 0%,#f8faff 100%)!important;
  border:1px solid #e3e9f4!important;
  box-shadow:0 22px 60px rgba(15,23,42,.08)!important;
  margin-bottom:18px!important;
}
.admin-hero-panel h2{
  margin:6px 0 6px!important;
  font-size:28px!important;
  color:#0f172a!important;
  letter-spacing:-.04em!important;
}
.admin-hero-panel p{
  margin:0!important;
  color:#64748b!important;
  font-size:15px!important;
}
.mini-kicker{
  display:inline-flex!important;
  align-items:center!important;
  padding:5px 10px!important;
  border-radius:999px!important;
  background:#eef2ff!important;
  color:#5265ff!important;
  font-size:11px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.1em!important;
}
.admin-hero-actions{
  display:flex!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
}
.phase7-stat-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:14px!important;
  margin-bottom:18px!important;
}
.admin-stat-card{
  padding:18px!important;
  border-radius:18px!important;
  background:#fff!important;
  border:1px solid #e7edf6!important;
  box-shadow:0 16px 40px rgba(15,23,42,.06)!important;
}
.admin-stat-card span{
  display:block!important;
  font-size:11px!important;
  font-weight:900!important;
  color:#64748b!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  margin-bottom:10px!important;
}
.admin-stat-card strong{
  display:block!important;
  font-size:26px!important;
  line-height:1!important;
  color:#0f172a!important;
  letter-spacing:-.04em!important;
}
.admin-stat-card small{
  display:block!important;
  margin-top:8px!important;
  color:#94a3b8!important;
  font-size:12px!important;
  font-weight:700!important;
}
.admin-stat-card.warning-soft{
  background:#fffbeb!important;
  border-color:#fde68a!important;
}
.phase7-dashboard-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:18px!important;
  margin-bottom:18px!important;
}
.phase7-panel{
  padding:0!important;
  overflow:hidden!important;
}
.clean-title-row{
  padding:20px 22px!important;
  border-bottom:1px solid #e7edf6!important;
  align-items:center!important;
}
.clean-title-row h3{
  margin:0 0 5px!important;
  font-size:18px!important;
  color:#0f172a!important;
}
.clean-title-row p{
  margin:0!important;
  color:#64748b!important;
  font-size:13px!important;
}
.mini-list{
  padding:10px!important;
}
.mini-list-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  padding:13px!important;
  border-radius:14px!important;
  color:inherit!important;
  text-decoration:none!important;
  border:1px solid transparent!important;
}
.mini-list-row:hover{
  background:#f8fafc!important;
  border-color:#e7edf6!important;
}
.mini-list-row strong{
  display:block!important;
  color:#0f172a!important;
  font-size:14px!important;
  margin-bottom:4px!important;
}
.mini-list-row span,
.mini-list-row small{
  color:#64748b!important;
  font-size:12px!important;
  font-style:normal!important;
}
.mini-list-meta{
  text-align:right!important;
  flex:0 0 auto!important;
}
.mini-list-meta em{
  display:inline-flex!important;
  margin-bottom:6px!important;
  font-style:normal!important;
}
.mini-empty{
  padding:20px!important;
  color:#64748b!important;
  background:#f8fafc!important;
  border:1px dashed #d8e0ee!important;
  border-radius:14px!important;
  text-align:center!important;
}
.phase7-clients-card{
  overflow:hidden!important;
}
@media(max-width:1180px){
  .phase7-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .phase7-dashboard-grid{grid-template-columns:1fr!important;}
}
@media(max-width:820px){
  .admin-hero-panel{display:block!important;}
  .admin-hero-actions{justify-content:flex-start!important;margin-top:16px!important;}
  .phase7-stat-grid{grid-template-columns:1fr 1fr!important;}
}
@media(max-width:560px){
  .phase7-stat-grid{grid-template-columns:1fr!important;}
  .mini-list-row{display:block!important;}
  .mini-list-meta{text-align:left!important;margin-top:10px!important;}
}

/* Phase 8 — Admin Billing Centre */
.admin-billing-page .notice{margin-bottom:16px}
.billing-hero-panel{align-items:center}
.billing-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}
.billing-stat-grid .admin-stat-card{text-decoration:none;color:inherit;transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease}
.billing-stat-grid .admin-stat-card:hover,.billing-stat-grid .admin-stat-card.active{transform:translateY(-2px);border-color:rgba(79,111,255,.35);box-shadow:0 18px 40px rgba(15,23,42,.12)}
.danger-soft{background:linear-gradient(135deg,#fff,#fff5f5)}
.phase8-billing-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}
.billing-centre-card{min-width:0}
.admin-billing-table td{vertical-align:middle}
.billing-actions{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}
.inline-status-form select{height:34px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:0 32px 0 10px;font-size:13px;font-weight:800;color:var(--ink)}
.billing-side-card{position:sticky;top:24px;padding:22px}
.billing-side-card h3{margin-top:10px;margin-bottom:8px}
.billing-side-card>p{color:var(--muted);margin:0 0 16px;line-height:1.45}
.billing-paid-list{margin-top:8px}
.billing-paid-list .mini-list-row{padding:12px 0;border-bottom:1px solid var(--line)}
.billing-paid-list .mini-list-row:last-child{border-bottom:0}
.billing-hint{margin-top:18px;padding:14px;border-radius:16px;background:#f8faff;border:1px solid var(--line)}
.billing-hint p{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.45}
.status.cancelled{background:#e5e7eb;color:#374151}
@media (max-width:1100px){.billing-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.phase8-billing-grid{grid-template-columns:1fr}.billing-side-card{position:static}}
@media (max-width:720px){.billing-stat-grid{grid-template-columns:1fr}.billing-actions{flex-direction:column;align-items:flex-start}.inline-status-form select{width:100%}}

/* Phase 8 clean-up — Admin Billing Centre tidy patch */
.admin-billing-page{
  max-width:1180px!important;
  margin:0 auto!important;
}
.admin-billing-page .page-head,
.admin-billing-page .page-header{
  margin-bottom:18px!important;
}
.billing-clean-hero{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:24px!important;
  padding:26px 28px!important;
  margin-bottom:18px!important;
  border:1px solid #e4eaf4!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,#ffffff 0%,#f8faff 100%)!important;
  box-shadow:0 22px 60px rgba(15,23,42,.08)!important;
}
.billing-clean-hero h2{
  margin:8px 0 7px!important;
  font-size:28px!important;
  line-height:1.05!important;
  letter-spacing:-.04em!important;
  color:#0f172a!important;
}
.billing-clean-hero p{
  margin:0!important;
  max-width:680px!important;
  font-size:15px!important;
  line-height:1.45!important;
  color:#64748b!important;
}
.billing-clean-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  flex:0 0 auto!important;
}
.billing-clean-stats{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  margin:0 0 18px!important;
  clear:both!important;
}
.billing-clean-stat{
  display:block!important;
  min-height:118px!important;
  padding:18px!important;
  border:1px solid #e7edf6!important;
  border-radius:20px!important;
  background:#fff!important;
  text-decoration:none!important;
  color:inherit!important;
  box-shadow:0 16px 42px rgba(15,23,42,.07)!important;
  overflow:hidden!important;
}
.billing-clean-stat:hover,
.billing-clean-stat.is-active{
  transform:translateY(-2px)!important;
  border-color:rgba(79,111,255,.38)!important;
  box-shadow:0 20px 48px rgba(15,23,42,.12)!important;
}
.billing-clean-stat.is-warning{background:linear-gradient(135deg,#fff,#fffbeb)!important;border-color:#fde68a!important;}
.billing-clean-stat.is-danger{background:linear-gradient(135deg,#fff,#fff5f5)!important;border-color:#fecaca!important;}
.billing-clean-stat span{
  display:block!important;
  margin-bottom:11px!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  color:#64748b!important;
}
.billing-clean-stat strong{
  display:block!important;
  font-size:30px!important;
  line-height:1!important;
  letter-spacing:-.05em!important;
  color:#0f172a!important;
}
.billing-clean-stat small{
  display:block!important;
  margin-top:9px!important;
  font-size:12px!important;
  font-weight:700!important;
  color:#94a3b8!important;
}
.billing-clean-card{
  padding:0!important;
  margin-bottom:18px!important;
  border:1px solid #e5ebf4!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 18px 50px rgba(15,23,42,.08)!important;
  overflow:hidden!important;
}
.billing-clean-toolbar{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:18px!important;
  padding:20px 22px!important;
  border-bottom:1px solid #e7edf6!important;
  background:linear-gradient(180deg,#fff,#fbfcff)!important;
}
.billing-clean-toolbar h3,
.billing-clean-card h3{
  margin:0 0 5px!important;
  color:#0f172a!important;
  font-size:18px!important;
  letter-spacing:-.02em!important;
}
.billing-clean-toolbar p,
.billing-clean-card.compact p{
  margin:0!important;
  color:#64748b!important;
  font-size:13px!important;
  line-height:1.45!important;
}
.billing-clean-search{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
.billing-clean-search input{
  width:280px!important;
  max-width:100%!important;
  height:38px!important;
  padding:0 14px!important;
  border:1px solid #d7dfec!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#0f172a!important;
  font-size:13px!important;
}
.billing-clean-table-wrap{
  width:100%!important;
  overflow-x:auto!important;
}
.billing-clean-table{
  width:100%!important;
  border-collapse:collapse!important;
  table-layout:auto!important;
}
.billing-clean-table th{
  padding:14px 18px!important;
  background:#f8fafc!important;
  border-bottom:1px solid #e7edf6!important;
  color:#64748b!important;
  font-size:11px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  text-align:left!important;
  white-space:nowrap!important;
}
.billing-clean-table td{
  padding:18px!important;
  border-bottom:1px solid #edf1f7!important;
  color:#0f172a!important;
  font-size:14px!important;
  vertical-align:middle!important;
}
.billing-clean-table tr:last-child td{border-bottom:0!important;}
.billing-clean-table td span:not(.status){
  display:block!important;
  margin-top:4px!important;
  color:#64748b!important;
  font-size:12px!important;
}
.billing-invoice-no strong,
.billing-amount strong{white-space:nowrap!important;}
.billing-clean-row-actions{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
.billing-clean-row-actions select{
  min-width:118px!important;
  height:38px!important;
  border:1px solid #d7dfec!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#0f172a!important;
  font-size:13px!important;
  font-weight:800!important;
  padding:0 34px 0 12px!important;
}
.billing-clean-bottom-grid{
  display:grid!important;
  grid-template-columns:1.35fr .85fr!important;
  gap:18px!important;
}
.billing-clean-card.compact{
  padding:22px!important;
}
.billing-paid-list-clean{
  margin-top:14px!important;
}
.billing-paid-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  padding:13px 0!important;
  border-bottom:1px solid #edf1f7!important;
}
.billing-paid-row:last-child{border-bottom:0!important;}
.billing-paid-row strong{color:#0f172a!important;}
.billing-paid-row span{
  display:block!important;
  margin-top:4px!important;
  color:#64748b!important;
  font-size:12px!important;
}
.billing-clean-card.soft-note{
  background:linear-gradient(135deg,#fff,#f8faff)!important;
}
.status.cancelled{background:#e5e7eb!important;color:#374151!important;}
@media(max-width:1100px){
  .billing-clean-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .billing-clean-bottom-grid{grid-template-columns:1fr!important;}
}
@media(max-width:820px){
  .billing-clean-hero,
  .billing-clean-toolbar{display:block!important;}
  .billing-clean-actions,
  .billing-clean-search{justify-content:flex-start!important;margin-top:16px!important;}
  .billing-clean-search input{width:100%!important;}
}
@media(max-width:560px){
  .billing-clean-stats{grid-template-columns:1fr!important;}
  .billing-clean-table th,
  .billing-clean-table td{padding:14px!important;}
}



/* Phase 8 final billing alignment - match Admin Dashboard / Support page */
.admin-billing-page{
  max-width:1180px!important;
  width:100%!important;
  margin:0 auto!important;
  position:static!important;
  left:auto!important;
  transform:none!important;
}
.admin-billing-page .billing-clean-hero,
.admin-billing-page .billing-clean-stats,
.admin-billing-page .billing-clean-card,
.admin-billing-page .billing-clean-bottom-grid{
  width:100%!important;
}
.admin-billing-page .page-header,
.admin-billing-page .page-head{
  max-width:1180px!important;
}

/* Phase 8 — invoice action tidy */
.billing-clean-table th:last-child,
.billing-clean-table td:last-child{
  min-width:260px!important;
}
.billing-clean-row-actions{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:nowrap!important;
  white-space:nowrap!important;
}
.billing-clean-row-actions .btn-small{
  height:34px!important;
  min-width:auto!important;
  padding:0 13px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.billing-clean-row-actions select{
  min-width:122px!important;
  height:38px!important;
  flex:0 0 auto!important;
}
@media (max-width: 900px){
  .billing-clean-row-actions{flex-wrap:wrap!important;}
  .billing-clean-table th:last-child,
  .billing-clean-table td:last-child{min-width:220px!important;}
}

/* Admin printable invoice */
.invoice-print-body{
  background:#f3f6fb!important;
  color:#0f172a!important;
  font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif!important;
}
.invoice-print-page{
  max-width:900px!important;
  margin:40px auto!important;
  padding:0 22px!important;
}
.invoice-print-actions{
  display:flex!important;
  justify-content:flex-end!important;
  gap:10px!important;
  margin-bottom:18px!important;
}
.invoice-sheet{
  background:#fff!important;
  border:1px solid #e3e9f3!important;
  border-radius:28px!important;
  box-shadow:0 24px 70px rgba(15,23,42,.10)!important;
  padding:42px!important;
}
.invoice-sheet-head{
  display:flex!important;
  justify-content:space-between!important;
  gap:24px!important;
  align-items:flex-start!important;
  padding-bottom:26px!important;
  border-bottom:1px solid #e7edf6!important;
}
.invoice-sheet-head h1{
  margin:4px 0 6px!important;
  font-size:42px!important;
  line-height:1!important;
  letter-spacing:-.05em!important;
}
.invoice-sheet-head p,
.invoice-meta-grid p,
.invoice-sheet-foot p{
  color:#64748b!important;
  margin:0!important;
}
.invoice-status-block{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  gap:12px!important;
}
.invoice-status-block strong{
  font-size:30px!important;
  letter-spacing:-.04em!important;
}
.invoice-meta-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:18px!important;
  margin:28px 0!important;
}
.invoice-meta-grid>div{
  border:1px solid #e7edf6!important;
  border-radius:18px!important;
  padding:18px!important;
  background:#fbfcff!important;
}
.invoice-meta-grid span{
  display:block!important;
  color:#64748b!important;
  font-size:11px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  margin-bottom:8px!important;
}
.invoice-meta-grid strong{
  display:block!important;
  font-size:18px!important;
  margin-bottom:8px!important;
}
.invoice-print-table{
  width:100%!important;
  border-collapse:collapse!important;
  margin-top:22px!important;
}
.invoice-print-table th,
.invoice-print-table td{
  padding:16px!important;
  border-bottom:1px solid #e7edf6!important;
  text-align:left!important;
}
.invoice-print-table th{
  background:#f8fafc!important;
  color:#64748b!important;
  font-size:11px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
}
.invoice-print-table .right{text-align:right!important;}
.invoice-print-table tfoot td{
  font-size:18px!important;
  font-weight:900!important;
  border-bottom:0!important;
}
.invoice-sheet-foot{
  display:flex!important;
  justify-content:space-between!important;
  gap:20px!important;
  margin-top:34px!important;
  padding-top:18px!important;
  border-top:1px solid #e7edf6!important;
  font-size:13px!important;
}
@media print{
  @page{margin:16mm;}
  .no-print{display:none!important;}
  .invoice-print-body{background:#fff!important;}
  .invoice-print-page{margin:0!important;max-width:none!important;padding:0!important;}
  .invoice-sheet{box-shadow:none!important;border:0!important;border-radius:0!important;padding:0!important;}
}
@media (max-width: 720px){
  .invoice-sheet{padding:26px!important;}
  .invoice-sheet-head,
  .invoice-sheet-foot{flex-direction:column!important;}
  .invoice-status-block{align-items:flex-start!important;}
  .invoice-meta-grid{grid-template-columns:1fr!important;}
}


/* Phase 8 — make Billing History fit without horizontal scroll */
.admin-billing-page .billing-clean-card{
  overflow:hidden!important;
}
.admin-billing-page .billing-clean-table-wrap{
  width:100%!important;
  overflow-x:visible!important;
}
.admin-billing-page .billing-clean-table{
  width:100%!important;
  min-width:0!important;
  table-layout:fixed!important;
}
.admin-billing-page .billing-clean-table th,
.admin-billing-page .billing-clean-table td{
  padding:22px 16px!important;
  font-size:14px!important;
  vertical-align:middle!important;
}
.admin-billing-page .billing-clean-table th:nth-child(1),
.admin-billing-page .billing-clean-table td:nth-child(1){width:12%!important;}
.admin-billing-page .billing-clean-table th:nth-child(2),
.admin-billing-page .billing-clean-table td:nth-child(2){width:17%!important;}
.admin-billing-page .billing-clean-table th:nth-child(3),
.admin-billing-page .billing-clean-table td:nth-child(3){width:10%!important;}
.admin-billing-page .billing-clean-table th:nth-child(4),
.admin-billing-page .billing-clean-table td:nth-child(4){width:25%!important;}
.admin-billing-page .billing-clean-table th:nth-child(5),
.admin-billing-page .billing-clean-table td:nth-child(5){width:9%!important;}
.admin-billing-page .billing-clean-table th:nth-child(6),
.admin-billing-page .billing-clean-table td:nth-child(6){width:9%!important;}
.admin-billing-page .billing-clean-table th:nth-child(7),
.admin-billing-page .billing-clean-table td:nth-child(7){width:18%!important; min-width:0!important;}
.admin-billing-page .billing-clean-table td:nth-child(4),
.admin-billing-page .billing-clean-table td:nth-child(2){
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.admin-billing-page .billing-clean-row-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  flex-wrap:nowrap!important;
  white-space:nowrap!important;
  max-width:100%!important;
}
.admin-billing-page .billing-clean-row-actions select{
  min-width:104px!important;
  width:104px!important;
  height:36px!important;
  font-size:13px!important;
  padding:0 26px 0 10px!important;
}
.admin-billing-page .billing-clean-row-actions .btn-small{
  height:36px!important;
  min-width:50px!important;
  padding:0 10px!important;
  font-size:13px!important;
}
.admin-billing-page .billing-clean-row-actions .btn-small[href*="invoice-print"]{
  min-width:48px!important;
}
@media (max-width:1180px){
  .admin-billing-page .billing-clean-table-wrap{overflow-x:auto!important;}
  .admin-billing-page .billing-clean-table{min-width:1040px!important;}
}


/* Phase 8 — compact invoice action menu */
.admin-billing-page .billing-clean-table th:nth-child(7),
.admin-billing-page .billing-clean-table td:nth-child(7){
  width:13%!important;
  min-width:0!important;
}
.admin-billing-page .billing-clean-table th:nth-child(4),
.admin-billing-page .billing-clean-table td:nth-child(4){width:30%!important;}
.admin-billing-page .billing-clean-table-wrap{
  overflow-x:visible!important;
}
.admin-billing-page .billing-clean-table{
  min-width:0!important;
}
.admin-billing-page .billing-clean-row-actions{
  gap:10px!important;
  position:relative!important;
}
.admin-billing-page .billing-clean-row-actions select{
  width:112px!important;
  min-width:112px!important;
}
.billing-action-menu{
  position:relative!important;
  flex:0 0 auto!important;
}
.billing-action-menu summary{
  list-style:none!important;
  width:40px!important;
  height:36px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid #d7dfec!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#0f172a!important;
  font-size:18px!important;
  font-weight:900!important;
  line-height:1!important;
  cursor:pointer!important;
  box-shadow:0 8px 20px rgba(15,23,42,.04)!important;
}
.billing-action-menu summary::-webkit-details-marker{display:none!important;}
.billing-action-menu[open] summary,
.billing-action-menu summary:hover{
  border-color:rgba(79,111,255,.55)!important;
  box-shadow:0 10px 26px rgba(79,111,255,.13)!important;
}
.billing-action-menu-panel{
  position:absolute!important;
  right:0!important;
  top:44px!important;
  z-index:30!important;
  min-width:160px!important;
  padding:8px!important;
  border:1px solid #e1e7f0!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 20px 46px rgba(15,23,42,.16)!important;
}
.billing-action-menu-panel a{
  display:block!important;
  padding:10px 11px!important;
  border-radius:10px!important;
  color:#0f172a!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:850!important;
  white-space:nowrap!important;
}
.billing-action-menu-panel a:hover{
  background:#f4f6ff!important;
  color:#4f6fff!important;
}
@media (max-width:1180px){
  .admin-billing-page .billing-clean-table-wrap{overflow-x:auto!important;}
  .admin-billing-page .billing-clean-table{min-width:920px!important;}
}

/* Phase 8 — final Billing History fit: keep status + three-dot menu inside the card */
.admin-billing-page .billing-clean-table-wrap{
  overflow-x:visible!important;
}
.admin-billing-page .billing-clean-table{
  width:100%!important;
  min-width:0!important;
  table-layout:fixed!important;
}
.admin-billing-page .billing-clean-table th,
.admin-billing-page .billing-clean-table td{
  padding:18px 12px!important;
  font-size:13px!important;
  line-height:1.25!important;
}
.admin-billing-page .billing-clean-table th:nth-child(1),
.admin-billing-page .billing-clean-table td:nth-child(1){width:12%!important;}
.admin-billing-page .billing-clean-table th:nth-child(2),
.admin-billing-page .billing-clean-table td:nth-child(2){width:16%!important;}
.admin-billing-page .billing-clean-table th:nth-child(3),
.admin-billing-page .billing-clean-table td:nth-child(3){width:10%!important;}
.admin-billing-page .billing-clean-table th:nth-child(4),
.admin-billing-page .billing-clean-table td:nth-child(4){width:32%!important;}
.admin-billing-page .billing-clean-table th:nth-child(5),
.admin-billing-page .billing-clean-table td:nth-child(5){width:8%!important;}
.admin-billing-page .billing-clean-table th:nth-child(6),
.admin-billing-page .billing-clean-table td:nth-child(6){width:7%!important;}
.admin-billing-page .billing-clean-table th:nth-child(7),
.admin-billing-page .billing-clean-table td:nth-child(7){width:15%!important;}
.admin-billing-page .billing-clean-table td:nth-child(1),
.admin-billing-page .billing-clean-table td:nth-child(2),
.admin-billing-page .billing-clean-table td:nth-child(3),
.admin-billing-page .billing-clean-table td:nth-child(4){
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.admin-billing-page .billing-clean-table td:nth-child(4){
  white-space:nowrap!important;
}
.admin-billing-page .billing-clean-table td:nth-child(2) strong,
.admin-billing-page .billing-clean-table td:nth-child(2) span{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.admin-billing-page .billing-clean-row-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:6px!important;
  flex-wrap:nowrap!important;
  white-space:nowrap!important;
  max-width:100%!important;
}
.admin-billing-page .billing-clean-row-actions select{
  width:96px!important;
  min-width:96px!important;
  height:34px!important;
  padding:0 24px 0 9px!important;
  border-radius:11px!important;
  font-size:12px!important;
}
.admin-billing-page .billing-action-menu summary{
  width:34px!important;
  height:34px!important;
  border-radius:11px!important;
  font-size:16px!important;
}
.admin-billing-page .billing-action-menu-panel{
  right:0!important;
  top:40px!important;
}
.admin-billing-page .status{
  padding:7px 10px!important;
  font-size:12px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
@media (max-width:980px){
  .admin-billing-page .billing-clean-table-wrap{overflow-x:auto!important;}
  .admin-billing-page .billing-clean-table{min-width:900px!important;}
}

/* Phase 8 final billing table fit: split status dropdown and actions */
.admin-billing-page .billing-clean-table-wrap{
  overflow-x: visible !important;
}

.admin-billing-page .billing-clean-table{
  width:100% !important;
  min-width:0 !important;
  table-layout:fixed !important;
}

.admin-billing-page .billing-clean-table th,
.admin-billing-page .billing-clean-table td{
  padding:24px 18px !important;
  vertical-align:middle !important;
}

.admin-billing-page .billing-clean-table th:nth-child(1),
.admin-billing-page .billing-clean-table td:nth-child(1){width:13% !important;}
.admin-billing-page .billing-clean-table th:nth-child(2),
.admin-billing-page .billing-clean-table td:nth-child(2){width:17% !important;}
.admin-billing-page .billing-clean-table th:nth-child(3),
.admin-billing-page .billing-clean-table td:nth-child(3){width:10% !important;}
.admin-billing-page .billing-clean-table th:nth-child(4),
.admin-billing-page .billing-clean-table td:nth-child(4){width:31% !important;}
.admin-billing-page .billing-clean-table th:nth-child(5),
.admin-billing-page .billing-clean-table td:nth-child(5){width:9% !important;}
.admin-billing-page .billing-clean-table th:nth-child(6),
.admin-billing-page .billing-clean-table td:nth-child(6){width:12% !important;}
.admin-billing-page .billing-clean-table th:nth-child(7),
.admin-billing-page .billing-clean-table td:nth-child(7){width:8% !important;}

.admin-billing-page .billing-clean-table td:nth-child(1),
.admin-billing-page .billing-clean-table td:nth-child(2),
.admin-billing-page .billing-clean-table td:nth-child(3),
.admin-billing-page .billing-clean-table td:nth-child(4){
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.admin-billing-page .billing-clean-table td:nth-child(4){white-space:nowrap !important;}
.admin-billing-page .billing-clean-table td:nth-child(2) strong,
.admin-billing-page .billing-clean-table td:nth-child(2) span{
  display:block !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

.admin-billing-page .billing-status-form{margin:0 !important;}
.admin-billing-page .billing-status-select{
  width:128px !important;
  max-width:100% !important;
  height:44px !important;
  border-radius:16px !important;
  border:1px solid #d7dfef !important;
  background:#fff !important;
  padding:0 36px 0 14px !important;
  font-size:14px !important;
  font-weight:800 !important;
  color:#111827 !important;
}
.admin-billing-page .billing-status-select.paid{background:#ecfdf3 !important;color:#25603a !important;border-color:#d7f5df !important;}
.admin-billing-page .billing-status-select.pending{background:#fff8dd !important;color:#8a5200 !important;border-color:#ffefaf !important;}
.admin-billing-page .billing-status-select.overdue{background:#fff1f2 !important;color:#9f1239 !important;border-color:#fecdd3 !important;}
.admin-billing-page .billing-status-select.cancelled{background:#f3f4f6 !important;color:#4b5563 !important;border-color:#e5e7eb !important;}

.admin-billing-page .billing-dot-only{
  justify-content:flex-start !important;
  gap:0 !important;
  min-width:0 !important;
}
.admin-billing-page .billing-dot-only .billing-action-menu summary{
  width:44px !important;
  height:44px !important;
  min-width:44px !important;
  padding:0 !important;
  display:grid !important;
  place-items:center !important;
}
.admin-billing-page .billing-action-menu-panel{
  right:0 !important;
}

@media (max-width: 1180px){
  .admin-billing-page .billing-clean-table-wrap{overflow-x:auto !important;}
  .admin-billing-page .billing-clean-table{min-width:900px !important;}
}

/* Phase 9 — Admin Hosting Centre */
.admin-services-page .services-hero-panel,
.admin-services-page .services-filter-card,
.admin-services-page .service-centre-card {
  overflow: visible;
}

.services-stat-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin-bottom: 18px !important;
}

.admin-services-page .services-stat-grid .admin-stat-card {
  min-height: 104px !important;
}

.services-two-col {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(360px, .9fr);
  gap: 22px;
  align-items: start;
  margin-top: 22px;
}

.service-centre-card .card-title-row {
  padding: 22px 24px 18px;
  border-bottom: 1px solid var(--line);
}

.service-list {
  display: grid;
  gap: 0;
}

.service-health-row,
.domain-health-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  padding: 22px 24px;
  border-bottom: 1px solid var(--line);
}

.service-health-row:last-child,
.domain-health-row:last-child {
  border-bottom: 0;
}

.service-row-top {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 5px;
}

.service-row-top strong {
  font-size: 1.02rem;
  color: var(--ink);
}

.service-health-row p,
.domain-health-row p {
  margin: 0 0 12px;
  color: var(--muted);
  line-height: 1.35;
}

.service-mini-grid,
.domain-meta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 12px;
}

.service-mini-grid span,
.domain-meta-row span {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  padding: 7px 10px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: #f8fafc;
  color: var(--muted);
  font-size: .82rem;
}

.service-mini-grid b,
.domain-meta-row b {
  color: var(--ink);
}

.disk-meter {
  width: 100%;
  height: 9px;
  overflow: hidden;
  border-radius: 999px;
  background: #eef2f7;
  margin: 4px 0 8px;
}

.disk-meter span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #3ddc97;
}

.disk-meter span.warning {
  background: #f4c84a;
}

.disk-meter span.danger {
  background: #ff6b6b;
}

.service-health-row small {
  color: var(--muted);
  font-weight: 700;
}

.services-filter-card .support-search-form select {
  min-height: 42px;
  border-radius: 14px;
  border: 1px solid #dbe3f0;
  background: #fff;
  padding: 0 14px;
  color: var(--ink);
  font-weight: 700;
}

@media (max-width: 1150px) {
  .services-stat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .services-two-col {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .services-stat-grid {
    grid-template-columns: 1fr !important;
  }
  .service-health-row,
  .domain-health-row {
    grid-template-columns: 1fr;
  }
  .service-health-row .btn,
  .domain-health-row .btn {
    width: fit-content;
  }
}


/* Phase 9 force fix — Hosting stats across */
.admin-services-page .services-stat-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:18px!important;width:100%!important;margin:0 0 22px!important;align-items:stretch!important;}
.admin-services-page .services-stat-grid>.admin-stat-card{width:auto!important;max-width:none!important;min-width:0!important;margin:0!important;min-height:112px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;}
@media(max-width:1150px){.admin-services-page .services-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:720px){.admin-services-page .services-stat-grid{grid-template-columns:1fr!important;}}

/* Phase 10 - Client-first admin layout */
.client-first-page{
  max-width:1260px!important;
}
.client-first-hero{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:22px!important;
  padding:24px 28px!important;
  margin:14px 0 18px!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,#ffffff,#f8faff)!important;
  border:1px solid rgba(15,23,42,.07)!important;
  box-shadow:0 20px 54px rgba(15,23,42,.075)!important;
}
.client-first-hero h2{
  margin:8px 0 6px!important;
  color:#0f172a!important;
  font-size:30px!important;
  letter-spacing:-.055em!important;
  line-height:1!important;
}
.client-first-hero p{
  margin:0!important;
  color:#64748b!important;
  font-weight:700!important;
}
.pill-label,
.client-plan-pill{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  border-radius:999px!important;
  padding:7px 10px!important;
  background:#eef2ff!important;
  color:#4f46e5!important;
  font-size:11px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
}
.client-first-actions{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
}
.client-first-stats{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:14px!important;
  margin:0 0 18px!important;
}
.client-first-stats .stat-card{
  display:block!important;
  background:#fff!important;
  border:1px solid rgba(15,23,42,.06)!important;
  border-radius:18px!important;
  padding:18px 20px!important;
  box-shadow:0 14px 34px rgba(15,23,42,.055)!important;
  text-decoration:none!important;
  color:#0f172a!important;
  min-height:122px!important;
}
.client-first-stats .stat-card.warn{
  background:#fffdf0!important;
  border-color:#f4d35e!important;
}
.client-first-stats .stat-card span,
.mini-data-card span{
  display:block!important;
  color:#667085!important;
  font-weight:900!important;
  font-size:12px!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  margin-bottom:10px!important;
}
.client-first-stats .stat-card strong,
.mini-data-card strong{
  display:block!important;
  color:#0f172a!important;
  font-size:30px!important;
  line-height:1!important;
  letter-spacing:-.045em!important;
  margin-bottom:8px!important;
}
.client-first-stats .stat-card small,
.mini-data-card small{
  display:block!important;
  color:#98a2b3!important;
  font-size:13px!important;
  font-weight:800!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.client-section-tabs{
  display:flex!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  background:#fff!important;
  border:1px solid rgba(15,23,42,.06)!important;
  border-radius:18px!important;
  padding:8px!important;
  margin:0 0 18px!important;
  box-shadow:0 12px 30px rgba(15,23,42,.045)!important;
}
.client-section-tabs a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:40px!important;
  padding:0 15px!important;
  border-radius:12px!important;
  color:#475569!important;
  text-decoration:none!important;
  font-weight:900!important;
  font-size:13px!important;
}
.client-section-tabs a.active,
.client-section-tabs a:hover{
  background:#4f6fff!important;
  color:#fff!important;
  box-shadow:0 12px 24px rgba(79,111,255,.25)!important;
}
.client-section-grid{
  display:grid!important;
  grid-template-columns:minmax(300px, .75fr) minmax(0, 1.65fr)!important;
  gap:18px!important;
  align-items:start!important;
  margin-bottom:18px!important;
}
.client-section-grid.three{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.client-section-grid.client-notes-grid{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
}
.compact-section-form{
  height:auto!important;
  min-height:0!important;
}
.compact-section-form .stacked-form{
  padding:16px!important;
}
.phase10-profile-form{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}
.phase10-profile-form .form-actions{
  grid-column:1 / -1!important;
}
.password-reset-panel{
  padding:24px!important;
}
.password-reset-panel h3{
  margin:10px 0 7px!important;
  font-size:20px!important;
  letter-spacing:-.035em!important;
}
.password-reset-panel p{
  color:#64748b!important;
  margin:0 0 16px!important;
  font-weight:700!important;
  line-height:1.45!important;
}
.mini-data-card{
  padding:20px!important;
  border-radius:18px!important;
}
.mini-data-card strong{
  font-size:21px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.client-first-actions-cell{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
.client-first-actions-cell form{margin:0!important;}
.status.picked{
  background:#ede9fe!important;
  color:#5b21b6!important;
}
.client-first-page .table-wrap table td,
.client-first-page .table-wrap table th{
  vertical-align:middle!important;
}
@media(max-width:1150px){
  .client-first-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .client-section-grid,.client-section-grid.client-notes-grid{grid-template-columns:1fr!important;}
  .phase10-profile-form{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:720px){
  .client-first-hero{display:block!important;}
  .client-first-actions{justify-content:flex-start!important;margin-top:14px!important;}
  .client-first-stats,.client-section-grid.three,.phase10-profile-form{grid-template-columns:1fr!important;}
  .client-section-tabs{overflow:auto!important;flex-wrap:nowrap!important;}
  .client-section-tabs a{white-space:nowrap!important;}
}

/* Phase 10B — client-first admin tidy */
.client-table-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end;}
.client-table-actions .btn{white-space:nowrap;}
.admin-dashboard-page .admin-hero-panel,
.admin-billing-page .billing-clean-hero,
.admin-services-page .admin-hero-panel,
.admin-support-page .admin-hero-panel{border:1px solid rgba(88,108,255,.12);}
.client-first-page .client-section-tabs{position:sticky;top:0;z-index:5;background:rgba(245,247,252,.92);backdrop-filter:blur(12px);padding:10px;border-radius:22px;border:1px solid rgba(209,216,232,.7);box-shadow:0 18px 45px rgba(15,23,42,.06);}
.client-first-page .client-section-tabs a{font-weight:900;}
.client-first-page .client-first-hero{border:1px solid rgba(88,108,255,.16);}
.watchlist-note{font-size:13px;color:#6f7a8e;margin-top:6px;}
@media (max-width: 980px){.client-table-actions{justify-content:flex-start}.client-table-actions .btn{flex:1;text-align:center}.client-first-page .client-section-tabs{position:relative;top:auto;}}

/* Phase 10B profile clean-up — calmer client overview */
.client-overview-clean-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.35fr) minmax(320px,.75fr)!important;
  gap:18px!important;
  align-items:start!important;
  margin-bottom:18px!important;
}
.clean-client-profile-card{
  padding:0!important;
  overflow:hidden!important;
}
.clean-profile-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:18px!important;
  padding:22px 24px!important;
  border-bottom:1px solid #e8edf6!important;
  background:linear-gradient(135deg,#ffffff 0%,#fbfcff 100%)!important;
}
.clean-profile-head h3{
  margin:7px 0 5px!important;
  font-size:22px!important;
  letter-spacing:-.04em!important;
}
.clean-profile-head p{
  margin:0!important;
  color:#64748b!important;
  font-weight:700!important;
  line-height:1.45!important;
}
.clean-login-toggle{
  flex:0 0 auto!important;
  min-width:190px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  border:1px solid #dde4f2!important;
  border-radius:16px!important;
  background:#fff!important;
  padding:12px 14px!important;
  box-shadow:0 10px 24px rgba(15,23,42,.05)!important;
  cursor:pointer!important;
  color:#0f172a!important;
}
.clean-login-toggle input{
  width:18px!important;
  height:18px!important;
  min-height:0!important;
  accent-color:#4f6fff!important;
}
.clean-login-toggle strong{
  display:block!important;
  font-size:13px!important;
  line-height:1.1!important;
}
.clean-login-toggle small{
  display:block!important;
  margin-top:3px!important;
  font-size:11px!important;
  color:#64748b!important;
  font-weight:800!important;
}
.clean-profile-form{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px 16px!important;
  padding:22px 24px 24px!important;
}
.clean-profile-form .form-group{
  margin:0!important;
}
.clean-profile-form .form-group.wide{
  grid-column:span 1!important;
}
.clean-profile-form label{
  color:#111827!important;
  font-size:12px!important;
  font-weight:900!important;
}
.clean-profile-form input{
  width:100%!important;
  min-height:46px!important;
  border-radius:14px!important;
  color:#0f172a!important;
  background:#fff!important;
  border:1px solid #d6deec!important;
  padding:12px 14px!important;
  font-size:14px!important;
  box-shadow:none!important;
}
.clean-profile-form input:focus{
  border-color:#6b7cff!important;
  box-shadow:0 0 0 4px rgba(79,111,255,.12)!important;
}
.clean-profile-actions{
  grid-column:1 / -1!important;
  display:flex!important;
  justify-content:flex-start!important;
  padding-top:4px!important;
}
.clean-security-card{
  padding:22px!important;
  border:1px solid rgba(79,111,255,.12)!important;
  background:linear-gradient(135deg,#ffffff 0%,#fbfcff 100%)!important;
}
.clean-security-card h3{
  margin:10px 0 8px!important;
  font-size:21px!important;
  letter-spacing:-.04em!important;
}
.clean-security-card p{
  margin:0 0 18px!important;
  color:#64748b!important;
  font-weight:700!important;
  line-height:1.5!important;
}
.clean-security-card .form-group{
  margin-bottom:12px!important;
}
.clean-security-card input{
  min-height:46px!important;
  border-radius:14px!important;
  color:#0f172a!important;
  background:#fff!important;
  border:1px solid #d6deec!important;
}
.clean-security-card .btn-outline{
  min-height:42px!important;
}
@media(max-width:1100px){
  .client-overview-clean-grid{grid-template-columns:1fr!important;}
  .clean-login-toggle{min-width:0!important;}
}
@media(max-width:720px){
  .clean-profile-head{display:block!important;}
  .clean-login-toggle{margin-top:14px!important;}
  .clean-profile-form{grid-template-columns:1fr!important;}
}


/* Phase 11 - Website Updates / Logs Centre */
.side-nav a[href="updates.php"]{ }
.updates-centre-page .admin-hero,
.updates-centre-page .admin-filter-card,
.updates-centre-page .updates-log-card{max-width:1160px;margin-left:auto;margin-right:auto;}
.updates-stats-row{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:18px!important;max-width:1160px;margin:18px auto!important;}
.updates-filter-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px!important;}
.updates-filter-card h3{margin:0 0 4px;font-size:20px;letter-spacing:-.03em;}
.updates-filter-card p{margin:0;color:#667085;}
.updates-filter-card .admin-search-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end;}
.updates-filter-card .admin-search-form input{min-width:280px;}
.updates-log-card{overflow:hidden;}
.admin-update-log-list{display:flex;flex-direction:column;}
.admin-update-row{display:grid;grid-template-columns:86px minmax(0,1fr) auto;gap:18px;align-items:flex-start;padding:22px 24px;border-top:1px solid #e8edf6;background:#fff;}
.admin-update-row:first-child{border-top:0;}
.update-date-box{width:70px;min-height:70px;border-radius:18px;background:#f8faff;border:1px solid #e0e7ff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;}
.update-date-box strong{font-size:26px;line-height:1;color:#101828;}
.update-date-box span{font-size:11px;text-transform:uppercase;font-weight:900;letter-spacing:.06em;color:#667085;margin-top:4px;}
.update-row-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:4px;}
.update-row-top h4{margin:0;font-size:18px;letter-spacing:-.03em;}
.update-row-main p{margin:7px 0 0;line-height:1.55;color:#344054;}
.update-row-actions{display:flex;align-items:flex-start;justify-content:flex-end;}
.updates-workspace-grid{grid-template-columns:minmax(320px,420px) minmax(0,1fr)!important;align-items:start!important;}
.update-compose-card .form-card-head span{min-width:46px;}
.client-update-timeline-card{overflow:hidden;}
.update-timeline{position:relative;padding:8px 20px 22px;}
.update-timeline:before{content:"";position:absolute;left:33px;top:22px;bottom:22px;width:2px;background:#e8edf6;}
.update-timeline-item{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr);gap:14px;padding:14px 0;}
.timeline-dot{position:relative;z-index:1;width:14px;height:14px;border-radius:50%;background:#6172f3;border:4px solid #eef2ff;margin:8px 0 0 7px;}
.update-timeline-item.paid .timeline-dot{background:#2e7d32;border-color:#dcfce7;}
.update-timeline-item.progress .timeline-dot{background:#2563eb;border-color:#dbeafe;}
.update-timeline-item.pending .timeline-dot{background:#b45309;border-color:#fef3c7;}
.timeline-body{background:#fff;border:1px solid #e8edf6;border-radius:18px;padding:16px 18px;box-shadow:0 12px 30px rgba(15,23,42,.05);}
.timeline-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px;}
.timeline-top>span:first-child,.timeline-meta{font-size:12px;font-weight:800;color:#667085;text-transform:uppercase;letter-spacing:.06em;}
.timeline-body h4{margin:0 0 4px;font-size:18px;letter-spacing:-.03em;}
.timeline-body p{margin:10px 0 0;line-height:1.55;color:#344054;}
.timeline-delete-form{margin-top:12px;}
.mini-pill{display:inline-flex;align-items:center;border-radius:999px;padding:8px 12px;background:#eef2ff;color:#3146b9;font-weight:900;font-size:12px;}
.empty-timeline{padding:28px;border:1px dashed #d0d5dd;border-radius:18px;background:#f8faff;display:flex;flex-direction:column;gap:5px;color:#667085;}
.empty-timeline strong{color:#101828;}
.client-updates-page .client-update-hero,
.client-updates-page .client-visible-timeline-card{max-width:980px;margin-left:auto;margin-right:auto;}
.client-update-hero{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:26px!important;margin-bottom:18px;}
.client-update-hero h2{margin:8px 0 6px;font-size:28px;letter-spacing:-.04em;}
.client-update-hero p{margin:0;color:#667085;}
.client-update-mini-stats{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;}
.client-update-mini-stats span{display:flex;flex-direction:column;gap:3px;min-width:112px;border:1px solid #e8edf6;background:#fff;border-radius:18px;padding:14px 16px;color:#667085;font-weight:800;}
.client-update-mini-stats strong{font-size:24px;color:#101828;line-height:1;}
.public-update-timeline{display:flex;flex-direction:column;}
.public-update-item{display:grid;grid-template-columns:92px minmax(0,1fr);gap:18px;padding:24px;border-top:1px solid #e8edf6;}
.public-update-item:first-child{border-top:0;}
.public-update-date{width:78px;height:78px;border-radius:22px;background:#f8faff;border:1px solid #e0e7ff;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.public-update-date strong{font-size:28px;line-height:1;color:#101828;}
.public-update-date span{font-size:11px;text-transform:uppercase;font-weight:900;color:#667085;margin-top:5px;}
.public-update-top{display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap;}
.public-update-top h4{margin:0;font-size:20px;letter-spacing:-.03em;}
.public-update-body p{margin:10px 0 0;color:#344054;line-height:1.6;font-size:15px;}
@media (max-width:1100px){.updates-stats-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}.updates-workspace-grid{grid-template-columns:1fr!important}.admin-update-row{grid-template-columns:70px 1fr}.update-row-actions{grid-column:2}.updates-filter-card{align-items:flex-start;flex-direction:column}.updates-filter-card .admin-search-form{justify-content:flex-start;width:100%}.updates-filter-card .admin-search-form input{min-width:0;flex:1}}
@media (max-width:680px){.updates-stats-row{grid-template-columns:1fr!important}.admin-update-row,.public-update-item{grid-template-columns:1fr}.update-date-box,.public-update-date{width:100%;height:auto;min-height:62px}.client-update-hero{flex-direction:column;align-items:flex-start}.client-update-mini-stats{width:100%;justify-content:flex-start}.client-update-mini-stats span{flex:1;min-width:130px}.update-timeline:before{display:none}.update-timeline-item{grid-template-columns:1fr}.timeline-dot{display:none}}


/* Phase 11 patch - clean Updates filter/search card */
.updates-filter-clean{
  display:grid!important;
  grid-template-columns:minmax(240px, 0.85fr) minmax(520px, 1.6fr)!important;
  align-items:end!important;
  gap:24px!important;
  padding:24px 26px!important;
  overflow:visible!important;
}
.updates-filter-copy .phase-pill{
  margin-bottom:10px!important;
}
.updates-filter-clean h3{
  margin:0 0 6px!important;
  font-size:24px!important;
  line-height:1.1!important;
  letter-spacing:-.04em!important;
}
.updates-filter-clean p{
  margin:0!important;
  color:#667085!important;
  font-size:15px!important;
  line-height:1.45!important;
}
.updates-search-form{
  display:grid!important;
  grid-template-columns:minmax(260px,1fr) 150px 150px auto auto!important;
  gap:12px!important;
  align-items:end!important;
  justify-content:stretch!important;
  width:100%!important;
}
.updates-search-field{
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
  min-width:0!important;
}
.updates-search-field label{
  font-size:11px!important;
  line-height:1!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  font-weight:900!important;
  color:#667085!important;
}
.updates-search-form input,
.updates-search-form select{
  width:100%!important;
  height:46px!important;
  min-height:46px!important;
  border-radius:16px!important;
  border:1px solid #d6deec!important;
  background:#fff!important;
  color:#101828!important;
  font-size:14px!important;
  font-weight:700!important;
  padding:0 15px!important;
  box-shadow:0 1px 2px rgba(16,24,40,.03)!important;
  outline:none!important;
}
.updates-search-form input::placeholder{
  color:#98a2b3!important;
  font-weight:600!important;
}
.updates-search-form input:focus,
.updates-search-form select:focus{
  border-color:#6172f3!important;
  box-shadow:0 0 0 4px rgba(97,114,243,.12)!important;
}
.updates-search-btn,
.updates-clear-btn{
  height:46px!important;
  min-height:46px!important;
  padding:0 20px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  border-radius:16px!important;
}
.updates-clear-btn{
  background:#fff!important;
}
@media(max-width:1180px){
  .updates-filter-clean{
    grid-template-columns:1fr!important;
    align-items:start!important;
  }
  .updates-search-form{
    grid-template-columns:minmax(220px,1fr) 150px 150px auto!important;
  }
  .updates-clear-btn{
    grid-column:1 / -1!important;
    justify-self:start!important;
  }
}
@media(max-width:760px){
  .updates-search-form{
    grid-template-columns:1fr!important;
  }
  .updates-search-btn,
  .updates-clear-btn{
    width:100%!important;
  }
}

/* Phase 12 - Client-facing polish pass */
.client-polish-shell .main{padding-top:38px!important}
.client-polish-page{max-width:1120px!important}
.client-polish-page .page-header{margin-bottom:24px!important}
.client-polish-page .page-header h1{font-size:38px!important;letter-spacing:-.06em!important}
.client-polish-page .page-intro{font-size:16px!important;line-height:1.45!important;color:#64748b!important}
.client-polish-page .header-pill{background:#fff!important;box-shadow:0 8px 20px rgba(15,23,42,.04)!important}
.client-welcome-card{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(135deg,#fff,#f8faff);border:1px solid rgba(15,23,42,.06);border-radius:26px;box-shadow:0 22px 55px rgba(15,23,42,.075);padding:28px 30px;margin-bottom:18px}.client-welcome-card.slim{padding:24px 28px}.client-welcome-card h2{margin:8px 0 7px;font-size:28px;letter-spacing:-.055em}.client-welcome-card p{margin:0;color:#64748b;line-height:1.55;max-width:700px}.client-welcome-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.client-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 18px}.client-stat-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.client-stat-card{display:block;background:#fff;border:1px solid rgba(15,23,42,.06);border-radius:20px;box-shadow:0 16px 38px rgba(15,23,42,.055);padding:20px;color:#0f172a;min-height:112px;text-decoration:none}.client-stat-card:hover{transform:translateY(-1px);box-shadow:0 20px 46px rgba(15,23,42,.075)}.client-stat-card.warn{background:linear-gradient(135deg,#fff,#fffdf0);border-color:#fde68a}.client-stat-card span{display:block;text-transform:uppercase;letter-spacing:.08em;font-size:11px;color:#667085;font-weight:900;margin-bottom:9px}.client-stat-card strong{display:block;font-size:30px;line-height:1;font-weight:950;letter-spacing:-.055em}.client-stat-card small{display:block;margin-top:8px;color:#94a3b8;font-size:13px;font-weight:800}.client-section-card{background:#fff;border:1px solid rgba(15,23,42,.06);border-radius:24px;box-shadow:0 18px 44px rgba(15,23,42,.06);margin-bottom:18px;overflow:hidden}.client-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 24px;border-bottom:1px solid #e9edf5;background:linear-gradient(135deg,#fff,#fbfcff)}.client-section-head h3{margin:0 0 5px;font-size:21px;letter-spacing:-.04em}.client-section-head p{margin:0;color:#64748b;line-height:1.45}.client-section-head>a{align-self:center;font-weight:900;color:#4f6fff}.client-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.client-list-clean{display:grid}.client-list-item{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 24px;border-bottom:1px solid #eef2f7}.client-list-item:last-child{border-bottom:0}.client-list-item strong{display:block;font-size:15px}.client-list-item small{display:block;margin-top:4px;color:#64748b}.client-empty{padding:28px 24px;color:#64748b;font-weight:800}.client-empty.padded{text-align:center;padding:44px 24px}.client-note-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px 24px 24px}.client-note-clean{border:1px solid #e5eaf5;background:#fff;border-radius:17px;padding:16px}.client-note-clean strong{display:block;font-size:15px;margin-bottom:4px}.client-note-clean small{display:block;font-size:12px;color:#64748b;font-weight:800;margin-bottom:10px}.client-note-clean p{margin:0;color:#475569;line-height:1.55}.quick-client-actions .client-section-head{border-bottom:0}.client-action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0 24px 24px}.client-action-grid a{border:1px solid #e6ebf5;background:#fbfcff;border-radius:16px;padding:16px;color:#0f172a;text-decoration:none}.client-action-grid a:hover{background:#f5f7ff;border-color:#dbe3ff}.client-action-grid strong{display:block;margin-bottom:4px}.client-action-grid span{color:#64748b;font-size:13px}.client-record-list{display:grid}.client-record-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 24px;border-bottom:1px solid #eef2f7}.client-record-card:last-child{border-bottom:0}.record-main strong{display:block;font-size:16px;letter-spacing:-.02em}.record-main small{display:block;margin-top:5px;color:#64748b}.record-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.client-hosting-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:20px 24px 24px}.client-hosting-card{border:1px solid #e5eaf5;border-radius:18px;background:#fff;padding:18px;box-shadow:0 10px 28px rgba(15,23,42,.04)}.hosting-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.hosting-top strong{display:block;font-size:17px;letter-spacing:-.025em}.hosting-top small{display:block;color:#64748b;margin-top:4px}.hosting-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.hosting-meta span{display:inline-flex;align-items:center;gap:5px;background:#f8fafc;border:1px solid #edf1f7;border-radius:999px;padding:7px 10px;color:#64748b;font-size:12px;font-weight:800}.hosting-meta b{color:#0f172a}.hosting-usage{margin-bottom:14px}.hosting-usage small{display:block;margin-top:8px;color:#64748b;font-weight:800}.client-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:22px 24px 24px}.client-detail-grid>div{border:1px solid #e5eaf5;background:#fbfcff;border-radius:16px;padding:16px}.client-detail-grid span{display:block;color:#667085;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:7px}.client-detail-grid strong{font-size:16px;word-break:break-word}.client-back-row{margin:-8px 0 18px}.client-invoice-list{display:grid}.client-invoice-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;border-bottom:1px solid #eef2f7}.client-invoice-card:last-child{border-bottom:0}.client-invoice-card strong{display:block;font-size:16px}.client-invoice-card small{display:block;color:#64748b;margin-top:5px}.invoice-side{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.invoice-side b{font-size:16px;white-space:nowrap}.client-polish-page .support-compose-card,.client-polish-page .ticket-card,.client-polish-page .ticket-thread-card,.client-polish-page .account-card,.client-polish-page .client-update-hero,.client-polish-page .client-visible-timeline-card{box-shadow:0 18px 44px rgba(15,23,42,.06)!important;border:1px solid rgba(15,23,42,.06)!important;border-radius:24px!important}.client-polish-page .support-compose-card input,.client-polish-page .support-compose-card select,.client-polish-page .support-compose-card textarea,.client-polish-page .account-form input{border-radius:14px!important;border-color:#dbe2ee!important;background:#fff!important;color:#0f172a!important}.client-polish-page .support-compose-card textarea{min-height:150px!important}.client-polish-page .client-update-hero{margin-bottom:18px!important}.client-polish-page .public-update-item{border-radius:18px!important}.client-polish-page .status.picked-up{background:#ede9fe;color:#5b21b6}.client-polish-page .status.cancelled{background:#e5e7eb;color:#374151}.client-polish-page .status.overdue{background:#fee2e2;color:#991b1b}
@media(max-width:1100px){.client-stat-grid,.client-stat-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.client-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-hosting-list{grid-template-columns:1fr}}
@media(max-width:760px){.client-welcome-card,.client-section-head,.client-list-item,.client-record-card,.client-invoice-card{display:block}.client-welcome-actions,.record-actions,.invoice-side{margin-top:14px;justify-content:flex-start}.client-stat-grid,.client-stat-grid.compact,.client-two-col,.client-note-strip,.client-action-grid,.client-detail-grid{grid-template-columns:1fr}.client-polish-page .page-header h1{font-size:32px!important}.client-hosting-list{padding:16px}.client-record-card,.client-list-item,.client-invoice-card{padding:16px}.client-section-head{padding:18px}}