:root{
    --ink:#0d1324;
    --muted:#677085;
    --line:rgba(20, 29, 50, .1);
    --glass:rgba(255,255,255,.72);
    --brand:#2f6bff;
    --brand2:#6e42ff;
    --good:#05a66b;
    --soft:#f4f7fb;
}
*{box-sizing:border-box}
body{
    color:var(--ink);
    background:
      radial-gradient(circle at 8% 12%, rgba(47,107,255,.18), transparent 28rem),
      radial-gradient(circle at 92% 8%, rgba(110,66,255,.16), transparent 28rem),
      linear-gradient(180deg,#f7faff 0%,#fff 38%,#f8fafc 100%);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", sans-serif;
}
.showcase-nav{
    background:rgba(255,255,255,.82);
    border-bottom:1px solid var(--line);
    backdrop-filter: blur(18px);
}
.brand-mark{
    display:inline-grid; place-items:center;
    width:34px; height:34px; border-radius:13px;
    color:#fff;
    background:linear-gradient(135deg,var(--brand),var(--brand2));
    box-shadow:0 10px 28px rgba(47,107,255,.28);
}
.hero{
    position:relative;
    overflow:hidden;
    padding:72px 0 46px;
}
.hero-card{
    position:relative;
    border:1px solid rgba(255,255,255,.65);
    border-radius:34px;
    background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(255,255,255,.6));
    box-shadow:0 28px 90px rgba(21,36,76,.14);
    backdrop-filter: blur(20px);
    overflow:hidden;
}
.hero-card::before{
    content:"";
    position:absolute; inset:-2px;
    background:linear-gradient(120deg,rgba(47,107,255,.18),transparent 32%,rgba(110,66,255,.18));
    pointer-events:none;
}
.hero-inner{position:relative; padding:44px}
.hero h1{
    font-size:clamp(2.1rem, 5vw, 4.5rem);
    line-height:1.04;
    letter-spacing:-.055em;
}
.gradient-text{
    background:linear-gradient(135deg,#1d4ed8,#6d28d9 58%,#0f766e);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
}
.hero-visual{
    border-radius:28px;
    background:#0d1324;
    color:#fff;
    padding:24px;
    min-height:310px;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.12), 0 30px 70px rgba(13,19,36,.26);
}
.code-line{height:10px;border-radius:99px;background:rgba(255,255,255,.18);margin:12px 0}
.code-line.w1{width:82%}.code-line.w2{width:58%}.code-line.w3{width:72%}.code-line.w4{width:44%}
.float-chip{
    display:inline-flex; align-items:center; gap:8px;
    padding:8px 12px; border-radius:999px;
    background:rgba(255,255,255,.1);
    border:1px solid rgba(255,255,255,.14);
    margin:4px;
    font-size:.86rem;
}
.stat-card,.panel-card,.app-card,.admin-card{
    border:1px solid var(--line);
    background:rgba(255,255,255,.78);
    border-radius:24px;
    box-shadow:0 16px 45px rgba(23,37,84,.08);
}
.stat-card{padding:20px}
.stat-card b{font-size:1.7rem}
.app-card{
    position:relative;
    overflow:hidden;
    height:100%;
    transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.app-card:hover{
    transform:translateY(-6px);
    box-shadow:0 24px 70px rgba(23,37,84,.16);
    border-color:rgba(47,107,255,.32);
}
.app-thumb{
    height:180px;
    background:
      linear-gradient(135deg,rgba(47,107,255,.16),rgba(110,66,255,.18)),
      linear-gradient(180deg,#fff,#eef4ff);
    display:flex; align-items:center; justify-content:center;
    color:var(--brand);
}
.app-thumb img{width:100%;height:100%;object-fit:cover}
.app-icon{
    width:68px;height:68px;border-radius:24px;
    display:grid;place-items:center;
    background:#fff;
    box-shadow:0 16px 38px rgba(47,107,255,.2);
    font-size:2rem;
}
.app-body{padding:24px}
.badge-soft{
    background:rgba(47,107,255,.1);
    color:#2456d6;
    border:1px solid rgba(47,107,255,.12);
}
.tech-tag{
    display:inline-flex;
    padding:5px 9px;
    border-radius:999px;
    background:#f2f5fb;
    color:#475569;
    font-size:.78rem;
    margin:0 5px 6px 0;
}
.action-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
}
.action-btn{
    border-radius:14px;
    padding:10px 12px;
    text-decoration:none;
    display:flex;align-items:center;justify-content:center;gap:7px;
    font-weight:700;
    border:1px solid var(--line);
    background:#fff;
    color:var(--ink);
}
.action-btn.primary{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;border:0}
.action-btn:hover{filter:brightness(.98)}
.section-title{letter-spacing:-.035em}
.process-step{
    padding:24px;border-radius:24px;
    border:1px solid var(--line);
    background:#fff;
    height:100%;
}
.step-num{
    width:42px;height:42px;border-radius:16px;
    display:grid;place-items:center;
    background:#111827;color:#fff;font-weight:800;
}
.detail-hero{
    border-radius:32px;
    background:linear-gradient(135deg,#111827,#20315f 55%,#3c1d82);
    color:#fff;
    padding:44px;
    box-shadow:0 26px 75px rgba(17,24,39,.22);
}
.file-box{
    border:1px solid var(--line);
    background:#fff;
    border-radius:22px;
    padding:18px;
}
.admin-shell{background:#f6f8fb;min-height:100vh}
.admin-sidebar{
    background:#101827;color:#dbeafe;
    border-radius:24px;padding:18px;
}
.admin-sidebar a{color:#dbeafe;text-decoration:none;display:block;padding:10px 12px;border-radius:14px}
.admin-sidebar a:hover,.admin-sidebar a.active{background:rgba(255,255,255,.1)}
.form-control,.form-select{border-radius:14px;border-color:#d7deea}
.btn{border-radius:14px}
.table thead th{font-size:.82rem;color:#64748b;text-transform:uppercase}
@media(max-width:768px){
    .hero{padding-top:34px}
    .hero-inner{padding:26px}
    .hero-visual{min-height:220px}
    .action-grid{grid-template-columns:1fr}
    .detail-hero{padding:28px}
}


/* v2026.07.05.2 - 카드별 왼쪽 특징 테두리 */
.app-card::after{
    content:"";
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:7px;
    background:linear-gradient(180deg,var(--accent,#2f6bff),rgba(110,66,255,.72));
    border-radius:24px 0 0 24px;
    box-shadow:0 0 28px rgba(47,107,255,.18);
}
.app-card .app-body,
.app-card .app-thumb{
    position:relative;
    z-index:1;
}
.admin-card{
    position:relative;
    overflow:hidden;
}
.admin-card::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:5px;
    background:linear-gradient(180deg,var(--accent,#2f6bff),rgba(110,66,255,.78));
}



/* v2026.07.05.4 - 상세페이지 문의 처리 현황 */
.inquiry-public-list{display:grid;gap:12px}
.inquiry-public-card{
    border:1px solid var(--line);
    border-left:6px solid var(--accent,#2f6bff);
    background:#fff;
    border-radius:18px;
    padding:16px;
}
.inquiry-public-card.is-highlight{
    border-color:rgba(5,166,107,.35);
    border-left-color:#05a66b;
    box-shadow:0 16px 42px rgba(5,166,107,.12);
}
.public-reply-box{
    background:linear-gradient(135deg,rgba(47,107,255,.08),rgba(5,166,107,.06));
    border:1px solid rgba(47,107,255,.14);
    border-radius:16px;
    padding:14px;
}


/* v2026.07.05.5 - 문의 처리 현황 카드처럼 전체 카드 테두리 통일 */
.app-card,
.stat-card,
.panel-card,
.admin-card,
.process-step,
.file-box,
.timeline-item,
.page-hero{
    border:1px solid rgba(20,29,50,.1) !important;
    background:rgba(255,255,255,.82);
    border-radius:24px;
    box-shadow:0 16px 45px rgba(23,37,84,.08);
}
.app-card::after,
.admin-card::before{
    display:none !important;
}
.app-card{
    border-left:1px solid rgba(20,29,50,.1) !important;
}
.app-card:hover{
    border-color:rgba(47,107,255,.28) !important;
}

.app-detail-hero-custom{
    background:linear-gradient(135deg,var(--detail-bg,#2f6bff),color-mix(in srgb, var(--detail-bg,#2f6bff) 58%, #111827));
    background-size:cover;
    background-position:center;
    border-left:0;
    box-shadow:0 26px 75px color-mix(in srgb, var(--detail-bg,#2f6bff) 26%, rgba(17,24,39,.18));
}
.app-detail-hero-custom .badge{
    color:var(--detail-bg,#2f6bff) !important;
}

.timeline-wrap{
    position:relative;
    max-width:980px;
    margin:0 auto;
}
.timeline-wrap::before{
    content:"";
    position:absolute;
    left:128px;
    top:8px;
    bottom:8px;
    width:2px;
    background:linear-gradient(180deg,rgba(47,107,255,.35),rgba(110,66,255,.25));
}
.timeline-item{
    position:relative;
    display:grid;
    grid-template-columns:110px 26px 1fr;
    gap:18px;
    padding:22px;
    margin-bottom:18px;
}
.timeline-date{
    font-weight:800;
    color:#1d4ed8;
}
.timeline-dot{
    width:18px;
    height:18px;
    border-radius:999px;
    margin-top:3px;
    background:linear-gradient(135deg,#2f6bff,#6e42ff);
    box-shadow:0 0 0 6px rgba(47,107,255,.12);
    z-index:1;
}
.timeline-admin-item{
    border-color:rgba(20,29,50,.1)!important;
}
@media(max-width:768px){
    .timeline-wrap::before{left:30px}
    .timeline-item{
        grid-template-columns:26px 1fr;
        gap:12px;
    }
    .timeline-date{
        grid-column:2;
        order:2;
    }
    .timeline-dot{
        grid-column:1;
        grid-row:1 / span 2;
    }
    .timeline-content{
        grid-column:2;
    }
}


/* v2026.07.05.6 - WYSIWYG 본문 출력 */
.page-content img{
    max-width:100%;
    height:auto;
    border-radius:18px;
    box-shadow:0 16px 45px rgba(23,37,84,.08);
}
.page-content video{
    max-width:100%;
    height:auto;
    border-radius:18px;
    background:#0d1324;
}
.page-content iframe{
    border:0;
    border-radius:18px;
}
.page-content table{
    width:100%;
    border-collapse:collapse;
    margin:1rem 0;
}
.page-content table th,
.page-content table td{
    border:1px solid rgba(20,29,50,.12);
    padding:.75rem;
}
.page-content blockquote{
    border-left:4px solid #2f6bff;
    padding:1rem 1.25rem;
    background:#f6f8fb;
    border-radius:0 16px 16px 0;
}
.tox-tinymce{
    border-radius:18px !important;
    border-color:#d7deea !important;
    overflow:hidden;
}


/* v2026.07.05.7 - 상세 헤드 카드 배경색 옵션 */
.detail-hero.app-detail-hero-custom{
    background:linear-gradient(135deg,var(--detail-bg,#2f6bff),color-mix(in srgb, var(--detail-bg,#2f6bff) 58%, #111827));
}


/* v2026.07.05.8 - editable footer */
.footer-custom-text{
    line-height:1.7;
    white-space:normal;
}
.site-footer{
    border-top:1px solid rgba(20,29,50,.1);
    background:rgba(255,255,255,.72);
    backdrop-filter:blur(14px);
}


/* v2026.07.05.9 - brand assets and menu hover */
.brand-logo-img{
    width:34px;
    height:34px;
    border-radius:12px;
    display:inline-grid;
    place-items:center;
    overflow:hidden;
    background:#fff;
    border:1px solid rgba(20,29,50,.1);
    box-shadow:0 10px 28px rgba(47,107,255,.16);
}
.brand-logo-img img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.brand-title-text{
    transition:color .2s ease;
}
.navbar-brand:hover .brand-title-text{
    color:#2456d6;
}
.showcase-nav .nav-link{
    position:relative;
    border-radius:999px;
    padding:.45rem .7rem;
    transition:color .18s ease, background .18s ease, transform .18s ease;
}
.showcase-nav .nav-link::after{
    content:"";
    position:absolute;
    left:50%;
    right:50%;
    bottom:.2rem;
    height:2px;
    border-radius:999px;
    background:linear-gradient(90deg,#2f6bff,#6e42ff);
    transition:left .2s ease,right .2s ease,opacity .2s ease;
    opacity:0;
}
.showcase-nav .nav-link:hover{
    color:#2456d6;
    background:rgba(47,107,255,.07);
    transform:translateY(-1px);
}
.showcase-nav .nav-link:hover::after{
    left:.75rem;
    right:.75rem;
    opacity:1;
}
.hero-title-image{
    max-width:min(420px,100%);
}
.hero-title-image img{
    max-width:100%;
    height:auto;
    border-radius:22px;
    box-shadow:0 20px 55px rgba(23,37,84,.14);
}
.setting-preview-logo{
    width:46px;
    height:46px;
    border-radius:14px;
    object-fit:cover;
    border:1px solid rgba(20,29,50,.1);
}
.setting-preview-title{
    max-width:260px;
    max-height:90px;
    border-radius:16px;
    object-fit:contain;
    border:1px solid rgba(20,29,50,.1);
    background:#fff;
    padding:6px;
}


/* v2026.07.05.11 - main card settings */
.admin-sub-card{
    border:1px solid rgba(20,29,50,.1);
    border-radius:22px;
    background:#f8fafc;
}
.hero-media-card{
    padding:0;
    overflow:hidden;
    background:#0d1324;
    display:flex;
    align-items:center;
    justify-content:center;
}
.hero-media-card img,
.hero-media-card video{
    width:100%;
    height:100%;
    min-height:310px;
    object-fit:cover;
    border-radius:28px;
}
.setting-preview-media{
    max-width:320px;
    max-height:180px;
    border-radius:18px;
    object-fit:cover;
    background:#0d1324;
    border:1px solid rgba(20,29,50,.1);
}
@media(max-width:768px){
    .hero-media-card img,
    .hero-media-card video{
        min-height:220px;
    }
}


/* v2026.07.05.12 - main card cover video */
.hero-mode-option{
    display:flex;
    gap:10px;
    align-items:flex-start;
    padding:14px;
    border:1px solid rgba(20,29,50,.1);
    border-radius:18px;
    background:#fff;
    cursor:pointer;
    height:100%;
}
.hero-mode-option strong{
    display:block;
}
.hero-mode-option small{
    display:block;
    color:#64748b;
    margin-top:3px;
    line-height:1.45;
}
.hero-cover-video-only{
    min-height:clamp(360px, 58vw, 680px);
    padding:0;
    background:#0d1324;
}
.hero-cover-video{
    width:100%;
    height:100%;
    min-height:clamp(360px, 58vw, 680px);
    object-fit:cover;
    display:block;
    border-radius:34px;
}
.hero-media-card video{
    display:block;
}


/* v2026.07.05.13 - media delivery fix */
.hero-cover-video::-webkit-media-controls{
    opacity:.82;
}
.hero-media-card img,
.hero-media-card video,
.hero-cover-video{
    background:#0d1324;
}


/* v2026.07.05.14 - main links and flow cards */
.hero-badge-link{
    text-decoration:none;
    transition:transform .18s ease, box-shadow .18s ease;
}
.hero-badge-link:hover{
    transform:translateY(-1px);
    box-shadow:0 10px 26px rgba(47,107,255,.12);
}
.process-link{
    display:inline-flex;
    align-items:center;
    gap:4px;
    font-weight:700;
    font-size:.86rem;
    color:#2456d6;
    text-decoration:none;
}
.process-link:hover{
    text-decoration:underline;
}
.flow-admin-card{
    border:1px solid rgba(20,29,50,.1);
    border-radius:20px;
    background:#fff;
    height:100%;
}
.small-step{
    width:32px;
    height:32px;
    border-radius:12px;
    font-size:.85rem;
}


/* v2026.07.05.15 - stats/showcase/flow visibility management */
.flow-admin-card .form-switch .form-check-input{
    cursor:pointer;
}
.stat-card{
    min-height:94px;
}

/* ============================================================
   v2026.08.14.2 - INC Product & Knowledge Hub v2
   ============================================================ */
:root{
    --surface:#ffffff;
    --surface-2:#f7f9fc;
    --surface-3:#eef3fb;
    --navy:#0b1220;
    --navy-2:#14213d;
    --violet:#6c5ce7;
    --cyan:#3aa7ff;
    --ring:rgba(47,107,255,.16);
}
html{scroll-behavior:smooth}
body{overflow-x:hidden}
a{color:inherit}
.fw-black{font-weight:900}
.eyebrow{
    display:inline-flex;align-items:center;gap:7px;
    font-size:.74rem;font-weight:800;letter-spacing:.12em;
    color:#3157c8;text-transform:uppercase;
}
.eyebrow.light{color:rgba(255,255,255,.72)}
.portal-hero{padding-top:46px}
.portal-hero .hero-card{border-radius:30px}
.portal-hero .hero-inner{padding:42px}
.portal-trust-row{display:flex;flex-wrap:wrap;gap:14px 18px;color:#5d6880;font-size:.83rem;font-weight:650}
.portal-trust-row span{display:inline-flex;align-items:center;gap:6px}
.portal-trust-row i{color:#3157c8}
.hub-console{
    background:linear-gradient(160deg,#0a1020,#152343 65%,#243a69);
    border-radius:28px;padding:18px;color:#fff;
    box-shadow:0 30px 70px rgba(8,16,35,.28);
    min-height:320px;border:1px solid rgba(255,255,255,.12);
}
.hub-console-head{display:flex;align-items:center;justify-content:space-between;padding:5px 4px 14px;border-bottom:1px solid rgba(255,255,255,.09)}
.live-dot{font-size:.68rem;font-weight:800;letter-spacing:.08em;color:#71f1b8;background:rgba(31,212,132,.10);border:1px solid rgba(72,232,157,.25);padding:5px 8px;border-radius:999px}
.hub-console-row{display:flex;align-items:center;gap:12px;padding:13px 4px;border-bottom:1px solid rgba(255,255,255,.07)}
.hub-console-row:last-child{border-bottom:0}
.hub-console-row b{display:block;font-size:.91rem}.hub-console-row small{display:block;color:rgba(255,255,255,.58);font-size:.72rem;margin-top:2px}
.hub-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.1)}
.stat-card{display:flex;flex-direction:column;justify-content:center;min-height:104px;padding:18px 20px}
.stat-card span{font-size:.78rem;color:#718096;font-weight:650}.stat-card b{font-size:1.8rem;line-height:1.1;margin-top:5px}
.product-search{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 30px rgba(23,37,84,.05);border-radius:16px;padding:0 14px;width:min(100%,390px)}
.product-search i{color:#7b8498}.product-search input{width:100%;height:48px;border:0;outline:0;background:transparent;color:var(--ink)}
.filter-scroll{display:flex;gap:9px;overflow-x:auto;padding:2px 2px 9px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.filter-scroll::-webkit-scrollbar{display:none}
.filter-chip{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;text-decoration:none;border:1px solid var(--line);background:#fff;color:#5b6579;padding:9px 12px;border-radius:999px;font-size:.82rem;font-weight:750;transition:.18s ease}
.filter-chip b{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:99px;background:#f1f4f9;font-size:.7rem}
.filter-chip:hover,.filter-chip.active{color:#fff;background:#101827;border-color:#101827;transform:translateY(-1px)}
.filter-chip.active b,.filter-chip:hover b{background:rgba(255,255,255,.14)}
.product-card-v2{border-radius:25px!important;overflow:hidden;background:#fff!important}
.product-card-v2 .app-thumb{height:190px;position:relative;background:linear-gradient(140deg,#edf4ff,#f6f3ff 60%,#eefcf8)}
.product-kind-badge{position:absolute;left:14px;top:14px;display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:rgba(10,18,32,.76);backdrop-filter:blur(10px);color:#fff;font-size:.72rem;font-weight:800;box-shadow:0 8px 22px rgba(9,16,35,.18)}
.version-pill{font-size:.72rem;font-weight:800;padding:5px 8px;border-radius:999px;color:#3157c8;background:#edf3ff;border:1px solid rgba(47,107,255,.1)}
.card-summary{min-height:50px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.platform-line{display:flex;align-items:flex-start;gap:7px;color:#6c7486;font-size:.78rem;padding:8px 10px;background:#f8fafc;border-radius:12px}
.platform-line i{color:#3157c8;margin-top:1px}
.connected-support-banner{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:32px 34px;border-radius:28px;background:linear-gradient(130deg,#0b1220,#18284b 58%,#2c3f78);color:#fff;box-shadow:0 24px 60px rgba(12,24,48,.18)}
.connected-support-banner .btn{flex:0 0 auto}

/* product detail */
.detail-status-card{padding:18px;border-radius:20px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px)}
.detail-status-card>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.08)}.detail-status-card>div:last-child{border-bottom:0}
.detail-status-card small{opacity:.68}.detail-status-card strong,.detail-status-card span{text-align:right}
.portal-section-title{display:flex;align-items:center;gap:10px;font-size:1.02rem;font-weight:850;margin-bottom:16px}.portal-section-title i{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;color:#3157c8;background:#edf3ff}
.product-description{font-size:1.01rem;color:#364153}
.compat-box{padding:16px 18px;border-radius:16px;background:#f6f9ff;border:1px solid rgba(47,107,255,.12);color:#465269}
.manual-list{display:grid;gap:9px}.manual-list>a{display:flex;align-items:center;gap:12px;text-decoration:none;padding:13px 14px;border:1px solid var(--line);border-radius:16px;background:#fff;transition:.18s ease}.manual-list>a:hover{transform:translateX(3px);border-color:rgba(47,107,255,.25);box-shadow:0 10px 30px rgba(23,37,84,.07)}
.manual-list a b{display:block;font-size:.92rem}.manual-list a small{display:block;color:#7a8496;font-size:.76rem;margin-top:2px}.manual-type-icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:13px;background:#f1f5ff;color:#3157c8}
.legacy-manual{padding:16px 18px;border-radius:16px;background:#f8fafc;border:1px solid var(--line)}
.release-list{display:grid;gap:12px}.release-item{padding:16px 18px;border:1px solid var(--line);border-radius:18px;background:#fff}.release-version{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.release-version strong{font-size:1.05rem}.release-meta{font-size:.76rem;color:#7a8496;margin-top:5px}.release-change{font-size:.88rem;color:#445066;line-height:1.65;margin-top:10px;padding-top:10px;border-top:1px dashed rgba(20,29,50,.1)}
.sticky-product-actions{position:sticky;top:86px}.sidebox-kicker{font-size:.68rem;font-weight:850;letter-spacing:.12em;color:#3157c8;margin-bottom:7px}.demo-sidebox{background:linear-gradient(145deg,#fff,#f5f9ff)}
.ai-badge{background:#ede9fe!important;color:#5b35c9!important;border:1px solid rgba(108,92,231,.18)}

/* manual center */
.manual-center-hero{padding-top:54px!important}.manual-search-shell{padding:34px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(244,248,255,.9));box-shadow:0 22px 70px rgba(24,39,83,.10)}
.manual-result-card{display:block;text-decoration:none;height:100%;padding:20px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 12px 35px rgba(23,37,84,.05);transition:.18s ease}.manual-result-card:hover{transform:translateY(-3px);border-color:rgba(47,107,255,.22);box-shadow:0 18px 44px rgba(23,37,84,.1)}
.manual-article{max-width:920px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:0 20px 60px rgba(23,37,84,.08);overflow:hidden}.manual-article-head{padding:34px 38px;border-bottom:1px solid var(--line);background:linear-gradient(140deg,#fff,#f5f8ff)}.manual-body{padding:38px;font-size:1rem;line-height:1.85;white-space:normal;color:#344155}

/* admin v2 */
.admin-layout{max-width:1900px;margin:0 auto}.admin-sidebar{top:16px;min-height:calc(100vh - 32px);display:flex;flex-direction:column;padding:14px;background:linear-gradient(180deg,#0b1220,#121d35);box-shadow:0 24px 50px rgba(11,18,32,.16)}
.admin-brand{display:flex;align-items:center;gap:10px;color:#fff;padding:4px 5px 16px}.admin-brand b{display:block;font-size:.9rem}.admin-brand small{display:block;color:rgba(255,255,255,.48);font-size:.65rem;margin-top:1px}.admin-brand .brand-mark{width:36px;height:36px;border-radius:12px}
.admin-nav-scroll{display:grid;gap:3px}.admin-sidebar a{display:flex;align-items:center;gap:10px;padding:10px 11px;font-size:.82rem}.admin-sidebar a i{width:20px;text-align:center}.admin-sidebar a.active{background:linear-gradient(135deg,rgba(61,111,255,.28),rgba(110,66,255,.20));box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.admin-sidebar-bottom{margin-top:auto;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}
.admin-metric{height:100%;min-height:112px;padding:16px;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 35px rgba(23,37,84,.05);display:flex;flex-direction:column}.admin-metric i{color:#3157c8;font-size:1.08rem}.admin-metric span{font-size:.72rem;color:#7a8496;margin-top:8px}.admin-metric b{font-size:1.75rem;line-height:1;margin-top:4px}
.dashboard-feed-list{display:grid}.dashboard-feed-list>a{display:flex;align-items:center;gap:11px;text-decoration:none;padding:11px 0;border-bottom:1px solid var(--line)}.dashboard-feed-list>a:last-child{border-bottom:0}.dashboard-feed-list b{display:block;font-size:.85rem}.dashboard-feed-list small{display:block;color:#7d8697;font-size:.72rem;margin-top:2px}.feed-source{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:#edf3ff;color:#3157c8}.feed-source.is-control{background:#121d35;color:#fff}
.release-mini-list>div{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}.release-mini-list>div:last-child{border-bottom:0}.release-mini-list b,.release-mini-list strong{display:block;font-size:.83rem}.release-mini-list small{display:block;color:#7d8697;font-size:.7rem;margin-top:2px}
.seo-auto-box{padding:14px 16px;border-radius:16px;background:linear-gradient(135deg,#f4f8ff,#f8f5ff);border:1px solid rgba(47,107,255,.12)}
.sticky-savebar{position:sticky;bottom:10px;z-index:20;padding:10px 12px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);box-shadow:0 15px 38px rgba(23,37,84,.12)}
.api-token-once{padding:14px 16px;border-radius:16px;background:#101827;color:#fff;overflow-wrap:anywhere}.api-token-once code{color:#8ee7bd}
.feedback-message{padding:16px;border-radius:16px;background:#f8fafc;border:1px solid var(--line);line-height:1.65}.environment-box{padding:11px 13px;border-radius:14px;background:#fff;border:1px solid var(--line)}.environment-box summary{cursor:pointer;font-weight:750;color:#596579}
.knowledge-admin-list{display:grid;gap:10px}.knowledge-admin-item{padding:14px;border:1px solid var(--line);border-radius:16px;background:#fff}

/* form ergonomics */
.form-control,.form-select{min-height:44px}.form-control:focus,.form-select:focus{border-color:rgba(47,107,255,.55);box-shadow:0 0 0 .22rem rgba(47,107,255,.10)}
textarea.form-control{min-height:auto}.btn{font-weight:700}.table>:not(caption)>*>*{padding:.8rem .7rem}

@media(max-width:991.98px){
    .showcase-nav .navbar-collapse{padding:10px 0 5px}.showcase-nav .nav-link{padding:.65rem .75rem}
    .portal-hero{padding-top:28px}.portal-hero .hero-inner{padding:28px}.hub-console{min-height:auto}
    .connected-support-banner{align-items:flex-start;flex-direction:column;padding:26px}.connected-support-banner .btn{width:100%}
    .sticky-product-actions{position:static}
    .admin-sidebar{min-height:auto;position:relative!important;top:auto!important;border-radius:20px;padding:12px}.admin-brand{padding-bottom:10px}.admin-nav-scroll{display:flex;overflow-x:auto;gap:6px;padding-bottom:4px;scrollbar-width:none}.admin-nav-scroll::-webkit-scrollbar{display:none}.admin-sidebar a{flex:0 0 auto;white-space:nowrap;background:rgba(255,255,255,.05)}.admin-sidebar-bottom{display:none}
}
@media(max-width:767.98px){
    body{background:linear-gradient(180deg,#f6f9ff,#fff 30%,#f8fafc)}
    .container{padding-left:16px;padding-right:16px}.showcase-nav .container{padding-left:14px;padding-right:14px}
    .brand-title-text{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.94rem}
    .hero{padding-bottom:26px}.portal-hero .hero-card{border-radius:22px}.portal-hero .hero-inner{padding:22px}.portal-hero h1{font-size:clamp(2rem,11vw,3rem);letter-spacing:-.05em}.portal-trust-row{gap:8px 12px}.portal-trust-row span{font-size:.74rem}
    .hub-console{border-radius:20px;padding:14px}.hub-console-row{padding:10px 2px}.hub-icon{width:34px;height:34px}
    .stat-card{min-height:88px;padding:14px 15px}.stat-card b{font-size:1.45rem}
    .product-search{width:100%}.filter-scroll{margin-left:-2px;margin-right:-16px;padding-right:16px}.product-card-v2 .app-thumb{height:165px}.app-body{padding:19px}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.action-btn{font-size:.82rem;padding:10px 8px}
    .detail-hero{border-radius:22px;padding:24px 20px}.detail-hero h1{font-size:2.15rem}.panel-card{border-radius:20px}.panel-card.p-4,.panel-card.p-lg-5{padding:20px!important}.detail-status-card{padding:13px}
    .manual-search-shell{padding:22px;border-radius:22px}.manual-search-shell h1{font-size:2rem}.manual-article{border-radius:20px}.manual-article-head,.manual-body{padding:24px 20px}.manual-body{font-size:.95rem}
    .connected-support-banner{border-radius:22px;padding:22px}.connected-support-banner h2{font-size:1.35rem}
    .admin-layout{padding-left:10px!important;padding-right:10px!important}.admin-card{border-radius:20px}.admin-card.p-4{padding:18px!important}.admin-metric{min-height:94px;padding:13px}.admin-metric b{font-size:1.5rem}.table{font-size:.84rem}.sticky-savebar{bottom:6px}
}
@media(max-width:390px){
    .action-grid{grid-template-columns:1fr}.portal-hero h1{font-size:2rem}.brand-title-text{max-width:175px}.filter-chip{padding:8px 10px}.product-kind-badge{left:10px;top:10px}.detail-status-card>div{flex-direction:column;gap:2px}.detail-status-card strong,.detail-status-card span{text-align:left}
}

/* ============================================================
   v2026.08.14.8 - product visibility / AI development record
   ============================================================ */
.ai-folder-drop{
    display:flex;align-items:flex-start;gap:18px;padding:24px;
    border:1.5px dashed rgba(47,107,255,.28);border-radius:22px;
    background:linear-gradient(145deg,#f9fbff,#f5f8ff 55%,#fbf9ff);
}
.ai-folder-icon{display:grid;place-items:center;flex:0 0 58px;width:58px;height:58px;border-radius:18px;background:#fff;color:#3157c8;font-size:1.45rem;box-shadow:0 12px 30px rgba(47,107,255,.10);border:1px solid rgba(47,107,255,.12)}
.ai-scan-summary{padding:12px 14px;border-radius:14px;background:#f8fafc;border:1px solid var(--line);font-size:.82rem;color:#5f6a7d}
.ai-preview-field{height:100%;padding:14px 15px;border-radius:16px;background:#f8fafc;border:1px solid var(--line)}
.ai-preview-field span{display:block;color:#7a8496;font-size:.7rem;font-weight:750;margin-bottom:5px}.ai-preview-field b{display:block;font-size:.9rem;overflow-wrap:anywhere}
.ai-rule-list{display:grid;gap:14px}.ai-rule-list>div{display:flex;gap:11px;align-items:flex-start}.ai-rule-list>div>i{color:#3157c8;font-size:1.05rem;margin-top:2px}.ai-rule-list b{display:block;font-size:.86rem}.ai-rule-list small{display:block;color:#7a8496;line-height:1.55;margin-top:2px;font-size:.73rem}
.ai-import-banner{padding:18px 20px;border-radius:20px;background:linear-gradient(135deg,#f4f8ff,#f8f4ff);border:1px solid rgba(77,87,255,.16);box-shadow:0 12px 34px rgba(47,107,255,.06)}
.ai-import-warnings{display:grid;gap:6px}.ai-import-warnings>div{display:flex;gap:7px;align-items:flex-start;padding:8px 10px;border-radius:12px;background:rgba(255,193,7,.10);color:#775800;font-size:.78rem}.ai-import-warnings i{margin-top:1px}
.ai-record-badge{font-size:.62rem;background:#ede9fe;color:#5936c9;border:1px solid rgba(108,92,231,.16);vertical-align:2px}
@media(max-width:767.98px){
    .ai-folder-drop{flex-direction:column;padding:18px;border-radius:18px}.ai-folder-icon{width:48px;height:48px;flex-basis:48px;border-radius:15px}.ai-import-banner{padding:16px;border-radius:18px}
}
.ai-import-review{padding:16px 18px;border-radius:18px;background:#fbfcff;border:1px solid rgba(47,107,255,.14)}
.ai-import-doc-list{display:grid;gap:10px}.ai-import-doc-list>div{padding:12px;border-radius:14px;background:#f8fafc;border:1px solid var(--line)}.ai-import-doc-list b{display:block;font-size:.86rem}.ai-import-doc-list small{display:block;color:#7a8496;font-size:.7rem;margin-top:2px}.ai-import-doc-list p{margin:7px 0 0;color:#586376;font-size:.78rem;line-height:1.55}