/* ================================================================
   NIKRAD — Professional UI v2
   Profile-led product design system. Visual layer only.
   ================================================================ */
:root{
  --p-bg:#f7f5f0;--p-surface:#fff;--p-surface-2:#f0ede8;--p-text:#1c1b1a;
  --p-text-2:#4b4945;--p-muted:#86817a;--p-line:#e3dfd8;--p-accent:#b68b5c;
  --p-accent-soft:#f0ebe3;--p-accent-dim:#dacfbf;--p-danger:#c1483a;
  --p-shadow:0 10px 34px rgba(30,25,18,.055);--p-shadow-hover:0 16px 44px rgba(30,25,18,.085);
  --p-radius:18px;--p-radius-sm:12px;--p-ease:cubic-bezier(.22,1,.36,1);
}
html[data-theme="dark"]{
  --p-bg:#111315;--p-surface:#191c1f;--p-surface-2:#23272b;--p-text:#f1f3f5;
  --p-text-2:#c5c9ce;--p-muted:#8f969e;--p-line:#30353a;--p-accent:#c9a574;
  --p-accent-soft:#2b2925;--p-accent-dim:#5a4d3b;--p-shadow:0 14px 45px rgba(0,0,0,.24);
  --p-shadow-hover:0 18px 52px rgba(0,0,0,.34)
}

html,body{background:var(--p-bg)!important;color:var(--p-text)!important}
body{font-family:Vazirmatn,system-ui,sans-serif!important;-webkit-font-smoothing:antialiased}
body.nikrad-v2{min-height:100dvh;overflow-x:hidden}
body.nikrad-v2 *{box-sizing:border-box}
body.nikrad-v2 :where(a,button,input,textarea,select):focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--p-accent) 20%,transparent)!important}

/* App chrome — same visual language as Profile */
body.nikrad-v2 .app-header{background:var(--p-surface)!important;border-color:var(--p-line)!important;color:var(--p-text)!important}
body.nikrad-v2 .menu-btn,body.nikrad-v2 .quick-btn,body.nikrad-v2 .notif-btn,body.nikrad-v2 .avatar-btn{color:var(--p-text-2)!important}
body.nikrad-v2 .menu-btn:hover,body.nikrad-v2 .quick-btn:hover,body.nikrad-v2 .notif-btn:hover{background:var(--p-surface-2)!important;color:var(--p-text)!important}
body.nikrad-v2 .header-brand{color:var(--p-text)!important}
body.nikrad-v2 .header-brand .spark{color:var(--p-accent)!important}
body.nikrad-v2 .header-brand .badge{background:var(--p-accent-soft)!important;color:var(--p-accent)!important}
body.nikrad-v2 .avatar-btn{background:var(--p-accent-soft)!important;border-color:var(--p-line)!important;color:var(--p-accent)!important}
body.nikrad-v2 .notif-dot{background:var(--p-danger)!important;border-color:var(--p-surface)!important}

/* Canvas / hierarchy */
body.nikrad-v2 .device{background:var(--p-bg)!important;border-color:var(--p-line)!important}
body.nikrad-v2 #scroll{scrollbar-width:thin;scrollbar-color:var(--p-line) transparent}
body.nikrad-v2 .content{max-width:980px!important}
body.nikrad-v2 .hero{padding-top:8px!important;padding-bottom:24px!important}
body.nikrad-v2 .hero h1{color:var(--p-text)!important;font-weight:800!important;letter-spacing:-.045em!important}
body.nikrad-v2 .hero p{color:var(--p-muted)!important;line-height:2!important}
body.nikrad-v2 .eyebrow{background:var(--p-accent-soft)!important;color:var(--p-accent)!important}

/* Universal surfaces */
body.nikrad-v2 :where(.card,.panel,.surface,.setting-card,.admin-panel,.list-card,.stat-card,.quick-card,.doc-card,.feature-card,.cta-card,.table-card){
  background:var(--p-surface)!important;border:1px solid var(--p-line)!important;border-radius:var(--p-radius)!important;
  box-shadow:var(--p-shadow)!important;color:var(--p-text)!important
}
body.nikrad-v2 :where(.card,.panel,.surface,.setting-card,.admin-panel,.list-card,.stat-card,.quick-card,.doc-card,.feature-card,.cta-card,.table-card){
  transition:transform .22s var(--p-ease),box-shadow .22s var(--p-ease),border-color .22s var(--p-ease),background .22s var(--p-ease)
}
body.nikrad-v2 :where(.card,.panel,.surface,.setting-card,.admin-panel,.list-card,.stat-card,.quick-card,.doc-card,.feature-card,.cta-card,.table-card):hover{
  border-color:color-mix(in srgb,var(--p-accent) 24%,var(--p-line))!important;box-shadow:var(--p-shadow-hover)!important
}

/* Stats */
body.nikrad-v2 .stat-grid{gap:12px!important}
body.nikrad-v2 .stat-card{padding:17px!important}
body.nikrad-v2 .stat-card .num{color:var(--p-text)!important;font-weight:800!important}
body.nikrad-v2 .stat-card .label{color:var(--p-muted)!important}

/* Action cards */
body.nikrad-v2 .quick-grid{gap:12px!important}
body.nikrad-v2 .quick-card{box-shadow:none!important}
body.nikrad-v2 .quick-card:hover{transform:translateY(-2px)!important;box-shadow:var(--p-shadow)!important}
body.nikrad-v2 .quick-card .qi{background:var(--p-accent-soft)!important;color:var(--p-accent)!important}
body.nikrad-v2 .quick-card span{color:var(--p-text)!important}

/* Lists */
body.nikrad-v2 .list-card{overflow:hidden!important}
body.nikrad-v2 .list-row{border-color:var(--p-line)!important;padding:14px 16px!important}
body.nikrad-v2 .list-row:hover{background:var(--p-surface-2)!important}
body.nikrad-v2 .list-row .li{background:var(--p-surface-2)!important;color:var(--p-text-2)!important}
body.nikrad-v2 .list-row .lt b{color:var(--p-text)!important}
body.nikrad-v2 .list-row .lt span{color:var(--p-muted)!important}
body.nikrad-v2 .row-actions{display:flex;gap:5px;flex-wrap:wrap}
body.nikrad-v2 .row-actions button{border:1px solid var(--p-line)!important;background:var(--p-surface-2)!important;color:var(--p-text-2)!important;border-radius:9px!important;padding:7px 9px!important;font-size:10px!important}
body.nikrad-v2 .row-actions button:hover{border-color:var(--p-accent-dim)!important;color:var(--p-text)!important}
body.nikrad-v2 .row-actions .danger{color:var(--p-danger)!important}

/* Buttons */
body.nikrad-v2 :where(.btn,.cta-btn,.read-btn,.new-chat-btn,.btn-primary,.btn-outline){min-height:42px!important;border-radius:12px!important;font-weight:700!important;transition:transform .18s var(--p-ease),opacity .18s,background .18s,border-color .18s!important}
body.nikrad-v2 :where(.btn-primary,.new-chat-btn,.cta-btn){background:var(--p-text)!important;color:var(--p-bg)!important;border-color:var(--p-text)!important}
body.nikrad-v2 :where(.btn-outline){background:var(--p-surface)!important;color:var(--p-text)!important;border:1px solid var(--p-line)!important}
body.nikrad-v2 :where(.btn,.cta-btn,.read-btn,.new-chat-btn):hover{transform:translateY(-1px)}

/* Inputs / controls */
body.nikrad-v2 :where(input,textarea,select){background:var(--p-surface)!important;color:var(--p-text)!important;border:1px solid var(--p-line)!important;border-radius:12px!important;min-height:44px!important}
body.nikrad-v2 :where(input,textarea,select)::placeholder{color:var(--p-muted)!important}
body.nikrad-v2 :where(input,textarea,select):focus{border-color:var(--p-accent)!important}
body.nikrad-v2 :where(.search-bar,.search-box,.search-wrap){background:var(--p-surface)!important;border-color:var(--p-line)!important;border-radius:14px!important;box-shadow:var(--p-shadow)!important}
body.nikrad-v2 :where(.filter-chip,.chip,.badge,.pill){border-color:var(--p-line)!important;background:var(--p-surface-2)!important;color:var(--p-text-2)!important;border-radius:999px!important}
body.nikrad-v2 :where(.filter-chip.active,.chip.active,.pill.active){background:var(--p-accent-soft)!important;border-color:var(--p-accent-dim)!important;color:var(--p-accent)!important}

/* Knowledge base / cards */
body.nikrad-v2 .docs-grid{gap:14px!important}
body.nikrad-v2 .doc-card{padding:18px!important}
body.nikrad-v2 .doc-card h2{color:var(--p-text)!important;font-size:15px!important;line-height:1.8!important}
body.nikrad-v2 .doc-card p{color:var(--p-muted)!important;line-height:2!important}
body.nikrad-v2 :where(.doc-cat,.doc-date){color:var(--p-muted)!important}
body.nikrad-v2 .read-btn{background:var(--p-accent-soft)!important;color:var(--p-accent)!important;border:1px solid var(--p-accent-dim)!important;padding:10px 13px!important}

/* Tables */
body.nikrad-v2 table{width:100%;border-collapse:separate!important;border-spacing:0!important;border:1px solid var(--p-line)!important;border-radius:16px!important;overflow:hidden;background:var(--p-surface)!important}
body.nikrad-v2 th{background:var(--p-surface-2)!important;color:var(--p-text)!important;font-weight:800!important}
body.nikrad-v2 td,body.nikrad-v2 th{border-bottom:1px solid var(--p-line)!important;padding:12px!important}
body.nikrad-v2 tr:last-child td{border-bottom:0!important}

/* Drawers / sheets / modals */
body.nikrad-v2 :where(.drawer,.sheet,.site-menu-modal){background:var(--p-surface)!important;border-color:var(--p-line)!important;color:var(--p-text)!important}
body.nikrad-v2 :where(.drawer-head,.drawer-foot,.sheet-head){border-color:var(--p-line)!important}
body.nikrad-v2 :where(.drawer-search,.site-menu-item,.theme-actions){background:var(--p-bg)!important;border-color:var(--p-line)!important}
body.nikrad-v2 :where(.drawer-close,.sheet-close,.site-menu-close){background:var(--p-surface-2)!important;color:var(--p-text)!important}
body.nikrad-v2 :where(.conv-item,.account-item,.site-menu-wide){color:var(--p-text-2)!important}
body.nikrad-v2 :where(.conv-item:hover,.account-item:hover,.site-menu-item:hover){background:var(--p-surface-2)!important}
body.nikrad-v2 :where(.conv-item.active,.site-menu-item.active){background:var(--p-accent-soft)!important;color:var(--p-text)!important}
body.nikrad-v2 .site-menu-item{box-shadow:none!important}
body.nikrad-v2 .site-menu-item .mi{background:var(--p-surface-2)!important;color:var(--p-text-2)!important}
body.nikrad-v2 :where(.sheet-overlay,.site-menu-overlay,.backdrop){background:rgba(18,16,13,.56)!important}

/* Empty / feedback */
body.nikrad-v2 .empty-note{color:var(--p-muted)!important;line-height:2.1!important}
body.nikrad-v2 :where(.form-msg,.error-box){border-radius:12px!important}
body.nikrad-v2 .toast{background:var(--p-text)!important;color:var(--p-bg)!important;border:0!important;box-shadow:0 14px 40px rgba(0,0,0,.18)!important}

/* Pagination */
body.nikrad-v2 :where(.pagination,.pager){display:flex;align-items:center;justify-content:center;gap:8px;margin-top:18px}
body.nikrad-v2 :where(.pagination a,.pager a,.pagination span,.pager span){min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border:1px solid var(--p-line);border-radius:10px;background:var(--p-surface);color:var(--p-text-2);font-size:11px}
body.nikrad-v2 :where(.pagination a:hover,.pager a:hover){background:var(--p-accent-soft);color:var(--p-accent)}

/* Section rhythm */
body.nikrad-v2 .section-title{margin-top:26px!important;margin-bottom:12px!important;color:var(--p-text)!important}
body.nikrad-v2 .section-sub{color:var(--p-muted)!important}
body.nikrad-v2 .section-title a{color:var(--p-accent)!important}

/* Login / signup */
body.nikrad-v2 :where(.auth-card,.login-card,.signup-card,.welcome-card){background:var(--p-surface)!important;border:1px solid var(--p-line)!important;border-radius:24px!important;box-shadow:var(--p-shadow)!important}
body.nikrad-v2 :where(.auth-title,.login-title,.signup-title){color:var(--p-text)!important;font-weight:800!important;letter-spacing:-.04em!important}
body.nikrad-v2 :where(.auth-sub,.login-sub,.signup-sub){color:var(--p-muted)!important}

/* Desktop: refined application frame */
@media(min-width:768px){
  body.nikrad-v2 .device{width:min(1240px,calc(100vw - 32px))!important;height:calc(100dvh - 32px)!important;margin:16px auto!important;border-radius:20px!important;overflow:hidden!important;box-shadow:0 24px 90px rgba(25,22,18,.07)!important}
  body.nikrad-v2 #scroll{padding:28px 28px 34px!important}
  body.nikrad-v2 .content{max-width:980px!important}
}

/* Mobile: app-like, calm and dense */
@media(max-width:767px){
  body.nikrad-v2 .device{width:100vw!important;height:100dvh!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
  body.nikrad-v2 #scroll{padding:16px 12px calc(24px + env(safe-area-inset-bottom))!important}
  body.nikrad-v2 .hero{padding:2px 3px 18px!important}
  body.nikrad-v2 .hero h1{font-size:21px!important}
  body.nikrad-v2 .hero p{font-size:11.5px!important}
  body.nikrad-v2 .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  body.nikrad-v2 .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  body.nikrad-v2 .stat-card,.nikrad-v2 .quick-card{border-radius:16px!important}
  body.nikrad-v2 .stat-card{padding:14px 10px!important}
  body.nikrad-v2 .stat-card .num{font-size:20px!important}
  body.nikrad-v2 .list-row{padding:12px!important}
  body.nikrad-v2 .row-actions button{padding:7px 8px!important}
  body.nikrad-v2 .site-menu-grid{grid-template-columns:1fr!important}
  body.nikrad-v2 .sheet{border-radius:24px 24px 0 0!important}
}

@media(prefers-reduced-motion:reduce){body.nikrad-v2 *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}