/* FineME v270: one shared visual layer for social, creator, commerce, ads and admin. */
.fm-v270{--fm270-ink:#22324f;--fm270-muted:#72819d;--fm270-line:#e4e9f4;--fm270-soft:#f4f7ff;--fm270-blue:#586df4;--fm270-pink:#ef71ad;--fm270-shadow:0 10px 28px rgba(58,77,128,.07)}
.fm-v270 .fm-skip-link{position:fixed;z-index:10000;left:12px;top:10px;transform:translateY(-150%);padding:9px 13px;border-radius:11px;background:#25365d;color:#fff;text-decoration:none;font-size:13px;font-weight:800}
.fm-v270 .fm-skip-link:focus{transform:translateY(0)}
.fm-v270 :where(a,button,input,textarea,select,summary):focus-visible{outline:3px solid #7c8cff;outline-offset:3px}
.fm-v270 :where(.btn,.fm-ui-btn,button){touch-action:manipulation}
.fm-v270 .fm-ui-metric{position:relative;display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0;min-height:88px;padding:13px 15px!important;border-radius:15px!important;overflow:hidden}
.fm-v270 .fm-ui-metric:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 4px 4px 0;background:linear-gradient(180deg,#35b9ed,#7774fa,#f575b7)}
.fm-v270 .fm-ui-metric.is-good:before{background:linear-gradient(#2fcfa8,#39afe9)}
.fm-v270 .fm-ui-metric.is-attention:before{background:linear-gradient(#ffb478,#fa6caa)}
.fm-v270 .fm-ui-metric small.fm-ui-metric-label{font-size:12px!important;font-weight:750;line-height:1.35;color:var(--fm270-muted)!important}
.fm-v270 .fm-ui-metric strong.fm-ui-metric-value{display:block;max-width:100%;font-size:clamp(17px,2vw,25px)!important;line-height:1.18!important;letter-spacing:-.035em;overflow-wrap:anywhere;color:var(--fm270-ink)!important}
.fm-v270 .fm-ui-metric .fm-ui-metric-detail{font-size:11.5px!important;line-height:1.4;color:var(--fm270-muted)!important}
.fm-v270.fm-public-area :where(.hero.compact-hero,.fm-section-headbar){border-bottom:1px solid var(--fm270-line);padding-bottom:13px;margin-bottom:14px}
.fm-v270.fm-public-area :where(.hero.compact-hero,.fm-section-headbar) h1{color:var(--fm270-ink);letter-spacing:-.035em}
.fm-v270.fm-public-area :where(.hero.compact-hero,.fm-section-headbar) p{color:var(--fm270-muted);line-height:1.5}
.fm-v270.fm-public-area :where(.card,.fm-ui-empty,.fm-admin-entry){border-radius:16px}
.fm-v270.fm-public-area .btn:disabled,.fm-v270.fm-public-area button:disabled{opacity:.55;cursor:not-allowed}

/* Admin inherits the same light FineME shell while keeping dense operational layouts. */
.fm-v270.fm-admin-area .fm-page{width:min(1240px,calc(100% - 28px))!important;margin:18px auto 54px!important}
.fm-v270.fm-admin-area .fm-admin-hero{align-items:center;padding:18px 20px!important;margin-bottom:12px;border:1px solid var(--fm270-line);border-radius:19px;background:linear-gradient(115deg,#fff 48%,#f0f3ff 82%,#fff0f8);box-shadow:var(--fm270-shadow)}
.fm-v270.fm-admin-area .fm-admin-hero h1{margin:3px 0 5px;font-size:clamp(25px,2.4vw,35px)!important;letter-spacing:-.045em;color:var(--fm270-ink)}
.fm-v270.fm-admin-area .fm-admin-hero p{max-width:680px;font-size:12px!important;color:var(--fm270-muted)!important}
.fm-v270.fm-admin-area .fm-admin-hero .pill{white-space:nowrap;background:#edf2ff;color:#5365d7;border:1px solid #dfe6ff}
.fm-v270.fm-admin-area .fm-admin-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px!important;margin-bottom:12px!important}
.fm-v270.fm-admin-area .fm-admin-shell{display:grid;grid-template-columns:190px minmax(0,1fr)!important;gap:12px!important;align-items:start}
.fm-v270.fm-admin-area .fm-admin-nav{position:sticky;top:78px;padding:10px!important;border:1px solid var(--fm270-line);border-radius:16px}
.fm-v270.fm-admin-area .fm-admin-user{margin-bottom:8px;padding:8px 8px 12px;border-bottom:1px solid var(--fm270-line)}
.fm-v270.fm-admin-area .fm-admin-user>span{background:linear-gradient(135deg,#e9f5ff,#f9eafd);color:#586cf3}
.fm-v270.fm-admin-area .fm-admin-user strong{color:var(--fm270-ink);font-size:12px}
.fm-v270.fm-admin-area .fm-admin-user small{font-size:11px;color:var(--fm270-muted)!important}
.fm-v270.fm-admin-area .fm-admin-nav>a{min-height:38px!important;padding:7px 9px!important;border-radius:10px!important;color:#61718d!important;font-size:12px!important;font-weight:750}
.fm-v270.fm-admin-area .fm-admin-nav>a:hover{background:#f3f6ff!important;color:#4c5ee1!important}
.fm-v270.fm-admin-area .fm-admin-nav>a.active{background:#edf1ff!important;color:#4f63e7!important;box-shadow:inset 0 0 0 1px #dfe6ff}
.fm-v270.fm-admin-area .fm-admin-nav>a .fm-icon{color:inherit}
.fm-v270.fm-admin-area .fm-admin-main{min-width:0}
.fm-v270.fm-admin-area .fm-admin-overview-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px!important}
.fm-v270.fm-admin-area .fm-admin-callout{margin-top:11px!important;gap:12px;padding:17px!important;border:1px solid var(--fm270-line)}
.fm-v270.fm-admin-area .fm-admin-callout h2{margin:3px 0;font-size:17px!important;color:var(--fm270-ink)}
.fm-v270.fm-admin-area .fm-admin-callout p{margin:0;color:var(--fm270-muted);font-size:11px}
.fm-v270.fm-admin-area .fm-admin-quick-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px!important;margin-top:11px!important}
.fm-v270.fm-admin-area .fm-admin-quick-actions>a{min-height:68px!important;padding:11px!important;border:1px solid var(--fm270-line);border-radius:13px!important;background:#fff!important;box-shadow:var(--fm270-shadow);color:var(--fm270-ink)}
.fm-v270.fm-admin-area .fm-admin-quick-actions>a:hover{border-color:#bfcaff;background:#f9faff!important;transform:translateY(-1px)}
.fm-v270.fm-admin-area .fm-admin-quick-actions>a>span{width:34px;height:34px;background:#eef2ff;color:#5d6deb}
.fm-v270.fm-admin-area .fm-admin-quick-actions strong{font-size:12px}.fm-v270.fm-admin-area .fm-admin-quick-actions small{font-size:11px;color:var(--fm270-muted)!important}
.fm-v270.fm-admin-area .fm-admin-quick-actions>a>b{color:#99a5bb}
.fm-v270.fm-admin-area .fm-admin-section-card{padding:17px!important;border:1px solid var(--fm270-line)}
.fm-v270.fm-admin-area .fm-admin-section-card>.title{align-items:center;gap:12px}.fm-v270.fm-admin-area .fm-admin-section-card>.title h2{margin:2px 0 3px;color:var(--fm270-ink);font-size:18px}
.fm-v270.fm-admin-area .fm-admin-section-card>.title p{margin:0;color:var(--fm270-muted);font-size:11.5px}
.fm-v270.fm-admin-area .fm-admin-search{display:flex;align-items:center;gap:7px;margin:13px 0}
.fm-v270.fm-admin-area .fm-admin-search input{flex:1;min-width:0;min-height:39px;border-radius:11px;padding-inline:12px}
.fm-v270.fm-admin-area .fm-admin-search .btn{min-height:39px;white-space:nowrap}
.fm-v270.fm-admin-area .fm-admin-records{gap:8px}
.fm-v270.fm-admin-area .fm-admin-entry,.fm-v270.fm-admin-area .fm-community-admin-card{padding:13px!important;border:1px solid var(--fm270-line)!important;border-radius:13px!important;background:#fff!important;color:var(--fm270-ink)!important;box-shadow:none!important}
.fm-v270.fm-admin-area .fm-admin-entry:hover,.fm-v270.fm-admin-area .fm-community-admin-card:hover{border-color:#cbd5fb!important;background:#fcfdff!important}
.fm-v270.fm-admin-area .fm-admin-entry-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.fm-v270.fm-admin-area .fm-admin-entry-head small{font-size:11px;color:var(--fm270-muted)!important}
.fm-v270.fm-admin-area .fm-admin-entry-head h3{margin:3px 0 0;color:var(--fm270-ink);font-size:15px;line-height:1.35;overflow-wrap:anywhere}
.fm-v270.fm-admin-area .fm-admin-entry-status{flex:none;max-width:45%;padding:4px 8px;border-radius:999px;background:#f0f3fa;color:#62718b;font-size:11px;font-weight:800;text-align:center;overflow-wrap:anywhere}
.fm-v270.fm-admin-area .fm-admin-entry-status.is-good{background:#e8f9f3;color:#198d6d}
.fm-v270.fm-admin-area .fm-admin-entry-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:11px 0 0}
.fm-v270.fm-admin-area .fm-admin-entry-facts>div{min-width:0;padding:8px 9px;border-radius:9px;background:#f7f9fe}
.fm-v270.fm-admin-area .fm-admin-entry-facts dt{font-size:10.5px;color:var(--fm270-muted)}
.fm-v270.fm-admin-area .fm-admin-entry-facts dd{margin:3px 0 0;font-size:12px;font-weight:750;color:var(--fm270-ink);overflow-wrap:anywhere}
.fm-v270.fm-admin-area .fm-admin-entry-link{display:inline-flex;margin-top:10px;color:#5368e8;font-size:12px;font-weight:800}
.fm-v270.fm-admin-area .fm-community-admin-card .title h3{color:var(--fm270-ink)}
.fm-v270.fm-admin-area .fm-community-admin-card .title p{color:var(--fm270-muted)!important}
.fm-v270.fm-admin-area .fm-community-admin-metrics{gap:8px!important}
.fm-v270.fm-admin-area .fm-community-admin-metrics>div{background:#f7f9fe!important;border:1px solid #edf0f7}
.fm-v270.fm-admin-area .fm-community-admin-metrics strong{color:var(--fm270-ink)}
.fm-v270.fm-admin-area .fm-admin-note{background:#fff7ea;border-color:#ffe5b8;color:#735427}
.fm-v270.fm-admin-area .fm-mobile-nav{display:none!important}
.fm-v270.fm-admin-area .fm-owner-runtime{display:none}

/* Design-system preview follows the current product palette. */
.fm-v270.fm-ui-system-page .design-grid{gap:12px}
.fm-v270.fm-ui-system-page .token-row span{background:#fff;color:var(--fm270-ink);border:1px solid var(--fm270-line)}
.fm-v270.fm-ui-system-page .token-row span:before{background:var(--token)}

@media(max-width:1050px){
  .fm-v270.fm-admin-area .fm-admin-shell{grid-template-columns:1fr!important}
  .fm-v270.fm-admin-area .fm-admin-nav{position:static;display:flex!important;align-items:center;gap:5px;overflow-x:auto;scrollbar-width:thin}
  .fm-v270.fm-admin-area .fm-admin-nav{scrollbar-width:none}
  .fm-v270.fm-admin-area .fm-admin-nav::-webkit-scrollbar{display:none}
  .fm-v270.fm-admin-area .fm-admin-user{min-width:150px;margin:0;padding:4px 10px 4px 2px;border:0;border-right:1px solid var(--fm270-line)}
  .fm-v270.fm-admin-area .fm-admin-nav>a{flex:0 0 auto;white-space:nowrap}
}
@media(max-width:780px){
  .fm-v270.fm-public-area .fm-more-menu{display:block!important}
  .fm-v270.fm-public-area .fm-more-panel{max-height:min(72dvh,560px);overflow-y:auto}
}
@media(max-width:760px){
  .fm-v270.fm-admin-area .fm-page{width:100%!important;margin:8px auto 22px!important;padding:0 8px!important}
  .fm-v270.fm-admin-area .fm-admin-hero{padding:15px!important;align-items:flex-start;gap:10px}
  .fm-v270.fm-admin-area .fm-admin-hero h1{font-size:25px!important}
  .fm-v270.fm-admin-area .fm-admin-metrics,.fm-v270.fm-admin-area .fm-admin-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px!important}
  .fm-v270.fm-admin-area .fm-admin-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fm-v270.fm-admin-area .fm-admin-entry-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fm-v270.fm-admin-area .fm-admin-nav{padding:7px!important}
  .fm-v270.fm-admin-area .fm-admin-section-card{padding:12px!important}
  .fm-v270.fm-public-area :where(input,select,textarea){font-size:16px}
}
@media(max-width:480px){
  .fm-v270.fm-admin-area .fm-admin-quick-actions{grid-template-columns:1fr}
  .fm-v270.fm-admin-area .fm-admin-entry-facts{grid-template-columns:1fr 1fr}
  .fm-v270.fm-admin-area .fm-admin-search{flex-wrap:wrap}
  .fm-v270.fm-admin-area .fm-admin-search input{flex-basis:100%}
  .fm-v270.fm-admin-area .fm-admin-hero .pill{font-size:10px}
  .fm-v270 .fm-ui-metric{min-height:76px;padding:11px!important}
  .fm-v270 .fm-ui-metric strong.fm-ui-metric-value{font-size:17px!important}
}
@media(prefers-reduced-motion:reduce){.fm-v270.fm-admin-area .fm-admin-quick-actions>a{transition:none!important}}