/* David Akwara Films — Blog Studio and article layouts */
.dafbm-shell,
.dafbm-article-page { --dafbm-black:#050505; --dafbm-panel:#101010; --dafbm-line:rgba(255,255,255,.12); --dafbm-gold:#b89c6c; --dafbm-white:#fff; --dafbm-muted:rgba(255,255,255,.58); color:var(--dafbm-white); }
.dafbm-shell { width:100%; max-width:100%; margin:0; padding:74px max(24px,calc((100% - 1240px)/2)) 100px; background:#050505; font-family:inherit; }
.dafbm-shell *, .dafbm-article-page *, .dafbm-shell *:before, .dafbm-shell *:after { box-sizing:border-box; }
.dafbm-shell a { text-decoration:none; }
.dafbm-eyebrow { display:block; margin:0 0 15px; color:var(--dafbm-gold); font-size:10px; font-weight:600; letter-spacing:.24em; text-transform:uppercase; }
.dafbm-panel, .dafbm-login-panel { background:linear-gradient(145deg,#141414,#090909); border:1px solid var(--dafbm-line); padding:clamp(28px,5vw,58px); }
.dafbm-panel h2, .dafbm-login-panel h1 { margin:0 0 14px; color:#fff; font-size:clamp(32px,5vw,55px); font-weight:400; letter-spacing:-.045em; line-height:1.02; }
.dafbm-panel p, .dafbm-login-panel .dafbm-intro { max-width:650px; margin:0 0 28px; color:var(--dafbm-muted); font-size:14px; line-height:1.8; }
.dafbm-button, .dafbm-outline-button { min-height:48px; display:inline-flex; align-items:center; justify-content:center; gap:18px; padding:0 22px; background:var(--dafbm-gold); color:#080808!important; border:1px solid var(--dafbm-gold); font-size:9px; font-weight:700; letter-spacing:.17em; text-transform:uppercase; transition:background .25s ease,color .25s ease,transform .25s ease; cursor:pointer; }
.dafbm-button:hover { background:transparent; color:var(--dafbm-gold)!important; transform:translateY(-2px); }
.dafbm-button-full { width:100%; }
.dafbm-outline-button { background:transparent; color:#fff!important; border-color:var(--dafbm-line); }
.dafbm-outline-button:hover { color:var(--dafbm-gold)!important; border-color:var(--dafbm-gold); }
.dafbm-login-shell { min-height:68vh; display:flex; align-items:center; justify-content:center; }
.dafbm-login-panel { width:min(520px,100%); background:linear-gradient(145deg,#151515,#080808); border:1px solid var(--dafbm-line); padding:clamp(30px,6vw,58px); box-shadow:0 24px 80px rgba(0,0,0,.3); }
.dafbm-login-brandmark { margin-bottom:30px; color:#fff; font-size:30px; font-weight:600; letter-spacing:-.08em; }
.dafbm-login-brandmark span, .dafbm-dashboard-header h1 span { color:var(--dafbm-gold); }
.dafbm-login-form { display:grid; gap:11px; }
.dafbm-login-form > label, .dafbm-post-form label { margin-top:9px; color:rgba(255,255,255,.8); font-size:11px; font-weight:600; letter-spacing:.07em; }
.dafbm-login-form input[type=text], .dafbm-login-form input[type=password], .dafbm-input { width:100%; min-height:48px; padding:12px 14px; border:1px solid rgba(255,255,255,.16); border-radius:0; outline:none; background:#080808; color:#fff; font:inherit; font-size:13px; }
.dafbm-login-form input:focus, .dafbm-input:focus { border-color:var(--dafbm-gold); box-shadow:0 0 0 2px rgba(184,156,108,.12); }
.dafbm-login-options { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:8px 0 14px; }
.dafbm-login-options a, .dafbm-text-link { color:var(--dafbm-gold); font-size:11px; }
.dafbm-checkbox-label { display:flex!important; align-items:flex-start; gap:9px; margin:8px 0; color:rgba(255,255,255,.7)!important; font-size:11px!important; font-weight:400!important; line-height:1.5; cursor:pointer; }
.dafbm-checkbox-label input { margin:2px 0 0; accent-color:var(--dafbm-gold); }
.dafbm-login-footnote { margin:22px 0 0; color:rgba(255,255,255,.38); font-size:10px; line-height:1.6; }
.dafbm-notice { margin:0 0 24px; padding:14px 17px; border:1px solid var(--dafbm-line); font-size:12px; line-height:1.6; }
.dafbm-notice-success { border-color:rgba(95,180,125,.45); background:rgba(95,180,125,.08); color:#bde7c9; }
.dafbm-notice-error { border-color:rgba(220,100,100,.45); background:rgba(220,100,100,.08); color:#f0b5b5; }
.dafbm-dashboard-header { display:flex; align-items:flex-end; justify-content:space-between; gap:25px; padding-bottom:34px; border-bottom:1px solid var(--dafbm-line); }
.dafbm-dashboard-header h1 { margin:0; color:#fff; font-size:clamp(36px,5vw,62px); font-weight:400; letter-spacing:-.055em; line-height:1; }
.dafbm-dashboard-header p { margin:14px 0 0; color:var(--dafbm-muted); font-size:13px; }
.dafbm-dashboard-actions { display:flex; align-items:center; gap:20px; }
.dafbm-logout { color:rgba(255,255,255,.65); font-size:11px; }
.dafbm-logout:hover { color:var(--dafbm-gold); }
.dafbm-stats-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:28px 0 48px; }
.dafbm-stat-card { padding:22px 24px; border:1px solid var(--dafbm-line); background:#0d0d0d; }
.dafbm-stat-card span { display:block; color:var(--dafbm-muted); font-size:10px; letter-spacing:.12em; text-transform:uppercase; }
.dafbm-stat-card strong { display:block; margin-top:12px; color:var(--dafbm-gold); font-size:34px; font-weight:400; letter-spacing:-.04em; }
.dafbm-panel-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:25px; }
.dafbm-panel-heading h2 { margin:0; color:#fff; font-size:clamp(28px,4vw,42px); font-weight:400; letter-spacing:-.04em; }
.dafbm-editor-panel, .dafbm-posts-panel { padding:clamp(22px,4vw,38px); border:1px solid var(--dafbm-line); background:#0c0c0c; }
.dafbm-post-form { display:grid; grid-template-columns:minmax(0,1fr) 290px; gap:30px; }
.dafbm-form-main { min-width:0; }
.dafbm-form-main > label { display:block; margin:17px 0 8px; }
.dafbm-form-main > label:first-child { margin-top:0; }
.dafbm-form-main label span { color:rgba(255,255,255,.4); font-weight:400; }
.dafbm-title-input { min-height:58px; font-size:18px; }
.dafbm-excerpt-input { min-height:90px; resize:vertical; }
.dafbm-editor-label { display:block; margin:20px 0 9px; }
.dafbm-post-form .wp-editor-wrap { color:#222; }
.dafbm-post-form .wp-editor-container { border:1px solid #ccc; }
.dafbm-form-sidebar { display:grid; align-content:start; gap:15px; }
.dafbm-sidebar-box { padding:20px; border:1px solid var(--dafbm-line); background:#080808; }
.dafbm-sidebar-box h3 { margin:0 0 17px; color:#fff; font-size:15px; font-weight:500; }
.dafbm-sidebar-box > label:not(.dafbm-checkbox-label) { display:block; margin:10px 0 7px; }
.dafbm-sidebar-box .dafbm-input { min-height:43px; margin-bottom:8px; }
.dafbm-featured-check { margin:17px 0!important; }
.dafbm-preview-link { display:block; margin-top:14px; color:var(--dafbm-gold); font-size:11px; text-align:center; }
.dafbm-current-thumb { display:block; width:100%; max-height:150px; margin-bottom:12px; object-fit:cover; }
.dafbm-file-input { width:100%; color:rgba(255,255,255,.72); font-size:11px; }
.dafbm-sidebar-box small { display:block; margin-top:9px; color:rgba(255,255,255,.42); font-size:10px; line-height:1.6; }
.dafbm-category-options { max-height:220px; overflow:auto; margin-bottom:12px; }
.dafbm-category-options p { color:var(--dafbm-muted); font-size:11px; }
.dafbm-table-wrap { width:100%; overflow-x:auto; }
.dafbm-post-table { width:100%; border-collapse:collapse; color:#fff; font-size:12px; }
.dafbm-post-table th { padding:13px 12px; border-bottom:1px solid var(--dafbm-line); color:rgba(255,255,255,.43); font-size:9px; font-weight:600; letter-spacing:.14em; text-align:left; text-transform:uppercase; white-space:nowrap; }
.dafbm-post-table td { padding:16px 12px; border-bottom:1px solid rgba(255,255,255,.07); vertical-align:middle; }
.dafbm-table-article { display:flex; align-items:center; gap:13px; min-width:230px; }
.dafbm-table-article img, .dafbm-table-placeholder { width:58px; height:44px; flex:0 0 58px; object-fit:cover; background:#1a1a1a; }
.dafbm-table-placeholder { display:flex; align-items:center; justify-content:center; color:var(--dafbm-gold); font-size:11px; }
.dafbm-table-article strong { display:block; max-width:310px; color:#fff; font-size:12px; font-weight:500; }
.dafbm-table-article small { display:block; max-width:310px; margin-top:5px; overflow:hidden; color:rgba(255,255,255,.35); font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
.dafbm-status { display:inline-block; padding:6px 8px; border:1px solid var(--dafbm-line); color:#ddd; font-size:9px; text-transform:uppercase; }
.daf-status-publish { border-color:rgba(95,180,125,.35); color:#a9deb9; }
.daf-status-draft { color:#e3ca91; }
.dafbm-row-actions { display:flex; align-items:center; gap:11px; white-space:nowrap; }
.dafbm-row-actions a, .dafbm-row-actions button { padding:0; border:0; background:none; color:var(--dafbm-gold); font:inherit; font-size:10px; cursor:pointer; }
.dafbm-row-actions form { margin:0; }
.dafbm-row-actions button { color:#d58b8b; }
.dafbm-empty-state { padding:50px 20px; text-align:center; }
.dafbm-empty-mark { display:block; margin-bottom:16px; color:var(--dafbm-gold); font-size:24px; font-weight:600; }
.dafbm-empty-state h3 { margin:0 0 9px; color:#fff; font-size:25px; font-weight:400; }
.dafbm-empty-state p { margin:0 0 22px; color:var(--dafbm-muted); font-size:12px; }
.dafbm-dashboard-footer { display:flex; justify-content:space-between; gap:20px; padding-top:24px; color:rgba(255,255,255,.35); font-size:9px; letter-spacing:.15em; }
.dafbm-dashboard-footer a { color:var(--dafbm-gold); letter-spacing:normal; }

/* Single article page */
.dafbm-article-page { background:#050505; color:#fff; padding:0 0 100px; overflow:hidden; }
.dafbm-article-topbar { width:min(1180px,calc(100% - 60px)); margin:0 auto; padding:28px 0; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--dafbm-line); }
.dafbm-back-journal { color:var(--dafbm-gold); font-size:9px; font-weight:600; letter-spacing:.18em; text-decoration:none; }
.dafbm-back-journal span { margin-right:8px; font-size:15px; }
.dafbm-topbar-brand { color:rgba(255,255,255,.42); font-size:9px; letter-spacing:.2em; }
.dafbm-article-header { width:min(950px,calc(100% - 60px)); margin:0 auto; padding:100px 0 55px; text-align:center; }
.dafbm-article-categories { display:flex; justify-content:center; flex-wrap:wrap; gap:10px; margin-bottom:24px; }
.dafbm-article-categories a, .dafbm-article-categories span { color:var(--dafbm-gold); font-size:9px; letter-spacing:.16em; text-decoration:none; text-transform:uppercase; }
.dafbm-article-header h1 { margin:0; color:#fff; font-size:clamp(42px,7vw,88px); font-weight:400; line-height:.98; letter-spacing:-.055em; }
.dafbm-article-deck { max-width:760px; margin:25px auto 0; color:rgba(255,255,255,.63); font-size:17px; line-height:1.75; }
.dafbm-article-byline { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:12px; margin-top:30px; color:rgba(255,255,255,.52); font-size:10px; }
.dafbm-author-avatar img { display:block; width:38px; height:38px; border-radius:50%; object-fit:cover; }
.dafbm-author-name { color:#fff; }
.dafbm-byline-dot { width:3px; height:3px; border-radius:50%; background:var(--dafbm-gold); }
.dafbm-article-featured-image { width:min(1180px,calc(100% - 60px)); max-height:680px; margin:0 auto 75px; overflow:hidden; background:#111; }
.dafbm-article-featured-image img { display:block; width:100%; max-height:680px; object-fit:cover; }
.dafbm-article-layout { width:min(1180px,calc(100% - 60px)); margin:0 auto; display:grid; grid-template-columns:70px minmax(0,760px); justify-content:center; gap:65px; }
.dafbm-article-share { display:flex; flex-direction:column; align-items:center; gap:13px; position:sticky; top:35px; align-self:start; }
.dafbm-article-share > span { margin-bottom:5px; color:rgba(255,255,255,.35); font-size:8px; letter-spacing:.16em; }
.dafbm-article-share a { width:34px; height:34px; display:flex; align-items:center; justify-content:center; border:1px solid var(--dafbm-line); border-radius:50%; color:#fff; font-size:10px; font-weight:600; text-decoration:none; transition:all .2s ease; }
.dafbm-article-share a:hover { border-color:var(--dafbm-gold); color:var(--dafbm-gold); transform:translateY(-2px); }
.dafbm-article-content { min-width:0; color:rgba(255,255,255,.78); font-size:17px; line-height:1.95; overflow-wrap:anywhere; }
.dafbm-article-content > *:first-child { margin-top:0; }
.dafbm-article-content p { margin:0 0 25px; }
.dafbm-article-content h2, .dafbm-article-content h3, .dafbm-article-content h4 { margin:48px 0 18px; color:#fff; font-weight:400; line-height:1.15; letter-spacing:-.035em; }
.dafbm-article-content h2 { font-size:36px; }
.dafbm-article-content h3 { font-size:28px; }
.dafbm-article-content a { color:var(--dafbm-gold); }
.dafbm-article-content img { max-width:100%; height:auto; }
.dafbm-article-content figure { margin:35px 0; }
.dafbm-article-content blockquote { margin:35px 0; padding:5px 0 5px 25px; border-left:2px solid var(--dafbm-gold); color:#fff; font-size:22px; line-height:1.55; }
.dafbm-article-content ul, .dafbm-article-content ol { margin:0 0 25px; padding-left:25px; }
.dafbm-article-content li { margin:0 0 9px; }
.dafbm-article-tags { display:flex; align-items:center; flex-wrap:wrap; gap:9px; margin-top:45px; padding-top:25px; border-top:1px solid var(--dafbm-line); }
.dafbm-article-tags > span { margin-right:7px; color:rgba(255,255,255,.4); font-size:8px; letter-spacing:.15em; }
.dafbm-article-tags a { padding:7px 10px; border:1px solid var(--dafbm-line); color:rgba(255,255,255,.7); font-size:9px; text-decoration:none; }
.dafbm-article-tags a:hover { border-color:var(--dafbm-gold); color:var(--dafbm-gold); }
.dafbm-page-links { margin-top:35px; }
.dafbm-page-links a { padding:7px 11px; border:1px solid var(--dafbm-line); }
.dafbm-post-navigation { width:min(950px,calc(100% - 60px)); margin:85px auto 0; display:grid; grid-template-columns:1fr 1fr; gap:20px; border-top:1px solid var(--dafbm-line); border-bottom:1px solid var(--dafbm-line); }
.dafbm-post-nav-item { min-width:0; padding:23px 0; }
.dafbm-post-nav-next { text-align:right; }
.dafbm-post-nav-item a { display:flex; flex-direction:column; gap:9px; color:#fff; text-decoration:none; }
.dafbm-post-nav-next a { align-items:flex-end; }
.dafbm-post-nav-item span { color:var(--dafbm-gold); font-size:8px; letter-spacing:.15em; }
.dafbm-post-nav-item strong { max-width:100%; overflow:hidden; font-size:13px; font-weight:400; text-overflow:ellipsis; white-space:nowrap; }
.dafbm-related-section { width:min(1180px,calc(100% - 60px)); margin:100px auto 0; }
.dafbm-related-heading { margin-bottom:35px; }
.dafbm-related-heading h2 { margin:0; color:#fff; font-size:clamp(32px,4vw,48px); font-weight:400; letter-spacing:-.045em; }
.dafbm-related-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
.dafbm-related-image { display:block; aspect-ratio:16/10; overflow:hidden; background:#111; }
.dafbm-related-image img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .6s ease; }
.dafbm-related-image:hover img { transform:scale(1.04); }
.dafbm-related-placeholder { display:flex; height:100%; align-items:center; justify-content:center; color:var(--dafbm-gold); font-size:10px; letter-spacing:.2em; }
.dafbm-related-meta { margin-top:18px; color:var(--dafbm-gold); font-size:9px; letter-spacing:.12em; text-transform:uppercase; }
.dafbm-related-card h3 { margin:10px 0; font-size:22px; font-weight:400; line-height:1.2; }
.dafbm-related-card h3 a { color:#fff; text-decoration:none; }
.dafbm-related-card h3 a:hover { color:var(--dafbm-gold); }
.dafbm-related-card p { color:var(--dafbm-muted); font-size:12px; line-height:1.7; }
.dafbm-related-read { color:var(--dafbm-gold); font-size:9px; letter-spacing:.13em; text-decoration:none; }
.dafbm-related-read span { margin-left:9px; font-size:15px; }
.dafbm-article-cta { margin:110px auto 0; padding:80px 25px; background:#0b0b0b; text-align:center; border-top:1px solid var(--dafbm-line); border-bottom:1px solid var(--dafbm-line); }
.dafbm-article-cta h2 { margin:0 0 28px; color:#fff; font-size:clamp(42px,6vw,72px); font-weight:400; line-height:.98; letter-spacing:-.05em; }
.dafbm-article-cta > a { display:inline-flex; gap:15px; padding-bottom:10px; border-bottom:1px solid var(--dafbm-gold); color:#fff; font-size:9px; letter-spacing:.17em; text-decoration:none; }
.dafbm-article-cta > a span { color:var(--dafbm-gold); }
@media(max-width:900px) { .dafbm-post-form { grid-template-columns:1fr; } .dafbm-form-sidebar { grid-template-columns:repeat(2,minmax(0,1fr)); } .dafbm-related-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .dafbm-article-layout { grid-template-columns:45px minmax(0,760px); gap:30px; } }
@media(max-width:640px) { .dafbm-shell { width:100%; padding:45px 16px 65px; } .dafbm-dashboard-header { align-items:flex-start; flex-direction:column; } .dafbm-dashboard-actions { width:100%; justify-content:space-between; } .dafbm-stats-grid { gap:8px; margin:22px 0 30px; } .dafbm-stat-card { padding:14px 12px; } .dafbm-stat-card span { font-size:8px; line-height:1.4; } .dafbm-stat-card strong { font-size:26px; } .dafbm-panel-heading { align-items:flex-start; flex-direction:column; } .dafbm-form-sidebar { grid-template-columns:1fr; } .dafbm-dashboard-footer { flex-direction:column; } .dafbm-post-table { min-width:700px; } .dafbm-login-options { align-items:flex-start; flex-direction:column; } .dafbm-article-page { padding-bottom:60px; } .dafbm-article-topbar { width:calc(100% - 36px); padding:19px 0; } .dafbm-topbar-brand { display:none; } .dafbm-article-header { width:calc(100% - 36px); padding:65px 0 35px; } .dafbm-article-header h1 { font-size:clamp(38px,11vw,58px); } .dafbm-article-deck { font-size:14px; } .dafbm-article-byline { gap:8px; font-size:9px; } .dafbm-article-featured-image { width:100%; margin-bottom:40px; } .dafbm-article-layout { width:calc(100% - 36px); display:flex; flex-direction:column; gap:22px; } .dafbm-article-share { position:static; flex-direction:row; justify-content:flex-start; } .dafbm-article-share > span { margin:0 5px 0 0; } .dafbm-article-content { font-size:15px; line-height:1.85; } .dafbm-article-content h2 { font-size:30px; } .dafbm-article-content h3 { font-size:24px; } .dafbm-post-navigation { width:calc(100% - 36px); margin-top:55px; } .dafbm-post-nav-item strong { font-size:11px; } .dafbm-related-section { width:calc(100% - 36px); margin-top:65px; } .dafbm-related-grid { grid-template-columns:1fr; gap:35px; } .dafbm-article-cta { margin-top:70px; padding:65px 20px; } }


/* Dashboard navigation and editorial tools — v1.1.0 */
.dafbm-dashboard-nav { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin:23px 0 0; padding:0 0 18px; border-bottom:1px solid var(--dafbm-line); }
.dafbm-dashboard-nav a { display:inline-flex; align-items:center; min-height:38px; padding:0 14px; border:1px solid transparent; color:rgba(255,255,255,.62); font-size:10px; letter-spacing:.08em; text-transform:uppercase; transition:all .2s ease; }
.dafbm-dashboard-nav a:hover, .dafbm-dashboard-nav a.is-active { color:var(--dafbm-gold); border-color:rgba(184,156,108,.35); background:rgba(184,156,108,.06); }
.dafbm-stats-grid-four { grid-template-columns:repeat(4,minmax(0,1fr)); }
.dafbm-overview-grid { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:18px; margin-bottom:18px; }
.dafbm-insights-panel, .dafbm-top-posts-panel, .dafbm-recent-panel { min-width:0; padding:clamp(22px,3.2vw,34px); border:1px solid var(--dafbm-line); background:#0c0c0c; }
.dafbm-insight-metrics { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.dafbm-insight-metrics > div { padding:20px; border:1px solid var(--dafbm-line); background:#080808; }
.dafbm-insight-metrics span, .dafbm-insight-metrics small { display:block; color:var(--dafbm-muted); font-size:9px; letter-spacing:.12em; text-transform:uppercase; }
.dafbm-insight-metrics strong { display:block; margin:10px 0 5px; color:var(--dafbm-gold); font-size:38px; font-weight:400; letter-spacing:-.05em; }
.dafbm-analytics-note, .dafbm-panel-intro { margin:18px 0 0; color:var(--dafbm-muted); font-size:11px; line-height:1.7; }
.dafbm-top-posts-list { margin:0; padding:0; list-style:none; }
.dafbm-top-posts-list li { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; padding:15px 0; border-bottom:1px solid rgba(255,255,255,.08); }
.dafbm-top-posts-list li:last-child { border-bottom:0; }
.dafbm-top-posts-list a { color:rgba(255,255,255,.83); font-size:12px; line-height:1.5; }
.dafbm-top-posts-list a:hover { color:var(--dafbm-gold); }
.dafbm-top-posts-list strong { flex:0 0 auto; color:var(--dafbm-gold); font-size:12px; font-weight:500; }
.dafbm-recent-panel { margin-top:18px; }
.dafbm-recent-list { border-top:1px solid var(--dafbm-line); }
.dafbm-recent-item { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:16px 0; border-bottom:1px solid rgba(255,255,255,.07); }
.dafbm-recent-item-copy { min-width:0; }
.dafbm-recent-item-copy strong, .dafbm-recent-item-copy span { display:block; }
.dafbm-recent-item-copy strong { color:#fff; font-size:12px; font-weight:500; }
.dafbm-recent-item-copy span { margin-top:5px; color:var(--dafbm-muted); font-size:10px; }
.dafbm-recent-item > a { flex:0 0 auto; color:var(--dafbm-gold); font-size:9px; letter-spacing:.1em; }
.dafbm-image-picker-preview { margin-bottom:12px; background:#111; }
.dafbm-image-picker-preview img { display:block; width:100%; max-height:190px; object-fit:cover; }
.dafbm-media-picker { width:100%; min-height:42px; margin:5px 0 9px; font-size:8px; }
.dafbm-profile-form { max-width:900px; }
.dafbm-profile-avatar-row { display:flex; align-items:center; gap:22px; margin-bottom:32px; padding-bottom:28px; border-bottom:1px solid var(--dafbm-line); }
.dafbm-profile-avatar-row > img { width:112px; height:112px; flex:0 0 112px; border-radius:50%; object-fit:cover; background:#1b1b1b; }
.dafbm-profile-avatar-row strong { color:#fff; font-size:14px; font-weight:500; }
.dafbm-profile-avatar-row p { margin:7px 0 9px; color:var(--dafbm-muted); font-size:11px; }
.dafbm-profile-avatar-row .dafbm-outline-button { min-height:38px; padding:0 13px; }
.dafbm-profile-fields { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-bottom:25px; }
.dafbm-profile-fields > div { min-width:0; }
.dafbm-profile-fields label { display:block; margin:0 0 8px; color:rgba(255,255,255,.8); font-size:11px; font-weight:600; }
.dafbm-profile-bio { grid-column:1/-1; }
.dafbm-profile-bio textarea { min-height:130px; resize:vertical; }
.dafbm-picked-media { display:grid; grid-template-columns:100px minmax(0,1fr) auto; align-items:center; gap:12px; margin:0 0 25px; padding:14px; background:#080808; border:1px solid var(--dafbm-line); }
.dafbm-picked-media[hidden] { display:none!important; }
.dafbm-picked-media img { width:100px; height:70px; object-fit:cover; }
.dafbm-media-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.dafbm-media-card { min-width:0; border:1px solid var(--dafbm-line); background:#080808; }
.dafbm-media-thumb { aspect-ratio:4/3; overflow:hidden; background:#111; }
.dafbm-media-thumb img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }
.dafbm-media-card:hover .dafbm-media-thumb img { transform:scale(1.04); }
.dafbm-media-card-info { padding:12px; }
.dafbm-media-card-info strong { display:block; overflow:hidden; color:#fff; font-size:10px; font-weight:500; text-overflow:ellipsis; white-space:nowrap; }
.dafbm-media-card-info small { display:block; margin-top:5px; color:var(--dafbm-muted); font-size:9px; }
.dafbm-media-card-info button { margin-top:12px; padding:0; border:0; background:none; color:var(--dafbm-gold); font-size:8px; letter-spacing:.12em; cursor:pointer; }
.dafbm-author-card { width:min(760px,calc(100% - 60px)); display:flex; align-items:flex-start; gap:22px; margin:55px auto 0; padding:26px; border:1px solid var(--dafbm-line); background:#0b0b0b; }
.dafbm-author-card-avatar img { display:block; width:84px; height:84px; border-radius:50%; object-fit:cover; }
.dafbm-author-card-copy { min-width:0; }
.dafbm-author-card-kicker { display:block; margin:0 0 7px; color:var(--dafbm-gold); font-size:8px; letter-spacing:.18em; text-transform:uppercase; }
.dafbm-author-card h3 { margin:0; color:#fff; font-size:22px; font-weight:400; }
.dafbm-author-card-role { margin:5px 0 10px; color:var(--dafbm-gold); font-size:10px; }
.dafbm-author-card-bio { margin:0; color:var(--dafbm-muted); font-size:12px; line-height:1.75; }
.dafbm-author-socials { display:flex; flex-wrap:wrap; gap:13px; margin-top:12px; }
.dafbm-author-socials a { color:#fff; font-size:9px; letter-spacing:.08em; }
.dafbm-author-socials a:hover { color:var(--dafbm-gold); }
@media(max-width:1000px) { .dafbm-stats-grid-four { grid-template-columns:repeat(2,minmax(0,1fr)); } .dafbm-overview-grid { grid-template-columns:1fr; } .dafbm-media-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:640px) { .dafbm-stats-grid-four { grid-template-columns:repeat(2,minmax(0,1fr)); } .dafbm-dashboard-nav { gap:4px; } .dafbm-dashboard-nav a { min-height:34px; padding:0 9px; font-size:8px; } .dafbm-insight-metrics { gap:8px; } .dafbm-insight-metrics > div { padding:14px; } .dafbm-insight-metrics strong { font-size:29px; } .dafbm-recent-item { align-items:flex-start; } .dafbm-profile-avatar-row { align-items:flex-start; flex-direction:column; } .dafbm-profile-fields { grid-template-columns:1fr; } .dafbm-profile-bio { grid-column:auto; } .dafbm-picked-media { grid-template-columns:75px minmax(0,1fr); } .dafbm-picked-media img { width:75px; height:60px; } .dafbm-picked-media button { grid-column:1/-1; } .dafbm-media-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } .dafbm-author-card { width:calc(100% - 36px); flex-direction:column; padding:20px; } }


/* =========================================================
   VERSION 1.2.0 — INDEPENDENT FRONT-END MEDIA WORKSPACE
   Upload directly from the user's device; no wp.media modal.
========================================================= */
.dafbm-inline-uploader,
.dafbm-device-upload-panel {
    display: grid;
    gap: 12px;
    margin: 12px 0 18px;
    padding: 18px;
    border: 1px dashed rgba(184,156,108,.45);
    background: linear-gradient(145deg,rgba(184,156,108,.07),rgba(255,255,255,.015));
}
.dafbm-inline-uploader strong,
.dafbm-device-upload-copy strong { display:block; color:#fff; font-size:12px; font-weight:600; }
.dafbm-inline-uploader p,
.dafbm-device-upload-copy p { margin:5px 0 0; color:var(--dafbm-muted); font-size:10px; line-height:1.65; }
.dafbm-inline-uploader small,
.dafbm-device-upload-copy small { display:block; margin-top:7px; color:rgba(255,255,255,.4); font-size:9px; }
.dafbm-inline-uploader-controls,
.dafbm-device-upload-actions { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.dafbm-device-file { max-width:100%; color:rgba(255,255,255,.75); font:inherit; font-size:11px; }
.dafbm-device-file::file-selector-button { min-height:38px; margin-right:10px; padding:0 13px; border:1px solid rgba(255,255,255,.2); background:#161616; color:#fff; font:inherit; font-size:10px; cursor:pointer; }
.dafbm-device-file::file-selector-button:hover { border-color:var(--dafbm-gold); color:var(--dafbm-gold); }
.dafbm-inline-upload-button,
.dafbm-device-upload-button { min-height:40px; font-size:8px; }
.dafbm-inline-upload-button:disabled,
.dafbm-device-upload-button:disabled { opacity:.55; cursor:wait; }
.dafbm-upload-status { display:block; min-height:16px; color:var(--dafbm-muted); font-size:10px; line-height:1.5; }
.dafbm-upload-status.is-success { color:#a9deb9; }
.dafbm-upload-status.is-error { color:#f0b5b5; }
.dafbm-upload-status.is-loading { color:var(--dafbm-gold); }
.dafbm-media-library-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:32px 0 17px; padding-bottom:12px; border-bottom:1px solid var(--dafbm-line); }
.dafbm-media-library-heading h3 { margin:0; color:#fff; font-size:17px; font-weight:400; }
.dafbm-media-library-heading span { color:var(--dafbm-muted); font-size:10px; }
.dafbm-upload-icon { width:42px; height:42px; display:flex; align-items:center; justify-content:center; border:1px solid rgba(184,156,108,.4); color:var(--dafbm-gold); font-size:24px; }
.dafbm-device-upload-panel { grid-template-columns:42px minmax(0,1fr); align-items:center; padding:22px; }
.dafbm-device-upload-actions { grid-column:2; }
.dafbm-device-upload-panel > .dafbm-upload-status { grid-column:2; }
.dafbm-media-card { overflow:hidden; }
.dafbm-media-card-info button { cursor:pointer; }
.dafbm-upload-picker[hidden] { display:none!important; }
.dafbm-upload-picker { position:fixed; inset:0; z-index:999999; display:flex; align-items:center; justify-content:center; padding:22px; }
.dafbm-upload-picker-backdrop { position:absolute; inset:0; background:rgba(0,0,0,.82); backdrop-filter:blur(7px); }
.dafbm-upload-picker-dialog { position:relative; z-index:1; width:min(920px,100%); max-height:min(85vh,850px); overflow:auto; padding:clamp(22px,4vw,36px); border:1px solid var(--dafbm-line); background:#0c0c0c; box-shadow:0 30px 100px rgba(0,0,0,.55); }
.dafbm-upload-picker-header { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; }
.dafbm-upload-picker-header h2 { margin:0; color:#fff; font-size:clamp(27px,4vw,39px); font-weight:400; letter-spacing:-.04em; }
.dafbm-picker-close { width:38px; height:38px; flex:0 0 38px; border:1px solid var(--dafbm-line); background:transparent; color:#fff; font-size:24px; line-height:1; cursor:pointer; }
.dafbm-picker-close:hover { border-color:var(--dafbm-gold); color:var(--dafbm-gold); }
.dafbm-picker-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:13px; margin-top:22px; }
.dafbm-picker-item { min-width:0; padding:0; overflow:hidden; border:1px solid var(--dafbm-line); background:#080808; color:#fff; text-align:left; cursor:pointer; transition:border-color .2s ease,transform .2s ease; }
.dafbm-picker-item:hover { border-color:var(--dafbm-gold); transform:translateY(-2px); }
.dafbm-picker-item img { display:block; width:100%; aspect-ratio:4/3; object-fit:cover; }
.dafbm-picker-item span { display:block; overflow:hidden; padding:9px; color:rgba(255,255,255,.78); font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
body.dafbm-picker-open { overflow:hidden; }
.dafbm-profile-avatar-row input[type=file] { display:block; max-width:100%; margin:8px 0 12px; }
@media(max-width:1000px) { .dafbm-picker-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:640px) {
    .dafbm-device-upload-panel { grid-template-columns:1fr; }
    .dafbm-device-upload-actions,
    .dafbm-device-upload-panel > .dafbm-upload-status { grid-column:1; }
    .dafbm-device-upload-actions { align-items:flex-start; flex-direction:column; }
    .dafbm-picker-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
    .dafbm-upload-picker { padding:10px; }
    .dafbm-upload-picker-dialog { max-height:90vh; padding:18px; }
    .dafbm-inline-uploader-controls { align-items:flex-start; flex-direction:column; }
}


/* =========================================================
   VERSION 1.3.0 — EDITORIAL STARTER PACK
========================================================= */
.dafbm-starter-panel { overflow:hidden; }
.dafbm-starter-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin:24px 0 28px; }
.dafbm-starter-card { display:grid; grid-template-columns:155px minmax(0,1fr); gap:17px; min-width:0; padding:14px; border:1px solid var(--dafbm-line); background:rgba(255,255,255,.025); }
.dafbm-starter-card-image { min-height:145px; overflow:hidden; background:#171717; }
.dafbm-starter-card-image img { display:block; width:100%; height:100%; min-height:145px; object-fit:cover; }
.dafbm-starter-card-copy { min-width:0; }
.dafbm-starter-number { display:block; margin:1px 0 9px; color:var(--dafbm-gold); font-size:8px; letter-spacing:.13em; text-transform:uppercase; }
.dafbm-starter-card h3 { margin:0 0 9px; color:#fff; font-size:18px; font-weight:400; line-height:1.2; }
.dafbm-starter-card p { margin:0 0 12px; color:var(--dafbm-muted); font-size:10px; line-height:1.65; }
.dafbm-starter-status { display:inline-flex; align-items:center; margin:0 10px 8px 0; padding:6px 8px; border:1px solid rgba(255,255,255,.15); color:rgba(255,255,255,.6); font-size:8px; letter-spacing:.06em; text-transform:uppercase; }
.dafbm-starter-status.is-ready { border-color:rgba(184,156,108,.35); color:var(--dafbm-gold); }
.dafbm-starter-card .dafbm-text-link { display:inline-block; font-size:9px; }
.dafbm-starter-import-box { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:22px; border:1px solid rgba(184,156,108,.35); background:linear-gradient(145deg,rgba(184,156,108,.09),rgba(255,255,255,.02)); }
.dafbm-starter-import-box strong { color:#fff; font-size:14px; }
.dafbm-starter-import-box p { margin:6px 0 0; color:var(--dafbm-muted); font-size:10px; line-height:1.65; }
.dafbm-starter-import-box form { flex:0 0 auto; }
@media(max-width:900px) { .dafbm-starter-grid { grid-template-columns:1fr; } }
@media(max-width:640px) { .dafbm-starter-card { grid-template-columns:105px minmax(0,1fr); gap:12px; padding:10px; } .dafbm-starter-card-image,.dafbm-starter-card-image img { min-height:115px; } .dafbm-starter-card h3 { font-size:15px; } .dafbm-starter-import-box { align-items:stretch; flex-direction:column; padding:16px; } .dafbm-starter-import-box .dafbm-button { width:100%; justify-content:center; } }


/* =========================================================
   VERSION 1.3.1 — DASHBOARD IDENTITY, PROFILE DP & JOURNAL LINK
========================================================= */
.dafbm-dashboard-identity {
    display: flex;
    align-items: center;
    gap: 18px;
    min-width: 0;
}
.dafbm-dashboard-avatar-link {
    display: block;
    flex: 0 0 64px;
    width: 64px;
    height: 64px;
    overflow: hidden;
    border: 1px solid rgba(184,156,108,.65);
    border-radius: 50%;
    background: #151515;
    transition: border-color .25s ease, transform .25s ease;
}
.dafbm-dashboard-avatar-link:hover {
    border-color: #b89c6c;
    transform: translateY(-2px);
}
.dafbm-dashboard-avatar {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}
.dafbm-dashboard-heading-copy { min-width: 0; }
.dafbm-dashboard-nav .dafbm-public-journal-link {
    margin-left: auto;
    color: #b89c6c;
    border-color: rgba(184,156,108,.35);
}
.dafbm-dashboard-nav .dafbm-public-journal-link:hover {
    color: #fff;
    border-color: #b89c6c;
    background: rgba(184,156,108,.08);
}
@media (max-width: 900px) {
    .dafbm-dashboard-nav .dafbm-public-journal-link { margin-left: 0; }
}
@media (max-width: 640px) {
    .dafbm-dashboard-identity { align-items: flex-start; gap: 13px; }
    .dafbm-dashboard-avatar-link { flex-basis: 52px; width: 52px; height: 52px; }
    .dafbm-dashboard-heading-copy { flex: 1 1 auto; }
    .dafbm-dashboard-nav .dafbm-public-journal-link { margin-left: 0; }
}