/* ═══════════════════════════════════════
   DASHBOARD OVERRIDES
   (loaded after style.css)
═══════════════════════════════════════ */

/* Dashboard page uses a gray background */
body.dashboard-body{background:#f0f1f3;min-height:100vh;display:flex;flex-direction:column;}
body.dashboard-body footer{margin-top:auto;}

/* ── TOP BAR (logged-in variant) ── */
.hp-topbar{background:var(--navy, #111827);color:#ccc;font-size:12px;padding:6px 0;display:flex;justify-content:center;align-items:center;}
.hp-topbar__inner{max-width:1200px;width:100%;padding:0 28px;display:flex;justify-content:space-between;align-items:center;}
.hp-topbar__social{display:flex;gap:14px;align-items:center;}
.hp-topbar__slink{color:#aaa;text-decoration:none;font-size:14px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;transition:color .2s;}
.hp-topbar__slink:hover{color:#fff;text-decoration:none;}
.hp-topbar__auth{display:flex;align-items:center;gap:14px;}
.hp-topbar__user{display:flex;align-items:center;gap:8px;color:#ccc;font-size:12px;}
.hp-topbar__user-avatar{width:22px;height:22px;border-radius:50%;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;}
.hp-topbar__user-name{font-weight:600;color:#ddd;}
.hp-topbar__alink{color:#ccc;text-decoration:none;font-size:12px;font-weight:600;}
.hp-topbar__alink:hover{color:#fff;text-decoration:none;}
.hp-topbar__alink--logout{color:#e88;font-size:11px;}
.hp-topbar__alink--logout:hover{color:#faa;}

/* USER DROPDOWN */
.hp-topbar__dropdown{position:relative;}
.hp-topbar__dropdown-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;padding:2px 0;color:#ccc;font-size:12px;}
.hp-topbar__dropdown-toggle:hover .hp-topbar__user-name{color:#fff;}
.hp-topbar__dropdown-arrow{font-size:9px;opacity:.6;transition:transform .2s;}
.hp-topbar__dropdown--open .hp-topbar__dropdown-arrow{transform:rotate(180deg);}
.hp-topbar__dropdown-menu{display:none;position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:6px;box-shadow:0 6px 24px rgba(0,0,0,.18);min-width:200px;padding:6px 0;z-index:300;}
.hp-topbar__dropdown--open .hp-topbar__dropdown-menu{display:block;}
.hp-topbar__dropdown-menu::before{content:'';position:absolute;top:-6px;right:14px;width:12px;height:12px;background:#fff;transform:rotate(45deg);box-shadow:-2px -2px 4px rgba(0,0,0,.04);}
.hp-topbar__dm-item{display:flex;align-items:center;gap:10px;padding:9px 16px;font-size:12.5px;color:#444;text-decoration:none;transition:background .15s;}
.hp-topbar__dm-item:hover{background:var(--gray-100);color:var(--blue);text-decoration:none;}
.hp-topbar__dm-item svg{width:15px;height:15px;opacity:.5;flex-shrink:0;}
.hp-topbar__dm-item:hover svg{opacity:.8;}
.hp-topbar__dm-divider{height:1px;background:var(--gray-300, #dde1e9);margin:4px 0;}
.hp-topbar__dm-item--logout{color:var(--red, #a01a1a);}
.hp-topbar__dm-item--logout:hover{background:rgba(220,53,69,.05);color:var(--red, #a01a1a);}

/* ── DASHBOARD LAYOUT ── */
.db-layout{max-width:1400px;margin:0 auto;padding:24px 20px;display:grid;grid-template-columns:280px 1fr;gap:24px;flex:1;}

/* SIDEBAR */
.db-sidebar{display:flex;flex-direction:column;gap:0;}

.db-profile-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden;}
.db-profile-card__header{background:linear-gradient(135deg,var(--blue),var(--blue-dark));padding:24px 20px;text-align:center;position:relative;}
.db-profile-card__avatar{width:80px;height:80px;border-radius:50%;background:#fff;border:3px solid #fff;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:var(--blue);overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.2);}
.db-profile-card__avatar img{width:100%;height:100%;object-fit:cover;}
.db-profile-card__name{color:#fff;font-size:16px;font-weight:700;}
.db-profile-card__meta{color:rgba(255,255,255,.7);font-size:11px;margin-top:3px;}
.db-profile-card__badge{display:inline-block;background:rgba(255,255,255,.2);color:#fff;font-size:10px;padding:3px 10px;border-radius:20px;margin-top:8px;font-weight:600;}

.db-nav{padding:6px 0;}
.db-nav__section{padding:0 0 4px 0;}
.db-nav__section-title{font-size:10px;font-weight:700;color:var(--gray-500);letter-spacing:1.2px;text-transform:uppercase;padding:14px 20px 6px;display:flex;align-items:center;gap:6px;}
.db-nav__section-title svg{opacity:.5;}
.db-nav__item{display:flex;align-items:center;gap:10px;padding:10px 20px;font-size:13px;font-weight:500;color:var(--gray-700);cursor:pointer;transition:all .15s;text-decoration:none;border-left:3px solid transparent;}
.db-nav__item:hover{background:var(--gray-100);color:var(--blue);text-decoration:none;border-left-color:var(--gray-300);}
.db-nav__item--active{background:rgba(26,95,168,.06);color:var(--blue);font-weight:600;border-left-color:var(--blue);}
.db-nav__item--active:hover{border-left-color:var(--blue);}
.db-nav__item svg{width:18px;height:18px;flex-shrink:0;opacity:.55;}
.db-nav__item--active svg{opacity:1;}
.db-nav__divider{height:1px;background:var(--gray-300);margin:4px 16px;}

/* MAIN CONTENT */
.db-main{min-width:0;}

/* PAGE HEADER */
.db-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;}
.db-page-header__left{display:flex;align-items:center;gap:12px;}
.db-page-header__icon{width:40px;height:40px;border-radius:var(--radius);background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;}
.db-page-header__icon svg{width:20px;height:20px;}
.db-page-header__title{font-size:20px;font-weight:700;color:var(--navy, #111827);}
.db-page-header__sub{font-size:12px;color:var(--gray-500);margin-top:1px;}

/* SAVE BUTTON */
.db-save-btn{background:#2ba5b5;color:#fff;border:none;padding:10px 28px;font-size:13px;font-weight:700;border-radius:var(--radius);cursor:pointer;font-family:inherit;transition:all .2s;letter-spacing:.3px;display:flex;align-items:center;gap:6px;}
.db-save-btn:hover{background:#228f9d;box-shadow:0 2px 8px rgba(43,165,181,.3);}
.db-save-btn svg{width:16px;height:16px;}

/* FORM CARDS */
.db-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:20px;overflow:hidden;}
.db-card__header{padding:16px 24px;border-bottom:1px solid var(--gray-300);display:flex;align-items:center;gap:10px;}
.db-card__header-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.db-card__header-icon--blue{background:rgba(26,95,168,.1);color:var(--blue);}
.db-card__header-icon--teal{background:rgba(43,165,181,.1);color:#2ba5b5;}
.db-card__header-icon--orange{background:rgba(226,160,63,.12);color:#e2a03f;}
.db-card__header-icon--green{background:rgba(40,167,69,.1);color:#28a745;}
.db-card__header-icon svg{width:16px;height:16px;}
.db-card__title{font-size:15px;font-weight:700;color:var(--navy, #111827);}
.db-card__body{padding:24px;overflow-x:auto;}

/* FORM ELEMENTS */
.db-form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:0;}
.db-form-row--single{grid-template-columns:1fr;}
.db-form-group{margin-bottom:20px;}
.db-form-group:last-child{margin-bottom:0;}
.db-label{display:block;font-size:12px;font-weight:600;color:#2ba5b5;margin-bottom:6px;letter-spacing:.3px;}
.db-label span{color:var(--gray-500);font-weight:400;font-size:11px;margin-left:4px;}
.db-input{width:100%;padding:10px 14px;border:1px solid var(--gray-300);border-radius:4px;font-size:13px;font-family:inherit;color:var(--text);background:var(--gray-100);transition:all .2s;}
.db-input:focus{outline:none;border-color:var(--blue);background:#fff;box-shadow:0 0 0 3px rgba(26,95,168,.1);}
.db-input::placeholder{color:var(--gray-500);}
.db-textarea{resize:vertical;min-height:80px;}
.db-input-hint{font-size:11px;color:var(--gray-500);margin-top:4px;}

/* VISIBILITY CONTROL */
.db-visibility{display:flex;align-items:center;gap:8px;margin-top:8px;padding:6px 10px;background:var(--gray-100);border-radius:4px;border-left:3px solid var(--gray-300);}
.db-visibility__label{font-size:11px;color:var(--gray-500);white-space:nowrap;}
.db-visibility__select{padding:4px 8px;border:1px solid var(--gray-300);border-radius:3px;font-size:11px;font-family:inherit;color:var(--gray-700);background:#fff;cursor:pointer;}
.db-visibility__select:focus{outline:none;border-color:var(--blue);}

/* PHOTO UPLOAD */
.db-photo-upload{display:flex;align-items:center;gap:20px;padding:4px 0;}
.db-photo-upload__preview{width:100px;height:100px;border-radius:50%;background:var(--gray-100);border:3px dashed var(--gray-300);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;position:relative;cursor:pointer;transition:border-color .2s;}
.db-photo-upload__preview:hover{border-color:var(--blue);}
.db-photo-upload__preview img{width:100%;height:100%;object-fit:cover;}
.db-photo-upload__placeholder{text-align:center;color:var(--gray-500);}
.db-photo-upload__placeholder svg{width:28px;height:28px;margin-bottom:2px;}
.db-photo-upload__placeholder span{display:block;font-size:10px;}
.db-photo-upload__info{flex:1;}
.db-photo-upload__info p{font-size:12px;color:var(--gray-500);line-height:1.6;}
.db-photo-upload__btns{display:flex;gap:8px;margin-top:8px;}
.db-photo-upload__btn{padding:6px 16px;font-size:12px;font-weight:600;border-radius:4px;cursor:pointer;font-family:inherit;border:none;transition:all .2s;}
.db-photo-upload__btn--upload{background:var(--blue);color:#fff;}
.db-photo-upload__btn--upload:hover{background:var(--blue-dark);}
.db-photo-upload__btn--remove{background:var(--gray-100);color:var(--gray-500);border:1px solid var(--gray-300);}
.db-photo-upload__btn--remove:hover{background:var(--gray-200);}

/* SOCIAL LINKS */
.db-social-row{display:flex;align-items:center;gap:10px;margin-bottom:12px;}
.db-social-row:last-child{margin-bottom:0;}
.db-social-icon{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;}
.db-social-icon--linkedin{background:#0077B5;}
.db-social-icon--github{background:#333;}
.db-social-icon--portfolio{background:#2ba5b5;}
.db-social-icon--facebook{background:#1877F2;}
.db-social-icon--instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);}
.db-social-icon svg{width:16px;height:16px;}
.db-social-input{flex:1;padding:9px 12px;border:1px solid var(--gray-300);border-radius:4px;font-size:12px;font-family:inherit;color:var(--text);background:var(--gray-100);transition:all .2s;}
.db-social-input:focus{outline:none;border-color:var(--blue);background:#fff;box-shadow:0 0 0 3px rgba(26,95,168,.1);}
.db-social-input::placeholder{color:var(--gray-500);}

/* TAGS INPUT */
.db-tags{display:flex;flex-wrap:wrap;gap:6px;padding:8px 10px;border:1px solid var(--gray-300);border-radius:4px;background:var(--gray-100);min-height:42px;cursor:text;transition:all .2s;}
.db-tags:focus-within{border-color:var(--blue);background:#fff;box-shadow:0 0 0 3px rgba(26,95,168,.1);}
.db-tag{display:inline-flex;align-items:center;gap:4px;background:var(--blue);color:#fff;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;animation:tagIn .2s ease;}
@keyframes tagIn{from{transform:scale(.8);opacity:0;}to{transform:scale(1);opacity:1;}}
.db-tag--interest{background:#2ba5b5;}
.db-tag__remove{cursor:pointer;opacity:.7;font-size:14px;line-height:1;display:flex;align-items:center;margin-left:2px;}
.db-tag__remove:hover{opacity:1;}
.db-tags__input{border:none;outline:none;background:transparent;font-size:12px;font-family:inherit;flex:1;min-width:100px;padding:2px 4px;color:var(--text);}
.db-tags__input::placeholder{color:var(--gray-500);}

/* SUCCESS TOAST */
.db-toast{position:fixed;top:80px;right:20px;background:#28a745;color:#fff;padding:12px 24px;border-radius:var(--radius);font-size:13px;font-weight:600;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:8px;transform:translateX(120%);transition:transform .3s ease;z-index:200;}
.db-toast--show{transform:translateX(0);}
.db-toast svg{width:18px;height:18px;}

/* ── STORIES ── */
.st-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:10px;}
.st-new-btn{display:inline-flex;align-items:center;gap:6px;background:var(--blue);color:#fff;border:none;padding:9px 20px;font-size:12.5px;font-weight:700;border-radius:var(--radius);cursor:pointer;font-family:inherit;transition:all .2s;}
.st-new-btn:hover{background:var(--blue-dark);box-shadow:0 2px 8px rgba(26,95,168,.3);}
.st-new-btn svg{width:15px;height:15px;}

.st-list{display:flex;flex-direction:column;gap:14px;}

.st-card{border:1px solid var(--gray-300);border-radius:var(--radius);background:#fff;overflow:hidden;transition:box-shadow .2s;}
.st-card:hover{box-shadow:var(--shadow-lg);}
.st-card__inner{display:flex;gap:0;}
.st-card__stripe{width:4px;flex-shrink:0;}
.st-card__stripe--published{background:#28a745;}
.st-card__stripe--draft{background:#e2a03f;}
.st-card__stripe--pending{background:#2ba5b5;}
.st-card__content{flex:1;padding:16px 18px;}
.st-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px;}
.st-card__title{font-size:14px;font-weight:700;color:var(--navy, #111827);line-height:1.4;}
.st-card__badges{display:flex;gap:6px;flex-shrink:0;align-items:center;}
.st-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;padding:3px 9px;border-radius:20px;letter-spacing:.3px;text-transform:uppercase;}
.st-badge--published{background:rgba(40,167,69,.12);color:#1e7e34;}
.st-badge--draft{background:rgba(226,160,63,.15);color:#b07d1e;}
.st-badge--pending{background:rgba(43,165,181,.12);color:#228f9d;}
.st-card__excerpt{font-size:12.5px;color:var(--gray-500);line-height:1.6;margin-bottom:12px;}
.st-card__footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;}
.st-card__meta{font-size:11px;color:var(--gray-500);display:flex;align-items:center;gap:12px;}
.st-card__meta-item{display:flex;align-items:center;gap:4px;}
.st-card__meta-item svg{width:12px;height:12px;opacity:.6;}
.st-card__actions{display:flex;gap:6px;}
.st-action-btn{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:5px 12px;border-radius:4px;cursor:pointer;border:none;font-family:inherit;transition:all .15s;}
.st-action-btn--edit{background:var(--gray-100);color:var(--gray-700);border:1px solid var(--gray-300);}
.st-action-btn--edit:hover{background:var(--blue);color:#fff;border-color:var(--blue);}
.st-action-btn--view{background:var(--gray-100);color:var(--gray-700);border:1px solid var(--gray-300);}
.st-action-btn--view:hover{background:#2ba5b5;color:#fff;border-color:#2ba5b5;}
.st-action-btn--delete{background:transparent;color:var(--gray-500);border:1px solid transparent;}
.st-action-btn--delete:hover{color:#dc3545;border-color:rgba(220,53,69,.3);background:rgba(220,53,69,.05);}
.st-action-btn svg{width:12px;height:12px;}

.st-empty{text-align:center;padding:48px 24px;color:var(--gray-500);}
.st-empty svg{width:48px;height:48px;opacity:.25;margin-bottom:12px;}
.st-empty__title{font-size:15px;font-weight:600;color:var(--gray-500);margin-bottom:6px;}
.st-empty__text{font-size:13px;line-height:1.6;}

/* NEW STORY FORM (inline, toggle) */
.st-form-wrap{background:var(--gray-100);border:1px solid var(--gray-300);border-radius:var(--radius);padding:20px 24px;margin-bottom:20px;display:none;}
.st-form-wrap--open{display:block;}
.st-form-title{font-size:14px;font-weight:700;color:var(--navy, #111827);margin-bottom:16px;display:flex;align-items:center;gap:8px;}
.st-form-title svg{width:16px;height:16px;color:var(--blue);}
.st-form-footer{display:flex;align-items:center;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid var(--gray-300);}
.st-form-submit{background:var(--blue);color:#fff;border:none;padding:9px 22px;font-size:12.5px;font-weight:700;border-radius:var(--radius);cursor:pointer;font-family:inherit;transition:all .2s;}
.st-form-submit:hover{background:var(--blue-dark);}
.st-form-cancel{background:transparent;color:var(--gray-500);border:1px solid var(--gray-300);padding:9px 18px;font-size:12.5px;font-weight:600;border-radius:var(--radius);cursor:pointer;font-family:inherit;transition:all .2s;}
.st-form-cancel:hover{background:var(--gray-100);}
.st-char-count{font-size:11px;color:var(--gray-500);margin-top:4px;text-align:right;}

/* ── ADMIN STYLES ── */

/* Stats Grid */
.adm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px;}
.adm-stats--secondary{grid-template-columns:repeat(4,1fr);}
.adm-stat-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px;display:flex;align-items:center;gap:16px;transition:box-shadow .2s;}
.adm-stat-card:hover{box-shadow:var(--shadow);}
.adm-stat-card__icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.adm-stat-card__icon svg{width:24px;height:24px;}
.adm-stat-card--blue .adm-stat-card__icon{background:rgba(26,95,168,.1);color:var(--blue);}
.adm-stat-card--green .adm-stat-card__icon{background:rgba(40,167,69,.1);color:#28a745;}
.adm-stat-card--orange .adm-stat-card__icon{background:rgba(226,160,63,.12);color:#e2a03f;}
.adm-stat-card--teal .adm-stat-card__icon{background:rgba(43,165,181,.1);color:#2ba5b5;}
.adm-stat-card__num{font-size:28px;font-weight:800;color:var(--navy, #111827);line-height:1;}
.adm-stat-card__label{font-size:12px;color:var(--gray-500);margin-top:4px;}

.adm-stat-mini{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:14px 18px;display:flex;align-items:center;justify-content:space-between;}
.adm-stat-mini__label{font-size:12px;color:var(--gray-500);}
.adm-stat-mini__val{font-size:18px;font-weight:700;color:var(--navy, #111827);}

/* Tabs / Filters */
.adm-tabs{display:flex;gap:6px;margin-bottom:16px;flex-wrap:wrap;}
.adm-tab{padding:7px 18px;font-size:12px;font-weight:600;border:1px solid var(--gray-300);border-radius:20px;background:#fff;color:var(--gray-500);cursor:pointer;font-family:inherit;transition:all .2s;}
.adm-tab:hover{border-color:var(--blue);color:var(--blue);}
.adm-tab--active{background:var(--blue);color:#fff;border-color:var(--blue);}

/* Table */
.adm-table{width:100%;border-collapse:collapse;font-size:13px;}
.adm-table th{background:var(--gray-100);padding:12px 16px;text-align:left;font-size:11px;font-weight:700;color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--gray-300);}
.adm-table td{padding:12px 16px;border-bottom:1px solid var(--gray-200);vertical-align:middle;}
.adm-table tr:hover td{background:var(--gray-100);}
.adm-table td strong{color:var(--navy, #111827);}

/* Badges */
.adm-badge{display:inline-block;font-size:10px;font-weight:700;padding:3px 10px;border-radius:20px;letter-spacing:.3px;text-transform:uppercase;white-space:nowrap;}
.adm-badge--green{background:rgba(40,167,69,.12);color:#1e7e34;}
.adm-badge--orange{background:rgba(226,160,63,.15);color:#b07d1e;}
.adm-badge--blue{background:rgba(26,95,168,.12);color:var(--blue);}
.adm-badge--red{background:rgba(220,53,69,.12);color:#dc3545;}
.adm-badge--dark{background:rgba(0,0,0,.1);color:#555;}

/* Action buttons */
.adm-actions{display:flex;gap:4px;flex-wrap:wrap;}
.adm-btn{padding:7px 16px;font-size:12px;font-weight:600;border:none;border-radius:4px;cursor:pointer;font-family:inherit;transition:all .15s;white-space:nowrap;}
.adm-btn--sm{padding:5px 12px;font-size:11px;}
.adm-btn--success{background:#28a745;color:#fff;}
.adm-btn--success:hover{background:#218838;}
.adm-btn--danger{background:#dc3545;color:#fff;}
.adm-btn--danger:hover{background:#c82333;}
.adm-btn--primary{background:var(--blue);color:#fff;}
.adm-btn--primary:hover{background:var(--blue-dark);}
.adm-btn--outline{background:transparent;color:var(--gray-500);border:1px solid var(--gray-300);}
.adm-btn--outline:hover{border-color:var(--blue);color:var(--blue);background:rgba(26,95,168,.04);}

/* Nav badge (pending count) */
.db-nav__badge{background:#dc3545;color:#fff;font-size:10px;font-weight:700;padding:1px 7px;border-radius:10px;margin-left:auto;}

/* Pagination */
.adm-pagination{display:flex;gap:4px;justify-content:center;margin-top:16px;}
.pg-btn{width:32px;height:32px;border:1px solid var(--gray-300);border-radius:4px;background:#fff;color:var(--gray-700);font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s;}
.pg-btn:hover{border-color:var(--blue);color:var(--blue);}
.pg-btn--active{background:var(--blue);color:#fff;border-color:var(--blue);}

/* Pending list (overview) */
.adm-pending-list{display:flex;flex-direction:column;gap:0;}
.adm-pending-item{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--gray-200);}
.adm-pending-item:last-child{border-bottom:none;}
.adm-pending-item__info{display:flex;flex-direction:column;gap:2px;}
.adm-pending-item__info strong{font-size:13px;color:var(--navy, #111827);}
.adm-pending-item__info span{font-size:11px;color:var(--gray-500);}
.adm-pending-item__actions{display:flex;gap:6px;}

/* Modals */
.adm-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:500;align-items:center;justify-content:center;padding:20px;}
.adm-modal__box{background:#fff;border-radius:var(--radius);padding:24px;max-width:460px;width:100%;box-shadow:0 8px 30px rgba(0,0,0,.2);position:relative;}
.adm-modal__box--wide{max-width:640px;}
.adm-modal__title{font-size:16px;font-weight:700;color:var(--navy, #111827);margin-bottom:16px;}
.adm-modal__actions{display:flex;gap:10px;margin-top:16px;justify-content:flex-end;}
.adm-modal__close{position:absolute;top:12px;right:16px;background:none;border:none;font-size:24px;color:var(--gray-500);cursor:pointer;padding:0;line-height:1;}
.adm-modal__close:hover{color:var(--navy, #111827);}

/* Detail grid */
.adm-detail-grid{display:flex;flex-direction:column;gap:8px;}
.adm-detail-row{display:flex;align-items:center;gap:8px;font-size:13px;padding:6px 0;border-bottom:1px solid var(--gray-200);}
.adm-detail-row:last-child{border-bottom:none;}
.adm-detail-row span{color:var(--gray-500);min-width:140px;flex-shrink:0;font-size:12px;}
.adm-detail-row strong{color:var(--navy, #111827);font-weight:500;}

/* ── RESPONSIVE ── */
@media(max-width:900px){
  .db-layout{grid-template-columns:1fr;padding:16px;}
  .db-sidebar{position:static;}
  .db-form-row{grid-template-columns:1fr;}
  .db-photo-upload{flex-direction:column;text-align:center;}
  .adm-stats{grid-template-columns:repeat(2,1fr);}
  .adm-stats--secondary{grid-template-columns:repeat(2,1fr);}
  .adm-table{font-size:12px;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;}
  .adm-table th,.adm-table td{padding:8px 10px;white-space:nowrap;}
  .st-card__inner{flex-direction:column;}
  .st-card__stripe{width:100%;height:4px;}
  .st-card__top{flex-wrap:wrap;}
  .st-card__footer{flex-wrap:wrap;}
}
@media(max-width:600px){
  .hp-topbar{padding:6px 12px;font-size:11px;}
  .hp-topbar__social{gap:4px;}
  .hp-topbar__social .hp-topbar__slink{width:20px;height:20px;font-size:12px;}
  .db-layout{padding:10px 8px;}
  .db-page-header{flex-direction:column;align-items:flex-start;gap:12px;}
  .db-card__body{padding:16px;}
  .db-social-row{flex-direction:column;align-items:stretch;}
  .db-social-icon{align-self:flex-start;}
  .adm-stats{grid-template-columns:1fr;}
  .adm-stats--secondary{grid-template-columns:repeat(2,1fr);}
  .st-header{flex-direction:column;align-items:flex-start;}
  .adm-tabs{flex-wrap:wrap;}
  .adm-pending-item{flex-direction:column;align-items:flex-start;gap:10px;}
  .adm-pending-item__actions{align-self:flex-end;}
  .adm-detail-row{flex-direction:column;align-items:flex-start;gap:2px;}
  .adm-detail-row span{min-width:auto;}
  .adm-modal__box{padding:16px;}
  .db-nav__item{font-size:12px;padding:8px 16px;}
  .db-sidebar .db-nav{display:none;}
  .db-sidebar--mobile-show .db-nav{display:block;}
}