/* ============================================================
   ABNER DUARTE PLATFORM v3 — PURE MONOCHROME DESIGN SYSTEM
   Google-like / Material You aesthetic
   Black · White · Gray only. Zero blue.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap');

:root {
    /* Pure Monochrome Palette — Google Gray Scale */
    --white:       #ffffff;
    --gray-50:     #f8f9fa;
    --gray-100:    #f1f3f4;
    --gray-200:    #e8eaed;
    --gray-300:    #dadce0;
    --gray-400:    #bdc1c6;
    --gray-500:    #9aa0a6;
    --gray-600:    #80868b;
    --gray-700:    #5f6368;
    --gray-800:    #3c4043;
    --gray-900:    #202124;
    --black:       #000000;

    /* Semantic (still monochrome) */
    --primary:     var(--black);
    --primary-soft:var(--gray-900);
    --accent:      var(--gray-800);
    --success:     #137333;
    --warning:     #b06000;
    --danger:      #c5221f;
    --info:        var(--gray-700);

    /* Surfaces */
    --surface-bg:      var(--gray-50);
    --surface-card:    var(--white);
    --surface-raised:  var(--white);
    --surface-sidebar: var(--gray-900);
    --surface-header:  var(--white);
    --surface-footer:  var(--gray-900);

    /* Borders */
    --border-light:  var(--gray-200);
    --border-medium: var(--gray-300);
    --border-strong: var(--gray-400);

    /* Text */
    --text-primary:   var(--gray-900);
    --text-secondary: var(--gray-700);
    --text-tertiary:  var(--gray-500);
    --text-muted:     var(--gray-500);
    --text-inverse:   var(--white);

    /* Shadows — extremely subtle, like Google */
    --shadow-1: 0 1px 2px rgba(60,64,67,.08), 0 1px 3px rgba(60,64,67,.04);
    --shadow-2: 0 1px 3px rgba(60,64,67,.12), 0 4px 8px rgba(60,64,67,.06);
    --shadow-3: 0 4px 12px rgba(60,64,67,.12), 0 1px 3px rgba(60,64,67,.08);

    /* Radius — Google style */
    --radius-sm:  8px;
    --radius-md:  12px;
    --radius-lg:  16px;
    --radius-xl:  24px;
    --radius-full: 9999px;

    /* Sidebar */
    --sidebar-width: 268px;

    /* Transitions */
    --ease: cubic-bezier(.4,0,.2,1);
    --transition: all .2s var(--ease);
}

/* Material Symbols Base */
.material-symbols-rounded {
    font-family: 'Material Symbols Rounded';
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    vertical-align: middle;
}

/* ============================================================
   RESET
   ============================================================ */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{margin:0;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--surface-bg);color:var(--text-primary);font-size:14px;line-height:1.5}
a{text-decoration:none;color:inherit}
button{font-family:inherit;cursor:pointer;border:none;background:none}
img{max-width:100%;display:block}

/* ============================================================
   LAYOUT — ADMIN / COMPANY
   ============================================================ */
.ad-wrap{display:flex;min-height:100vh}

/* Sidebar */
.ad-sidebar{
    width:var(--sidebar-width);
    background:var(--surface-sidebar);
    color:var(--gray-400);
    display:flex;flex-direction:column;
    position:fixed;top:0;left:0;bottom:0;
    z-index:1000;overflow-y:auto;overflow-x:hidden;
}
.ad-sidebar::-webkit-scrollbar{width:4px}
.ad-sidebar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:4px}

.ad-sidebar-brand{
    padding:22px 22px 18px;
    display:flex;align-items:center;gap:14px;
    border-bottom:1px solid rgba(255,255,255,.06);
    flex-shrink:0;
}
.ad-sidebar-logo{
    width:38px;height:38px;
    background:var(--white);
    border-radius:var(--radius-sm);
    display:flex;align-items:center;justify-content:center;
    font-size:14px;font-weight:800;color:var(--black);
    flex-shrink:0;
    letter-spacing:-.5px;
}
.ad-sidebar-title{
    font-size:16px;font-weight:700;
    color:var(--white);letter-spacing:-.3px;
}
.ad-sidebar-sub{
    font-size:11px;color:var(--gray-500);font-weight:500;
}

.ad-sidebar-nav{flex:1;padding:10px 0;overflow-y:auto;min-height:0}
.ad-sidebar-group{
    padding:18px 22px 6px;
    font-size:10px;font-weight:600;
    text-transform:uppercase;letter-spacing:1.2px;
    color:var(--gray-600);
}
.ad-sidebar-link{
    display:flex;align-items:center;gap:14px;
    padding:9px 20px;margin:0 10px;
    border-radius:var(--radius-sm);
    font-size:13px;font-weight:500;
    color:var(--gray-400);
    transition:var(--transition);
    white-space:nowrap;
    position:relative;
}
.ad-sidebar-link .material-symbols-rounded{font-size:18px}
.ad-sidebar-link:hover{background:rgba(255,255,255,.04);color:var(--gray-200)}
.ad-sidebar-link.active{background:rgba(255,255,255,.06);color:var(--white);font-weight:600}

.ad-sidebar-footer{
    padding:14px 18px;
    border-top:1px solid rgba(255,255,255,.06);
    flex-shrink:0;
}
.ad-sidebar-user{display:flex;align-items:center;gap:10px}
.ad-sidebar-avatar{
    width:30px;height:30px;border-radius:var(--radius-full);
    background:var(--gray-700);display:flex;align-items:center;justify-content:center;
    color:var(--white);font-size:11px;font-weight:700;flex-shrink:0;
}
.ad-sidebar-name{font-size:12.5px;font-weight:600;color:var(--gray-200)}
.ad-sidebar-role{font-size:11px;color:var(--gray-600)}

/* Main */
.ad-main{flex:1;margin-left:var(--sidebar-width);min-height:100vh;display:flex;flex-direction:column}

/* Header */
.ad-header{
    height:60px;background:var(--surface-header);
    border-bottom:1px solid var(--border-light);
    padding:0 28px;display:flex;align-items:center;justify-content:space-between;
    position:sticky;top:0;z-index:100;
}
.ad-header-title{font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:-.3px}
.ad-header-actions{display:flex;align-items:center;gap:8px}
.ad-header-btn{
    display:inline-flex;align-items:center;gap:6px;
    padding:8px 14px;border-radius:var(--radius-sm);
    font-size:13px;font-weight:500;color:var(--text-secondary);
    background:transparent;border:1px solid var(--border-medium);
    transition:var(--transition);
}
.ad-header-btn:hover{background:var(--gray-50);border-color:var(--gray-400)}
.ad-header-btn .material-symbols-rounded{font-size:16px}

/* Content */
.ad-content{flex:1;padding:28px}

/* ============================================================
   CARDS
   ============================================================ */
.ad-card{
    background:var(--surface-card);border:1px solid var(--border-light);
    border-radius:var(--radius-md);box-shadow:var(--shadow-1);
    transition:var(--transition);
}
.ad-card:hover{box-shadow:var(--shadow-2)}
.ad-card-header{
    padding:18px 22px;border-bottom:1px solid var(--border-light);
    display:flex;align-items:center;justify-content:space-between;
}
.ad-card-title{font-size:14px;font-weight:600;color:var(--text-primary)}
.ad-card-body{padding:22px}
.ad-card-body-sm{padding:16px}

/* ============================================================
   STAT CARDS
   ============================================================ */
.ad-stat-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(210px,1fr));
    gap:16px;margin-bottom:28px;
}
.ad-stat-card{
    background:var(--surface-card);border:1px solid var(--border-light);
    border-radius:var(--radius-md);padding:20px 22px;
    box-shadow:var(--shadow-1);transition:var(--transition);
}
.ad-stat-card:hover{box-shadow:var(--shadow-2);transform:translateY(-1px)}
.ad-stat-icon{
    width:40px;height:40px;border-radius:10px;
    display:flex;align-items:center;justify-content:center;
    font-size:20px;margin-bottom:14px;
    background:var(--gray-100);color:var(--gray-700);
}
.ad-stat-icon.green{background:#e6f4ea;color:var(--success)}
.ad-stat-icon.red{background:#fce8e8;color:var(--danger)}
.ad-stat-icon.orange{background:#fef3e8;color:var(--warning)}
.ad-stat-icon.blue{background:#e8f0fe;color:var(--info)}
.ad-stat-label{
    font-size:11.5px;font-weight:600;text-transform:uppercase;
    letter-spacing:.5px;color:var(--text-muted);margin-bottom:8px;
}
.ad-stat-value{font-size:28px;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:4px}
.ad-stat-meta{font-size:12px;color:var(--text-muted);font-weight:500}
.ad-stat-meta.up{color:var(--success)}
.ad-stat-meta.down{color:var(--danger)}

/* ============================================================
   TABLES
   ============================================================ */
.ad-table-wrap{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border-light);background:var(--surface-card)}
.ad-table{width:100%;border-collapse:collapse;font-size:13.5px}
.ad-table thead th{
    background:var(--gray-50);padding:10px 16px;text-align:left;
    font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;
    color:var(--text-secondary);border-bottom:1px solid var(--border-light);
    white-space:nowrap;
}
.ad-table tbody td{padding:10px 16px;border-bottom:1px solid var(--gray-50);color:var(--text-primary);vertical-align:middle;font-size:13px}
.ad-table tbody tr:hover td{background:var(--gray-50)}
.ad-table tbody tr:last-child td{border-bottom:none}

/* ============================================================
   BADGES
   ============================================================ */
.ad-badge{
    display:inline-flex;align-items:center;gap:4px;
    padding:2px 10px;border-radius:var(--radius-full);
    font-size:11.5px;font-weight:600;letter-spacing:.2px;
    line-height:1.6;
}
.ad-badge-gray{background:var(--gray-100);color:var(--gray-700)}
.ad-badge-green{background:#e6f4ea;color:var(--success)}
.ad-badge-red{background:#fce8e8;color:var(--danger)}
.ad-badge-orange{background:#fef3e8;color:var(--warning)}
.ad-badge-blue{background:#e8f0fe;color:var(--info)}
.ad-badge-dark{background:var(--gray-800);color:var(--white)}

/* ============================================================
   BUTTONS
   ============================================================ */
.ad-btn{
    display:inline-flex;align-items:center;justify-content:center;gap:6px;
    padding:8px 16px;border-radius:var(--radius-sm);
    font-size:13px;font-weight:500;border:1px solid transparent;
    transition:var(--transition);white-space:nowrap;
    background:transparent;color:var(--text-primary);
}
.ad-btn .material-symbols-rounded{font-size:16px}

.ad-btn-primary{
    background:var(--black);color:var(--white);border-color:var(--black);
}
.ad-btn-primary:hover{background:var(--gray-800);border-color:var(--gray-800)}

.ad-btn-secondary{
    background:var(--white);color:var(--text-primary);border-color:var(--border-medium);
}
.ad-btn-secondary:hover{background:var(--gray-50);border-color:var(--gray-400)}

.ad-btn-danger{background:var(--danger);color:var(--white);border-color:var(--danger)}
.ad-btn-danger:hover{background:#a50e0e}

.ad-btn-ghost{color:var(--text-secondary);border-color:transparent}
.ad-btn-ghost:hover{background:var(--gray-50);color:var(--text-primary)}

.ad-btn-sm{padding:6px 12px;font-size:12px}
.ad-btn-xs{padding:4px 8px;font-size:11px}

/* ============================================================
   FORMS
   ============================================================ */
.ad-form-group{margin-bottom:18px}
.ad-form-label{display:block;font-size:12px;font-weight:600;color:var(--text-primary);margin-bottom:6px}
.ad-form-input,.ad-form-select,.ad-form-textarea{
    width:100%;padding:9px 14px;border:1px solid var(--border-medium);
    border-radius:var(--radius-sm);font-size:13.5px;color:var(--text-primary);
    background:var(--surface-card);transition:var(--transition);font-family:inherit;
    outline:none;
}
.ad-form-input:focus,.ad-form-select:focus,.ad-form-textarea:focus{
    border-color:var(--black);box-shadow:0 0 0 3px var(--gray-200);
}
.ad-form-textarea{min-height:90px;resize:vertical}
.ad-form-hint{font-size:11.5px;color:var(--text-muted);margin-top:4px}
.ad-form-error{font-size:12px;color:var(--danger);margin-top:4px}

/* ============================================================
   ALERTS
   ============================================================ */
.ad-alert{padding:12px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;margin-bottom:20px;border-left:3px solid transparent}
.ad-alert-green{background:#e6f4ea;color:var(--success);border-left-color:var(--success)}
.ad-alert-red{background:#fce8e8;color:var(--danger);border-left-color:var(--danger)}
.ad-alert-orange{background:#fef3e8;color:var(--warning);border-left-color:var(--warning)}

/* ============================================================
   TABS
   ============================================================ */
.ad-tabs{display:flex;gap:0;border-bottom:1px solid var(--border-light);margin-bottom:24px}
.ad-tab{padding:10px 18px;font-size:13.5px;font-weight:500;color:var(--text-muted);border-bottom:2px solid transparent;margin-bottom:-1px;transition:var(--transition);white-space:nowrap;cursor:pointer;background:none;border:none}
.ad-tab:hover{color:var(--text-primary)}
.ad-tab.active{color:var(--black);border-bottom-color:var(--black);font-weight:600}

/* ============================================================
   PAGINATION
   ============================================================ */
.ad-pagination{display:flex;align-items:center;justify-content:space-between;padding:16px 0;font-size:13px}
.ad-pagination a,.ad-pagination span{
    padding:5px 11px;border-radius:var(--radius-sm);font-size:12px;font-weight:500;transition:var(--transition);margin:0 2px;
}
.ad-pagination a{color:var(--text-primary);background:var(--surface-card);border:1px solid var(--border-light)}
.ad-pagination a:hover{background:var(--black);color:var(--white);border-color:var(--black)}
.ad-pagination span.current{background:var(--black);color:var(--white);padding:5px 11px;border-radius:var(--radius-sm)}

/* ============================================================
   DROPDOWNS
   ============================================================ */
.ad-dropdown{position:relative;display:inline-block}
.ad-dropdown-menu{
    position:absolute;right:0;top:calc(100% + 4px);
    background:var(--surface-card);border:1px solid var(--border-light);
    border-radius:var(--radius-md);box-shadow:var(--shadow-3);
    min-width:180px;padding:6px 0;z-index:200;
    opacity:0;visibility:hidden;transform:translateY(-4px);
    transition:all .15s var(--ease);
}
.ad-dropdown:hover .ad-dropdown-menu,.ad-dropdown-menu:hover{opacity:1;visibility:visible;transform:translateY(0)}
.ad-dropdown-item{
    display:flex;align-items:center;gap:10px;padding:8px 16px;
    font-size:13px;color:var(--text-primary);transition:var(--transition);white-space:nowrap;cursor:pointer;border:none;background:none;width:100%;text-align:left;
}
.ad-dropdown-item:hover{background:var(--gray-50);color:var(--black)}
.ad-dropdown-divider{height:1px;background:var(--border-light);margin:6px 12px}

/* ============================================================
   PUBLIC — TOP BAR (Minimal, Icon-Based)
   ============================================================ */
.ad-topbar{
    background:var(--black);color:var(--gray-400);
    padding:8px 0;font-size:12px;
}
.ad-topbar-inner{
    max-width:1280px;margin:0 auto;padding:0 24px;
    display:flex;justify-content:space-between;align-items:center;
}
.ad-topbar-link{color:var(--gray-400);transition:color .2s;display:inline-flex;align-items:center;gap:6px}
.ad-topbar-link:hover{color:var(--white)}
.ad-topbar-link .material-symbols-rounded{font-size:14px}

/* ============================================================
   PUBLIC — NAVBAR
   ============================================================ */
.ad-navbar{
    max-width:1280px;margin:0 auto;padding:0 24px;
    height:64px;display:flex;align-items:center;justify-content:space-between;
    background:var(--white);
}
.ad-navbar-logo{
    font-size:20px;font-weight:800;color:var(--black);letter-spacing:-.5px;
    display:flex;align-items:center;gap:8px;
}
.ad-nav{display:flex;align-items:center;gap:28px}
.ad-nav-link{
    font-size:13.5px;font-weight:500;color:var(--text-secondary);
    transition:color .2s;position:relative;padding:4px 0;
}
.ad-nav-link:hover,.ad-nav-link.active{color:var(--black)}
.ad-nav-link.active::after{
    content:'';position:absolute;bottom:-2px;left:0;right:0;
    height:2px;background:var(--black);border-radius:2px;
}

/* Icon button for login/dashboard */
.ad-icon-btn{
    width:36px;height:36px;border-radius:var(--radius-full);
    display:flex;align-items:center;justify-content:center;
    background:var(--black);color:var(--white);
    transition:var(--transition);
}
.ad-icon-btn:hover{background:var(--gray-800);transform:scale(1.05)}
.ad-icon-btn .material-symbols-rounded{font-size:18px}

/* Dropdown in nav */
.ad-nav-dropdown{position:relative}
.ad-nav-dropdown-menu{
    position:absolute;top:calc(100% + 8px);left:-20px;
    background:var(--surface-card);border:1px solid var(--border-light);
    border-radius:var(--radius-md);box-shadow:var(--shadow-3);
    min-width:200px;padding:8px 0;z-index:200;
    opacity:0;visibility:hidden;transform:translateY(-4px);
    transition:all .15s var(--ease);
}
.ad-nav-dropdown:hover .ad-nav-dropdown-menu,.ad-nav-dropdown-menu:hover{opacity:1;visibility:visible;transform:translateY(0)}
.ad-nav-dropdown-item{display:block;padding:8px 18px;font-size:13.5px;color:var(--text-primary);transition:all .15s}
.ad-nav-dropdown-item:hover{background:var(--gray-50);color:var(--black)}

/* ============================================================
   PUBLIC — HERO
   ============================================================ */
.ad-hero{
    background:var(--gray-900);color:var(--white);
    padding:100px 24px;text-align:center;position:relative;overflow:hidden;
}
.ad-hero::before{
    content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;
    background:radial-gradient(circle at 30% 40%,rgba(255,255,255,.03) 0%,transparent 50%);
    pointer-events:none;
}
.ad-hero-content{position:relative;z-index:1;max-width:760px;margin:0 auto}
.ad-hero-title{font-size:48px;font-weight:800;line-height:1.1;margin-bottom:20px;letter-spacing:-1.5px;color:var(--white)}
.ad-hero-title span{color:var(--gray-400)}
.ad-hero-subtitle{font-size:17px;color:var(--gray-500);line-height:1.7;margin-bottom:32px}
.ad-hero-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

.ad-hero-btn-primary{
    padding:13px 28px;border-radius:var(--radius-md);
    background:var(--white);color:var(--black);
    font-size:14px;font-weight:600;transition:var(--transition);
    display:inline-flex;align-items:center;gap:6px;
}
.ad-hero-btn-primary:hover{background:var(--gray-200);transform:translateY(-1px)}

.ad-hero-btn-ghost{
    padding:13px 28px;border-radius:var(--radius-md);
    background:transparent;color:var(--gray-400);
    font-size:14px;font-weight:600;transition:var(--transition);
    border:1px solid rgba(255,255,255,.15);
    display:inline-flex;align-items:center;gap:6px;
}
.ad-hero-btn-ghost:hover{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.25)}

/* ============================================================
   PUBLIC — SECTIONS
   ============================================================ */
.ad-section{padding:80px 24px}
.ad-section-alt{background:var(--gray-50)}
.ad-section-inner{max-width:1200px;margin:0 auto}
.ad-section-head{text-align:center;margin-bottom:52px}
.ad-section-title{font-size:32px;font-weight:700;color:var(--text-primary);margin:0 0 10px;letter-spacing:-.5px}
.ad-section-subtitle{font-size:15px;color:var(--text-muted);max-width:560px;margin:0 auto;line-height:1.6}

/* ============================================================
   SERVICE CARDS
   ============================================================ */
.ad-service-card{
    background:var(--surface-card);border:1px solid var(--border-light);
    border-radius:var(--radius-md);padding:28px;
    transition:var(--transition);text-align:left;
}
.ad-service-card:hover{box-shadow:var(--shadow-2);transform:translateY(-2px);border-color:var(--gray-300)}
.ad-service-icon{
    width:44px;height:44px;border-radius:var(--radius-sm);
    background:var(--gray-100);color:var(--gray-700);
    display:flex;align-items:center;justify-content:center;
    font-size:22px;margin-bottom:18px;
}
.ad-service-icon .material-symbols-rounded{font-size:22px}
.ad-service-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:8px}
.ad-service-desc{font-size:13.5px;color:var(--text-secondary);line-height:1.6;margin-bottom:14px}
.ad-service-link{font-size:12.5px;font-weight:600;color:var(--gray-700);display:inline-flex;align-items:center;gap:4px;transition:color .2s}
.ad-service-link:hover{color:var(--black)}

/* ============================================================
   PACKAGE CARDS
   ============================================================ */
.ad-package-card{
    background:var(--surface-card);border:1px solid var(--border-light);
    border-radius:var(--radius-lg);padding:32px 28px;
    transition:var(--transition);position:relative;text-align:center;
}
.ad-package-card:hover{box-shadow:var(--shadow-2);transform:translateY(-3px)}
.ad-package-card.featured{border-color:var(--black);box-shadow:var(--shadow-2)}
.ad-package-badge{
    position:absolute;top:-1px;left:50%;transform:translateX(-50%);
    background:var(--black);color:var(--white);
    font-size:10px;font-weight:700;padding:3px 14px;
    border-radius:0 0 var(--radius-sm) var(--radius-sm);text-transform:uppercase;letter-spacing:.5px;
}
.ad-package-name{font-size:18px;font-weight:700;margin-bottom:6px}
.ad-package-price{font-size:38px;font-weight:800;color:var(--text-primary);line-height:1;margin-bottom:4px}
.ad-package-period{font-size:12px;color:var(--text-muted);margin-bottom:22px}
.ad-package-features{list-style:none;padding:0;margin:0 0 24px;text-align:left}
.ad-package-features li{padding:7px 0;font-size:12.5px;color:var(--text-secondary);display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--gray-50)}
.ad-package-features li:last-child{border-bottom:none}
.ad-package-features li .material-symbols-rounded{font-size:14px;color:var(--success)}

/* ============================================================
   PUBLIC — FOOTER
   ============================================================ */
.ad-footer{
    background:var(--surface-footer);color:var(--gray-400);
    padding:56px 0 0;
}
.ad-footer-inner{
    max-width:1280px;margin:0 auto;padding:0 24px;
    display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;
}
.ad-footer-brand{font-size:18px;font-weight:700;color:var(--white);margin-bottom:10px}
.ad-footer-desc{font-size:13px;line-height:1.7;margin-bottom:18px;color:var(--gray-500)}
.ad-footer-head{
    font-size:11px;font-weight:700;color:var(--gray-300);
    text-transform:uppercase;letter-spacing:1px;margin-bottom:14px;
}
.ad-footer-links{list-style:none;padding:0;margin:0}
.ad-footer-links li{margin-bottom:9px}
.ad-footer-links a{font-size:13px;color:var(--gray-500);transition:color .2s}
.ad-footer-links a:hover{color:var(--white)}

/* Brand logos row */
.ad-footer-brands{
    display:flex;align-items:center;gap:32px;
    padding:20px 24px;border-top:1px solid rgba(255,255,255,.06);
    justify-content:center;flex-wrap:wrap;margin-top:40px;
}
.ad-footer-brand-logo{
    font-size:13px;font-weight:700;color:var(--gray-600);
    transition:all .3s;letter-spacing:.3px;text-transform:uppercase;
}
.ad-footer-brand-logo:hover{color:var(--gray-300)}

/* Social icons */
.ad-social-icon{
    width:32px;height:32px;border-radius:var(--radius-full);
    background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;
    color:var(--gray-500);transition:all .2s;
}
.ad-social-icon:hover{background:var(--white);color:var(--black)}
.ad-social-icon .material-symbols-rounded{font-size:14px}

.ad-footer-bottom{
    border-top:1px solid rgba(255,255,255,.06);margin-top:0;
    padding:16px 24px;display:flex;justify-content:space-between;align-items:center;
    font-size:12px;color:var(--gray-600);
}

/* ============================================================
   AUTH
   ============================================================ */
.ad-auth-page{
    min-height:100vh;display:flex;align-items:center;justify-content:center;
    background:var(--gray-900);padding:24px;
}
.ad-auth-card{
    background:var(--surface-card);border-radius:var(--radius-xl);
    box-shadow:var(--shadow-3);width:100%;max-width:420px;padding:40px 36px;
}
.ad-auth-logo{text-align:center;margin-bottom:28px}
.ad-auth-logo-text{font-size:22px;font-weight:800;color:var(--black);letter-spacing:-.5px}
.ad-auth-title{font-size:20px;font-weight:700;text-align:center;margin-bottom:6px}
.ad-auth-subtitle{font-size:13px;color:var(--text-muted);text-align:center;margin-bottom:28px}
.ad-auth-footer{text-align:center;margin-top:24px;font-size:13px;color:var(--text-secondary)}
.ad-auth-footer a{color:var(--black);font-weight:600}

/* ============================================================
   PIPELINE
   ============================================================ */
.ad-pipeline{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;overflow-x:auto;padding-bottom:8px}
.ad-pipe-col{background:var(--gray-50);border-radius:var(--radius-sm);padding:10px;min-width:160px}
.ad-pipe-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--border-light)}
.ad-pipe-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}
.ad-pipe-count{font-size:10px;font-weight:700;background:var(--gray-200);padding:1px 8px;border-radius:var(--radius-full)}
.ad-pipe-card{
    background:var(--surface-card);border:1px solid var(--border-light);
    border-radius:var(--radius-sm);padding:10px;margin-bottom:6px;
    cursor:pointer;transition:var(--transition);text-decoration:none;color:inherit;display:block;
}
.ad-pipe-card:hover{box-shadow:var(--shadow-1);border-color:var(--gray-400)}
.ad-pipe-name{font-size:12.5px;font-weight:600;margin-bottom:2px}
.ad-pipe-meta{font-size:11px;color:var(--text-muted)}

/* ============================================================
   EMPTY STATE
   ============================================================ */
.ad-empty{text-align:center;padding:48px 24px}
.ad-empty-icon{font-size:48px;color:var(--text-muted);margin-bottom:14px;opacity:.4}
.ad-empty-title{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:4px}
.ad-empty-text{font-size:13px;color:var(--text-muted);margin-bottom:18px}

/* ============================================================
   GRID UTILITIES
   ============================================================ */
.ad-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.ad-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ad-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}

/* ============================================================
   FLEX UTILITIES
   ============================================================ */
.ad-flex{display:flex}
.ad-flex-col{flex-direction:column}
.ad-items-center{align-items:center}
.ad-justify-between{justify-content:space-between}
.ad-gap-1{gap:4px}.ad-gap-2{gap:8px}.ad-gap-3{gap:12px}.ad-gap-4{gap:16px}
.ad-w-full{width:100%}
.ad-text-center{text-align:center}.ad-text-right{text-align:right}
.ad-text-sm{font-size:12.5px}.ad-text-xs{font-size:11px}
.ad-font-semibold{font-weight:600}.ad-font-bold{font-weight:700}
.ad-text-muted{color:var(--text-muted)}
.ad-mb-1{margin-bottom:4px}.ad-mb-2{margin-bottom:8px}.ad-mb-3{margin-bottom:12px}.ad-mb-4{margin-bottom:16px}
.ad-mt-4{margin-top:16px}

/* ============================================================
   SCROLLBAR
   ============================================================ */
::-webkit-scrollbar{width:5px;height:5px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:1024px){
    .ad-sidebar{transform:translateX(-100%);transition:transform .3s var(--ease)}
    .ad-sidebar.open{transform:translateX(0)}
    .ad-main{margin-left:0}
    .ad-grid-4,.ad-grid-3{grid-template-columns:repeat(2,1fr)}
    .ad-pipeline{grid-template-columns:repeat(4,1fr)}
    .ad-footer-inner{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:768px){
    .ad-content{padding:16px}
    .ad-header{padding:0 16px}
    .ad-stat-grid{grid-template-columns:1fr}
    .ad-grid-4,.ad-grid-3,.ad-grid-2{grid-template-columns:1fr}
    .ad-pipeline{grid-template-columns:repeat(2,1fr)}
    .ad-hero{padding:60px 16px}
    .ad-hero-title{font-size:32px}
    .ad-section{padding:48px 16px}
    .ad-section-title{font-size:24px}
    .ad-navbar{padding:0 16px}
    .ad-nav{display:none}
    .ad-footer-inner{grid-template-columns:1fr;gap:28px}
    .ad-footer-bottom{flex-direction:column;gap:8px;text-align:center}
    .ad-footer-brands{gap:16px}
}


/* === Abner surgical admin/company form polish start === */

/* Keep existing design, but stop admin/company forms from looking like raw browser defaults. */
.admin-main,
.admin-content,
.company-main,
.company-content,
main {
    color: #111827;
}

.admin-main h1,
.admin-main h2,
.admin-main h3,
.admin-content h1,
.admin-content h2,
.admin-content h3,
.company-main h1,
.company-main h2,
.company-main h3,
.company-content h1,
.company-content h2,
.company-content h3 {
    letter-spacing: -0.035em;
    color: #111827;
}

.admin-main form,
.admin-content form,
.company-main form,
.company-content form {
    max-width: 100%;
}

.admin-main label,
.admin-content label,
.company-main label,
.company-content label {
    display: block;
    margin: 0 0 6px;
    color: #374151;
    font-size: 13px;
    font-weight: 700;
}

.admin-main input,
.admin-main select,
.admin-main textarea,
.admin-content input,
.admin-content select,
.admin-content textarea,
.company-main input,
.company-main select,
.company-main textarea,
.company-content input,
.company-content select,
.company-content textarea {
    width: 100%;
    max-width: 420px;
    min-height: 38px;
    padding: 9px 12px;
    border: 1px solid #d1d5db;
    border-radius: 12px;
    background: #ffffff;
    color: #111827;
    font: inherit;
    font-size: 14px;
    outline: none;
    box-shadow: 0 1px 0 rgba(17, 24, 39, 0.03);
    transition: border-color .16s ease, box-shadow .16s ease, background .16s ease;
}

.admin-main textarea,
.admin-content textarea,
.company-main textarea,
.company-content textarea {
    min-height: 88px;
    resize: vertical;
}

.admin-main input:focus,
.admin-main select:focus,
.admin-main textarea:focus,
.admin-content input:focus,
.admin-content select:focus,
.admin-content textarea:focus,
.company-main input:focus,
.company-main select:focus,
.company-main textarea:focus,
.company-content input:focus,
.company-content select:focus,
.company-content textarea:focus {
    border-color: #111827;
    box-shadow: 0 0 0 4px rgba(17, 24, 39, 0.08);
}

.admin-main input[type="checkbox"],
.admin-main input[type="radio"],
.admin-content input[type="checkbox"],
.admin-content input[type="radio"],
.company-main input[type="checkbox"],
.company-main input[type="radio"],
.company-content input[type="checkbox"],
.company-content input[type="radio"] {
    width: auto;
    max-width: none;
    min-height: auto;
    padding: 0;
    border-radius: 4px;
}

.admin-main button,
.admin-main .btn,
.admin-main a.btn,
.admin-content button,
.admin-content .btn,
.admin-content a.btn,
.company-main button,
.company-main .btn,
.company-main a.btn,
.company-content button,
.company-content .btn,
.company-content a.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 40px;
    padding: 10px 16px;
    border: 1px solid #111827;
    border-radius: 999px;
    background: #111827;
    color: #ffffff;
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    transition: transform .14s ease, box-shadow .14s ease, background .14s ease;
}

.admin-main button:hover,
.admin-main .btn:hover,
.admin-main a.btn:hover,
.admin-content button:hover,
.admin-content .btn:hover,
.admin-content a.btn:hover,
.company-main button:hover,
.company-main .btn:hover,
.company-main a.btn:hover,
.company-content button:hover,
.company-content .btn:hover,
.company-content a.btn:hover {
    transform: translateY(-1px);
    background: #000000;
    color: #ffffff;
    box-shadow: 0 10px 24px rgba(17, 24, 39, 0.16);
}

.admin-main table,
.admin-content table,
.company-main table,
.company-content table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 18px;
}

.admin-main th,
.admin-main td,
.admin-content th,
.admin-content td,
.company-main th,
.company-main td,
.company-content th,
.company-content td {
    padding: 13px 14px;
    border-bottom: 1px solid #eef0f3;
    text-align: left;
    vertical-align: middle;
    font-size: 14px;
}

.admin-main th,
.admin-content th,
.company-main th,
.company-content th {
    background: #f9fafb;
    color: #4b5563;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.admin-main tr:last-child td,
.admin-content tr:last-child td,
.company-main tr:last-child td,
.company-content tr:last-child td {
    border-bottom: 0;
}

/* Common admin/company card wrappers without changing layout structure. */
.admin-main .card,
.admin-main .panel,
.admin-main .box,
.admin-content .card,
.admin-content .panel,
.admin-content .box,
.company-main .card,
.company-main .panel,
.company-main .box,
.company-content .card,
.company-content .panel,
.company-content .box {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 22px;
    box-shadow: 0 12px 34px rgba(17, 24, 39, 0.06);
}

/* If a page uses plain divs around forms, give it cleaner spacing. */
.admin-main form > div,
.admin-content form > div,
.company-main form > div,
.company-content form > div {
    margin-bottom: 14px;
}

/* Keep buttons/inputs usable on mobile. */
@media (max-width: 768px) {
    .admin-main input,
    .admin-main select,
    .admin-main textarea,
    .admin-content input,
    .admin-content select,
    .admin-content textarea,
    .company-main input,
    .company-main select,
    .company-main textarea,
    .company-content input,
    .company-content select,
    .company-content textarea {
        max-width: 100%;
    }

    .admin-main table,
    .admin-content table,
    .company-main table,
    .company-content table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
}

/* === Abner surgical admin/company form polish end === */


/* === Abner stronger admin/company CSS start === */

/*
   Surgical polish only:
   - keeps the current layout/design
   - styles raw admin/company forms that were showing as browser defaults
   - does not replace the dashboard/header/sidebar structure
*/

.admin-shell input:not([type="checkbox"]):not([type="radio"]),
.admin-shell select,
.admin-shell textarea,
.admin-layout input:not([type="checkbox"]):not([type="radio"]),
.admin-layout select,
.admin-layout textarea,
.admin-main input:not([type="checkbox"]):not([type="radio"]),
.admin-main select,
.admin-main textarea,
.admin-content input:not([type="checkbox"]):not([type="radio"]),
.admin-content select,
.admin-content textarea,
.admin-panel input:not([type="checkbox"]):not([type="radio"]),
.admin-panel select,
.admin-panel textarea,
main input:not([type="checkbox"]):not([type="radio"]),
main select,
main textarea {
    min-height: 40px !important;
    padding: 10px 12px !important;
    border: 1px solid #d1d5db !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    color: #111827 !important;
    font: inherit !important;
    font-size: 14px !important;
    box-shadow: 0 1px 0 rgba(17,24,39,.03) !important;
    outline: none !important;
}

.admin-shell input:focus,
.admin-shell select:focus,
.admin-shell textarea:focus,
.admin-layout input:focus,
.admin-layout select:focus,
.admin-layout textarea:focus,
.admin-main input:focus,
.admin-main select:focus,
.admin-main textarea:focus,
.admin-content input:focus,
.admin-content select:focus,
.admin-content textarea:focus,
main input:focus,
main select:focus,
main textarea:focus {
    border-color: #111827 !important;
    box-shadow: 0 0 0 4px rgba(17,24,39,.08) !important;
}

.admin-shell label,
.admin-layout label,
.admin-main label,
.admin-content label,
.admin-panel label,
main label {
    color: #374151;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 6px;
}

.admin-shell button,
.admin-shell .btn,
.admin-shell a.btn,
.admin-layout button,
.admin-layout .btn,
.admin-layout a.btn,
.admin-main button,
.admin-main .btn,
.admin-main a.btn,
.admin-content button,
.admin-content .btn,
.admin-content a.btn,
main button,
main .btn,
main a.btn {
    border-radius: 999px;
    font-weight: 800;
}

.admin-shell table,
.admin-layout table,
.admin-main table,
.admin-content table,
main table {
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 18px;
    overflow: hidden;
}

.admin-shell th,
.admin-shell td,
.admin-layout th,
.admin-layout td,
.admin-main th,
.admin-main td,
.admin-content th,
.admin-content td,
main th,
main td {
    padding: 13px 14px;
}

.admin-shell th,
.admin-layout th,
.admin-main th,
.admin-content th,
main th {
    background: #f9fafb;
    color: #4b5563;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
}

/* Chrome/Edge supports :has; this specifically targets pages with the dark admin sidebar. */
body:has(.admin-sidebar) input:not([type="checkbox"]):not([type="radio"]),
body:has(.admin-sidebar) select,
body:has(.admin-sidebar) textarea {
    min-height: 40px !important;
    padding: 10px 12px !important;
    border: 1px solid #d1d5db !important;
    border-radius: 12px !important;
    background: #fff !important;
}

body:has(.admin-sidebar) form > div {
    margin-bottom: 14px;
}

/* === Abner stronger admin/company CSS end === */


/* === Abner admin scoped form polish start === */

/* Scoped only to the existing admin layout. This does not replace the design. */
body.ad-admin-page input:not([type="checkbox"]):not([type="radio"]),
body.ad-admin-page select,
body.ad-admin-page textarea {
    min-height: 40px !important;
    padding: 10px 12px !important;
    border: 1px solid #d1d5db !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    color: #111827 !important;
    font: inherit !important;
    font-size: 14px !important;
    outline: none !important;
    box-shadow: 0 1px 0 rgba(17,24,39,.03) !important;
}

body.ad-admin-page input:focus,
body.ad-admin-page select:focus,
body.ad-admin-page textarea:focus {
    border-color: #111827 !important;
    box-shadow: 0 0 0 4px rgba(17,24,39,.08) !important;
}

body.ad-admin-page textarea {
    min-height: 92px !important;
    resize: vertical;
}

body.ad-admin-page label {
    display: block;
    margin-bottom: 6px;
    color: #374151;
    font-size: 13px;
    font-weight: 700;
}

body.ad-admin-page form > div {
    margin-bottom: 14px;
}

body.ad-admin-page button,
body.ad-admin-page .btn,
body.ad-admin-page a.btn {
    border-radius: 999px;
    font-weight: 800;
}

body.ad-admin-page table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 18px;
    overflow: hidden;
}

body.ad-admin-page th,
body.ad-admin-page td {
    padding: 13px 14px;
}

body.ad-admin-page th {
    background: #f9fafb;
    color: #4b5563;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
}

@media (max-width: 768px) {
    body.ad-admin-page input:not([type="checkbox"]):not([type="radio"]),
    body.ad-admin-page select,
    body.ad-admin-page textarea {
        width: 100% !important;
        max-width: 100% !important;
    }

    body.ad-admin-page table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
}

/* === Abner admin scoped form polish end === */


/* === Abner admin package/company polish start === */

body.ad-admin-page,
body.admin,
body[class*="admin"] {
    background: #f5f5f4;
}

/* Forms */
body.ad-admin-page input:not([type="checkbox"]):not([type="radio"]),
body.ad-admin-page select,
body.ad-admin-page textarea,
body[class*="admin"] input:not([type="checkbox"]):not([type="radio"]),
body[class*="admin"] select,
body[class*="admin"] textarea,
.admin-shell input:not([type="checkbox"]):not([type="radio"]),
.admin-shell select,
.admin-shell textarea,
.admin-main input:not([type="checkbox"]):not([type="radio"]),
.admin-main select,
.admin-main textarea,
.admin-content input:not([type="checkbox"]):not([type="radio"]),
.admin-content select,
.admin-content textarea,
form input:not([type="checkbox"]):not([type="radio"]),
form select,
form textarea {
    min-height: 42px !important;
    padding: 10px 13px !important;
    border: 1px solid #d1d5db !important;
    border-radius: 13px !important;
    background: #ffffff !important;
    color: #111827 !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    outline: none !important;
    box-shadow: 0 1px 0 rgba(17,24,39,.04) !important;
}

body.ad-admin-page textarea,
body[class*="admin"] textarea,
.admin-shell textarea,
.admin-main textarea,
.admin-content textarea,
form textarea {
    min-height: 96px !important;
    resize: vertical;
}

body.ad-admin-page input:focus,
body.ad-admin-page select:focus,
body.ad-admin-page textarea:focus,
body[class*="admin"] input:focus,
body[class*="admin"] select:focus,
body[class*="admin"] textarea:focus,
.admin-shell input:focus,
.admin-shell select:focus,
.admin-shell textarea:focus,
.admin-main input:focus,
.admin-main select:focus,
.admin-main textarea:focus,
.admin-content input:focus,
.admin-content select:focus,
.admin-content textarea:focus {
    border-color: #111827 !important;
    box-shadow: 0 0 0 4px rgba(17,24,39,.08) !important;
}

/* Labels and form rows */
body.ad-admin-page label,
body[class*="admin"] label,
.admin-shell label,
.admin-main label,
.admin-content label,
form label {
    display: block;
    margin-bottom: 6px;
    color: #374151;
    font-size: 13px;
    font-weight: 800;
}

body.ad-admin-page form > div,
body[class*="admin"] form > div,
.admin-shell form > div,
.admin-main form > div,
.admin-content form > div {
    margin-bottom: 15px;
}

/* Buttons */
body.ad-admin-page button,
body.ad-admin-page .btn,
body.ad-admin-page a.btn,
body[class*="admin"] button,
body[class*="admin"] .btn,
body[class*="admin"] a.btn,
.admin-shell button,
.admin-shell .btn,
.admin-shell a.btn,
.admin-main button,
.admin-main .btn,
.admin-main a.btn,
.admin-content button,
.admin-content .btn,
.admin-content a.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 40px;
    padding: 10px 16px;
    border-radius: 999px !important;
    font-size: 14px;
    font-weight: 850;
    text-decoration: none;
}

/* Tables/cards */
body.ad-admin-page table,
body[class*="admin"] table,
.admin-shell table,
.admin-main table,
.admin-content table {
    width: 100%;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    overflow: hidden;
    border-radius: 18px;
    border: 1px solid #e5e7eb;
    background: #ffffff;
}

body.ad-admin-page th,
body.ad-admin-page td,
body[class*="admin"] th,
body[class*="admin"] td,
.admin-shell th,
.admin-shell td,
.admin-main th,
.admin-main td,
.admin-content th,
.admin-content td {
    padding: 13px 14px !important;
    border-bottom: 1px solid #eef0f3;
    vertical-align: middle;
}

body.ad-admin-page th,
body[class*="admin"] th,
.admin-shell th,
.admin-main th,
.admin-content th {
    background: #f9fafb;
    color: #4b5563;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
}

body.ad-admin-page .card,
body.ad-admin-page .panel,
body.ad-admin-page .box,
body[class*="admin"] .card,
body[class*="admin"] .panel,
body[class*="admin"] .box,
.admin-shell .card,
.admin-shell .panel,
.admin-shell .box,
.admin-main .card,
.admin-main .panel,
.admin-main .box,
.admin-content .card,
.admin-content .panel,
.admin-content .box {
    border-radius: 22px;
    border: 1px solid #e5e7eb;
    background: #ffffff;
    box-shadow: 0 14px 34px rgba(17,24,39,.06);
}

/* Logos */
.site-logo img,
.admin-logo img,
.brand-logo img,
.logo img {
    max-height: 46px;
    width: auto;
    object-fit: contain;
}

@media (max-width: 768px) {
    body.ad-admin-page table,
    body[class*="admin"] table,
    .admin-shell table,
    .admin-main table,
    .admin-content table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }

    body.ad-admin-page input:not([type="checkbox"]):not([type="radio"]),
    body.ad-admin-page select,
    body.ad-admin-page textarea,
    body[class*="admin"] input:not([type="checkbox"]):not([type="radio"]),
    body[class*="admin"] select,
    body[class*="admin"] textarea {
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* === Abner admin package/company polish end === */


/* === Abner impersonation controls start === */
.abner-impersonation-panel {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin: 0 0 22px;
    padding: 18px;
    border: 1px solid #e7e5e4;
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 12px 30px rgba(17,24,39,.045);
}

.abner-impersonation-panel strong {
    display: block;
    color: #111827;
    font-size: 16px;
    margin-bottom: 4px;
}

.abner-impersonation-panel span {
    color: #71717a;
    font-size: 13px;
}

.abner-impersonation-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.abner-impersonation-links a,
.abner-impersonation-banner a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 9px 14px;
    border-radius: 999px;
    background: #111827;
    color: #ffffff !important;
    font-size: 13px;
    font-weight: 850;
    text-decoration: none;
}

.abner-impersonation-banner {
    position: fixed;
    left: 50%;
    bottom: 18px;
    z-index: 99999;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 10px 12px 10px 16px;
    border: 1px solid #292524;
    border-radius: 999px;
    background: #111111;
    color: #ffffff;
    box-shadow: 0 20px 50px rgba(0,0,0,.25);
}

.abner-impersonation-banner span {
    font-size: 13px;
    color: #e5e7eb;
}

.abner-impersonation-banner strong {
    color: #ffffff;
}

.abner-impersonation-banner a {
    min-height: 34px;
    background: #d6a94f;
    color: #111111 !important;
}

@media (max-width: 760px) {
    .abner-impersonation-panel {
        flex-direction: column;
    }

    .abner-impersonation-links {
        justify-content: flex-start;
    }

    .abner-impersonation-banner {
        left: 12px;
        right: 12px;
        bottom: 12px;
        transform: none;
        border-radius: 18px;
        justify-content: space-between;
    }
}
/* === Abner impersonation controls end === */


/* === Abner company impersonation row/actions fix start === */
.ad-inline-person {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.ad-inline-person strong {
    display: block;
    color: #111827;
}

.ad-inline-person small {
    display: block;
    color: #71717a;
    font-size: 12px;
}

.ad-row-actions {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

.ad-row-actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 8px 12px;
    border-radius: 999px;
    background: #f4f4f5;
    color: #27272a !important;
    font-size: 12px;
    font-weight: 850;
    text-decoration: none;
}

.ad-row-actions a.primary {
    background: #111827;
    color: #ffffff !important;
}

.abner-impersonation-banner-static {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin: 0 0 18px;
    padding: 12px 16px;
    border-radius: 18px;
    background: #111827;
    color: #ffffff;
}

.abner-impersonation-banner-static a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 8px 14px;
    border-radius: 999px;
    background: #d6a94f;
    color: #111827 !important;
    font-weight: 850;
    text-decoration: none;
}

@media (max-width: 760px) {
    .ad-row-actions {
        justify-content: flex-start;
    }

    .abner-impersonation-banner-static {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* === Abner company impersonation row/actions fix end === */