/* page-level styles: editors, account, dashboard, service pages */

.fld{ width:100%; border-radius:12px; border:1px solid #DEDED5; background:#fff;
    padding:11px 15px; font-size:14px; color:#1B1C18; outline:none; transition:border-color .25s var(--ease); }
.fld:focus{ border-color:#1B1C18; }
.badge{ font-size:10.5px; font-weight:600; padding:3px 9px; border-radius:9999px; }
.b-pending{ background:#FBEEDA; color:#7A4F0B; }
.b-active{ background:#E8F5D8; color:#3B6D11; }
.b-paused{ background:#E9E9E2; color:#5F5E5A; }
.b-rejected{ background:#FAE4E4; color:#8A2D2D; }
.row{ transition:border-color .3s var(--ease); }
.row:hover{ border-color:#B4B2A9; }
.det{ display:none; }
.det.open{ display:block; }
.abtn{ font-size:12.5px; font-weight:500; border-radius:9999px; padding:7px 15px;
    border:1px solid #DEDED5; background:#fff; transition:border-color .25s var(--ease), background-color .25s var(--ease); }
.abtn:hover{ border-color:#1B1C18; background:#F4F4F0; }
.abtn.primary{ background:#1B1C18; color:#F4F4F0; border-color:#1B1C18; }
.abtn.primary:hover{ background:#303030; }
.tab[aria-pressed="true"]{ background:#1B1C18; color:#F4F4F0; border-color:#1B1C18; }
.kv{ font-size:13px; line-height:1.7; }
.kv dt{ color:#6B6B63; }
.kv dd{ color:#1B1C18; font-weight:500; word-break:break-word; }
.fld{ width:100%; border-radius:12px; border:1px solid #DEDED5; background:#fff;
    padding:12px 16px; font-size:14.5px; color:#1B1C18; outline:none;
    transition:border-color .25s var(--ease); }
.fld::placeholder{ color:#B4B2A9; }
.lbl{ display:block; font-size:13px; color:#6B6B63; margin-bottom:7px; }
.req{ color:#7A8F00; }
.view{ display:none; }
.view.on{ display:block; }
.tabbtn{ flex:1; text-align:center; border-radius:9999px; padding:10px 16px; font-size:14px;
    font-weight:500; transition:background-color .25s var(--ease), color .25s var(--ease); }
.tabbtn[aria-selected="true"]{ background:#1B1C18; color:#F4F4F0; }
.badge{ font-size:11px; font-weight:600; padding:4px 11px; border-radius:9999px; }
.thumbprev img{ width:100%; aspect-ratio:16/9; object-fit:cover; border-radius:12px; border:1px solid #DEDED5; }
.ed-av{ position:relative; width:52px; height:52px; flex:0 0 52px; border-radius:9999px; overflow:hidden;
    display:grid; place-items:center; background:#EFEFE8; box-shadow:0 0 0 1px #DEDED5; }
.ed-av img{ width:100%; height:100%; object-fit:cover; display:block; }
.ed-av .mono{ font-family:Outfit,sans-serif; font-weight:800; font-size:16px; color:#6B6B63; letter-spacing:-.02em; }
.hero{ position:relative; display:block; width:100%; padding-top:56.25%; border-radius:12px;
    overflow:hidden; background:#E9E9E2; }
.hero img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block;
    transition:transform .5s var(--ease); }
.ed-card:hover .hero img, .group:hover .hero img{ transform:scale(1.04); }
.hero.noimg{ background:repeating-linear-gradient(135deg,#E9E9E2 0 10px,#EFEFE8 10px 20px); }
.hero .play{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
    display:grid; place-items:center; border-radius:9999px; background:rgba(27,28,24,.82);
    color:#D0FF00; backdrop-filter:blur(2px); transition:transform .35s var(--ease); }
.ed-card:hover .hero .play, .group:hover .hero .play{ transform:translate(-50%,-50%) scale(1.08); }
@media (prefers-reduced-motion: reduce){ .hero img,.hero .play{ transition:none !important; } }
.ed-card{ transition:transform .35s var(--ease), border-color .35s var(--ease), box-shadow .35s var(--ease); }
.ed-card:hover{ transform:translateY(-3px); border-color:#1B1C18; box-shadow:0 30px 50px -40px rgba(27,28,24,.45); }
.chip{ transition:background-color .25s var(--ease), color .25s var(--ease), border-color .25s var(--ease); }
.chip[aria-pressed="true"]{ background:#1B1C18; color:#F4F4F0; border-color:#1B1C18; }
#edModal{ position:fixed; inset:0; z-index:9500; display:none; }
#edModal.open{ display:block; }
#edModal .veil{ position:absolute; inset:0; background:rgba(27,28,24,.55); backdrop-filter:blur(3px); }
#edModal .sheet{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
    width:min(560px,calc(100vw - 32px)); max-height:calc(100vh - 64px); overflow:auto; }
@media (max-width:640px){ #edModal .sheet{ top:auto; bottom:0; transform:translateX(-50%); width:100%;
    max-height:88vh; border-radius:20px 20px 0 0; } }
.ratio{ position:relative; padding-top:56.25%; background:#EFEFE8; border-radius:12px; overflow:hidden; }
.ratio a{ position:absolute; inset:0; display:grid; place-items:center; }
.svc h2{ font-family:Outfit,sans-serif; font-weight:800; letter-spacing:-.03em; font-size:24px; margin-top:44px; margin-bottom:14px; color:#1B1C18; }
.svc h3{ font-family:Outfit,sans-serif; font-weight:700; letter-spacing:-.02em; font-size:17px; margin-top:26px; margin-bottom:8px; color:#1B1C18; }
.svc p{ font-size:15.5px; line-height:1.8; color:#4A4A44; margin-bottom:16px; }
.svc ul{ margin:0 0 20px; padding:0; }
.svc li{ font-size:15.5px; line-height:1.8; color:#4A4A44; margin-bottom:9px; padding-left:22px; position:relative; list-style:none; }
.svc li::before{ content:"\2192"; position:absolute; left:0; color:#1B1C18; }
.svc strong{ color:#1B1C18; font-weight:600; }
.svc a{ color:#1B1C18; text-decoration:underline; text-underline-offset:3px; text-decoration-color:#D0FF00; text-decoration-thickness:2px; }
details.faq{ border-top:1px solid #DEDED5; padding:16px 0; }
details.faq summary{ cursor:pointer; font-family:Outfit,sans-serif; font-weight:700; font-size:16px; list-style:none; display:flex; justify-content:space-between; gap:16px; }
details.faq summary::-webkit-details-marker{ display:none; }
details.faq summary::after{ content:"+"; color:#6B6B63; font-weight:600; }
details.faq[open] summary::after{ content:"\2013"; }
details.faq p{ font-size:15px; line-height:1.8; color:#4A4A44; margin:12px 0 0; }

/* dashboard: section tabs + inquiry rows */
.sectab[aria-selected="true"]{ background:#1B1C18; color:#F4F4F0; border-color:#1B1C18; }
.itab[aria-pressed="true"]{ background:#1B1C18; color:#F4F4F0; border-color:#1B1C18; }
.b-new{ background:#E4EEFB; color:#1F4B85; }
.b-contacted{ background:#FBEEDA; color:#7A4F0B; }
.b-quoted{ background:#EDE4FB; color:#4B2C85; }
.b-won{ background:#E8F5D8; color:#3B6D11; }
.b-lost{ background:#E9E9E2; color:#5F5E5A; }
.assign{ border:1px solid #DEDED5; border-radius:9999px; padding:7px 14px; font-size:12.5px; background:#fff; }

/* ---- request form inside the editor modal (dark card) ---- */
.reqlbl{ display:block; font-size:12.5px; color:rgba(244,244,240,.6); margin-bottom:6px; }
.reqlbl .opt{ color:rgba(244,244,240,.35); }
.reqfld{ width:100%; border-radius:12px; border:1px solid rgba(244,244,240,.15);
  background:rgba(244,244,240,.05); padding:11px 15px; font-size:14px;
  color:#F4F4F0; outline:none; transition:border-color .25s var(--ease); }
.reqfld:focus{ border-color:#D0FF00; }
.reqfld::placeholder{ color:rgba(244,244,240,.35); }
textarea.reqfld{ resize:vertical; min-height:78px; }