/*
Theme Name: Directory Network
Theme URI: https://example.invalid/
Author: OpenAI
Description: Premium directory theme for a web services network.
Version: 1.3.0
Text Domain: directory-network
*/
:root{--dn-bg:#0b0d10;--dn-surface:#12161b;--dn-card:#171c22;--dn-text:#f5f7f8;--dn-muted:#aab4be;--dn-accent:#b7ff4a;--dn-accent-ink:#0b0d10;--dn-border:#29313a;--dn-light:#f7f6f2;--dn-light-text:#12161b;--dn-radius:22px;--dn-max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--dn-bg);color:var(--dn-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.dn-wrap{width:min(calc(100% - 32px),var(--dn-max));margin:auto}.dn-header{position:sticky;top:0;z-index:50;background:rgba(11,13,16,.9);backdrop-filter:blur(16px);border-bottom:1px solid var(--dn-border)}.dn-header-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.dn-brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:20px}.dn-mark{width:34px;height:34px;border-radius:10px;background:var(--dn-accent);display:grid;place-items:center;color:var(--dn-accent-ink);font-weight:900}.dn-nav{display:flex;gap:22px;align-items:center}.dn-nav a{color:#dce2e7;font-weight:600}.dn-cta,.dn-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:13px 20px;background:var(--dn-accent);color:var(--dn-accent-ink);font-weight:800;border:0;cursor:pointer}.dn-btn-secondary{background:transparent;color:var(--dn-text);border:1px solid var(--dn-border)}.dn-hero{padding:92px 0 68px}.dn-kicker{font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--dn-accent);font-size:13px}.dn-hero h1{font-size:clamp(48px,7vw,96px);line-height:.95;letter-spacing:-.05em;max-width:980px;margin:18px 0 22px}.dn-hero p{font-size:clamp(18px,2vw,24px);max-width:760px;color:var(--dn-muted)}.dn-searchbar{margin-top:34px;display:grid;grid-template-columns:1.4fr 1fr auto;gap:10px;padding:10px;background:#fff;border-radius:18px;max-width:920px}.dn-searchbar input,.dn-searchbar select{width:100%;border:0;outline:0;padding:15px 16px;font:inherit;color:#111;background:#fff}.dn-searchbar .dn-btn{border-radius:12px}.dn-section{padding:76px 0}.dn-light{background:var(--dn-light);color:var(--dn-light-text)}.dn-section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}.dn-section h2{font-size:clamp(34px,5vw,62px);line-height:1;letter-spacing:-.04em;margin:0}.dn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.dn-card{background:var(--dn-card);border:1px solid var(--dn-border);border-radius:var(--dn-radius);padding:24px}.dn-card-light{background:#fff;border:1px solid #ddd;border-radius:var(--dn-radius);padding:24px}.dn-card h3{margin:10px 0 8px;font-size:24px}.dn-muted{color:var(--dn-muted)}.dn-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.dn-tag{font-size:13px;padding:7px 10px;border:1px solid var(--dn-border);border-radius:999px;color:#cbd3da}.dn-logo{width:62px;height:62px;border-radius:16px;object-fit:cover;background:#252c33}.dn-listing-meta{display:flex;gap:12px;flex-wrap:wrap;color:var(--dn-muted);font-size:14px}.dn-profile{padding:56px 0 90px}.dn-profile-hero{display:grid;grid-template-columns:1fr 320px;gap:34px}.dn-panel{background:var(--dn-card);border:1px solid var(--dn-border);border-radius:var(--dn-radius);padding:28px}.dn-profile h1{font-size:clamp(42px,6vw,76px);letter-spacing:-.05em;line-height:1;margin:12px 0}.dn-form{display:grid;gap:16px}.dn-field label{display:block;font-weight:700;margin-bottom:7px}.dn-field input,.dn-field textarea,.dn-field select{width:100%;padding:14px 15px;border-radius:12px;border:1px solid var(--dn-border);background:#0f1318;color:var(--dn-text);font:inherit}.dn-field textarea{min-height:140px;resize:vertical}.dn-notice{padding:14px 16px;border-radius:12px;margin:0 0 18px;background:#14391d;border:1px solid #2e6b3b}.dn-notice-error{background:#3b1717;border-color:#7a2f2f}.dn-dashboard{padding:52px 0 90px}.dn-dashboard-grid{display:grid;grid-template-columns:240px 1fr;gap:24px}.dn-side{background:var(--dn-card);border:1px solid var(--dn-border);border-radius:18px;padding:16px;height:max-content}.dn-side a{display:block;padding:11px 12px;border-radius:10px}.dn-side a:hover{background:#20262d}.dn-statgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.dn-stat{background:var(--dn-card);border:1px solid var(--dn-border);border-radius:16px;padding:20px}.dn-stat strong{font-size:30px;display:block}.dn-footer{padding:56px 0;border-top:1px solid var(--dn-border);color:var(--dn-muted)}@media(max-width:900px){.dn-nav{display:none}.dn-grid{grid-template-columns:1fr 1fr}.dn-profile-hero,.dn-dashboard-grid{grid-template-columns:1fr}.dn-searchbar{grid-template-columns:1fr}.dn-statgrid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.dn-grid,.dn-statgrid{grid-template-columns:1fr}.dn-header-inner{height:68px}.dn-hero{padding-top:64px}.dn-section{padding:54px 0}.dn-section-head{align-items:start;flex-direction:column}}


/* Professional dashboard v1.2 */
.dn-pro-dashboard{background:linear-gradient(180deg,#0b0d10 0,#10151b 100%);min-height:80vh}.dn-dashboard-top{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:30px}.dn-dashboard-top h1{font-size:clamp(44px,6vw,78px);line-height:.96;letter-spacing:-.055em;margin:12px 0 14px;max-width:800px}.dn-dashboard-top p{max-width:720px;font-size:18px}.dn-dashboard-actions{display:flex;gap:10px;flex-wrap:wrap}.dn-dashboard-stats{grid-template-columns:repeat(5,minmax(0,1fr));margin:28px 0}.dn-stat small{display:block;color:#77828d;margin-top:4px}.dn-dashboard-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:22px}.dn-dashboard-nav{position:sticky;top:100px}.dn-dashboard-nav strong{display:block;padding:10px 12px;color:#fff}.dn-dashboard-main{display:grid;gap:20px}.dn-dashboard-section{padding:26px}.dn-section-minihead{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px}.dn-section-minihead h2{font-size:30px;letter-spacing:-.035em;margin:4px 0 0}.dn-btn-small{padding:10px 15px;font-size:14px}.dn-profile-list{display:grid;gap:10px}.dn-profile-row{display:grid;grid-template-columns:minmax(240px,1.4fr) minmax(240px,1fr) auto;align-items:center;gap:16px;padding:16px;border:1px solid var(--dn-border);border-radius:16px;background:#11161c}.dn-profile-row-main{display:flex;align-items:center;gap:14px}.dn-profile-icon{width:46px;height:46px;border-radius:13px;background:var(--dn-accent);color:var(--dn-accent-ink);display:grid;place-items:center;font-weight:900;font-size:18px}.dn-profile-row h3{margin:0 0 3px;font-size:18px}.dn-profile-row-stats{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--dn-muted);font-size:13px}.dn-status{padding:5px 8px;border-radius:999px;font-weight:800;font-size:11px;text-transform:uppercase;letter-spacing:.04em}.dn-status-publish{background:#16361d;color:#a7f3b5}.dn-status-pending{background:#413313;color:#fde68a}.dn-status-draft{background:#292f37;color:#cbd5e1}.dn-profile-row-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.dn-mini-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 11px;border:1px solid var(--dn-border);border-radius:9px;font-size:13px;font-weight:750;background:#171d24}.dn-mini-btn:hover{border-color:#55616e}.dn-mini-btn.dn-danger{color:#fca5a5;border-color:#5f2929}.dn-empty{padding:30px;border:1px dashed #38434f;border-radius:16px;text-align:center}.dn-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dn-span-2{grid-column:span 2}.dn-form-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:18px}.dnm-form-status{margin-top:14px}.dn-enquiry-list{display:grid;gap:10px}.dn-enquiry-item{display:grid;grid-template-columns:220px minmax(0,1fr) auto;gap:18px;align-items:start;padding:16px;border:1px solid var(--dn-border);border-radius:14px;background:#11161c}.dn-enquiry-item span{display:block;color:var(--dn-muted);font-size:13px;margin-top:3px}.dn-enquiry-item p{color:var(--dn-muted);margin:5px 0 0}.dn-analytics-bars{display:grid;gap:15px}.dn-analytics-row{display:grid;grid-template-columns:230px 1fr;gap:18px;align-items:center}.dn-analytics-row span{display:block;color:var(--dn-muted);font-size:13px}.dn-analytics-meter{height:9px;border-radius:999px;background:#202731;overflow:hidden}.dn-analytics-meter i{display:block;height:100%;border-radius:inherit;background:var(--dn-accent)}
@media(max-width:1100px){.dn-dashboard-stats{grid-template-columns:repeat(3,1fr)}.dn-profile-row{grid-template-columns:1fr}.dn-profile-row-actions{justify-content:flex-start}.dn-enquiry-item{grid-template-columns:1fr auto}.dn-enquiry-item>div:first-child{grid-column:1/-1}}
@media(max-width:820px){.dn-dashboard-top{align-items:flex-start;flex-direction:column}.dn-dashboard-layout{grid-template-columns:1fr}.dn-dashboard-nav{position:static;display:flex;overflow:auto}.dn-dashboard-nav strong{display:none}.dn-dashboard-nav a{white-space:nowrap}.dn-dashboard-stats{grid-template-columns:1fr 1fr}.dn-form-grid{grid-template-columns:1fr}.dn-span-2{grid-column:span 1}.dn-analytics-row{grid-template-columns:1fr}.dn-enquiry-item{grid-template-columns:1fr}}
@media(max-width:520px){.dn-dashboard-stats{grid-template-columns:1fr}.dn-dashboard-section{padding:18px}.dn-section-minihead{align-items:flex-start;flex-direction:column}}


/* Rich provider profile v1.3 */
.dn-profile-shell{padding:54px 0 92px}.dn-profile-top{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:start}.dn-profile-card{background:linear-gradient(145deg,#151b22,#101419);border:1px solid var(--dn-border);border-radius:28px;padding:34px}.dn-profile-card h1{font-size:clamp(44px,6vw,78px);line-height:.96;letter-spacing:-.055em;margin:12px 0 14px}.dn-profile-lead{font-size:20px;color:#c3ccd4;max-width:780px}.dn-profile-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:26px 0 0}.dn-fact{padding:15px;border-radius:14px;background:#0c1116;border:1px solid #26303a}.dn-fact small{display:block;color:#85919d;margin-bottom:3px}.dn-fact strong{display:block;font-size:15px}.dn-profile-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.dn-profile-content{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;margin-top:24px}.dn-profile-main{display:grid;gap:18px}.dn-profile-section{background:var(--dn-card);border:1px solid var(--dn-border);border-radius:22px;padding:28px}.dn-profile-section h2{font-size:30px;letter-spacing:-.035em;margin:0 0 16px}.dn-profile-section h3{margin:0 0 8px}.dn-profile-section p{color:#c0c9d1}.dn-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dn-detail{padding:15px;border:1px solid #2a333d;border-radius:14px;background:#11161c}.dn-detail span{display:block;color:#7f8b96;font-size:12px;text-transform:uppercase;letter-spacing:.05em;font-weight:800}.dn-detail strong{display:block;margin-top:4px}.dn-prose{white-space:pre-line}.dn-profile-side{display:grid;gap:18px;position:sticky;top:100px}.dn-contact-card h3{font-size:25px;margin-top:0}.dn-link-list{display:grid;gap:9px}.dn-link-list a{padding:11px 12px;border:1px solid #2a333d;border-radius:10px;background:#10151a}.dn-faq{display:grid;gap:10px}.dn-faq details{border:1px solid #2a333d;border-radius:14px;padding:15px 16px;background:#11161c}.dn-faq summary{cursor:pointer;font-weight:800}.dn-faq p{margin:12px 0 0}.dn-form-section{display:flex;align-items:center;gap:12px;margin-top:10px;padding:15px 0 5px;border-bottom:1px solid var(--dn-border)}.dn-form-section span{width:34px;height:34px;border-radius:10px;background:var(--dn-accent);color:var(--dn-accent-ink);display:grid;place-items:center;font-weight:900}.dn-form-section strong{display:block}.dn-form-section small{display:block;color:var(--dn-muted)}
@media(max-width:980px){.dn-profile-top,.dn-profile-content{grid-template-columns:1fr}.dn-profile-side{position:static}.dn-profile-facts{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.dn-profile-card,.dn-profile-section{padding:20px}.dn-profile-facts,.dn-detail-grid{grid-template-columns:1fr}.dn-profile-actions{flex-direction:column}.dn-profile-actions .dn-btn{width:100%}}
