/* IPARI_SKIN_SYSTEM_V24_5_4 */
:root{
  --ipari-panel-opacity:78%;
  --ipari-glass-blur:10px;
  --ipari-bg-image:none;
  --ipari-custom-bg-image:none;
  --ipari-bg-overlay:linear-gradient(145deg,var(--ipari-bg,#eef5ef),var(--ipari-surface2,#e8f2ea));
  --ipari-float-shadow:0 10px 26px rgba(16,35,25,.08);
}
html[data-ipari-bg="auto"] body,html[data-ipari-bg="plain"] body{--ipari-bg-image:none;--ipari-bg-overlay:linear-gradient(145deg,var(--ipari-bg),var(--ipari-surface2))}
html[data-ipari-bg="farm"] body{--ipari-bg-image:url("darkgreen_greeting_banner.png");--ipari-bg-overlay:linear-gradient(135deg,rgba(232,244,235,.64),rgba(185,219,194,.40))}
html[data-skin="darkgreen"][data-ipari-bg="farm"] body{--ipari-bg-overlay:linear-gradient(135deg,rgba(8,28,18,.76),rgba(23,67,40,.50))}
html[data-skin="night"][data-ipari-bg="farm"] body{--ipari-bg-overlay:linear-gradient(135deg,rgba(9,14,12,.86),rgba(25,42,31,.64))}
html[data-skin="pastel"][data-ipari-bg="farm"] body{--ipari-bg-overlay:linear-gradient(135deg,rgba(250,242,248,.74),rgba(222,234,226,.54))}
html[data-ipari-bg="leaf"] body{--ipari-bg-image:radial-gradient(ellipse at 15% 16%,rgba(86,181,101,.28) 0 8%,transparent 9%),radial-gradient(ellipse at 83% 22%,rgba(35,125,66,.20) 0 10%,transparent 11%),radial-gradient(ellipse at 73% 82%,rgba(90,180,110,.18) 0 12%,transparent 13%);--ipari-bg-overlay:linear-gradient(135deg,rgba(224,245,228,.94),rgba(180,221,190,.78))}
html[data-skin="darkgreen"][data-ipari-bg="leaf"] body{--ipari-bg-overlay:linear-gradient(135deg,rgba(11,37,23,.96),rgba(27,75,45,.84))}
html[data-skin="night"][data-ipari-bg="leaf"] body{--ipari-bg-overlay:linear-gradient(135deg,rgba(13,19,16,.98),rgba(25,45,32,.88))}
html[data-skin="pastel"][data-ipari-bg="leaf"] body{--ipari-bg-overlay:linear-gradient(135deg,rgba(249,241,247,.96),rgba(218,231,221,.82))}
html[data-ipari-bg="mist"] body{--ipari-bg-image:radial-gradient(circle at 18% 10%,rgba(255,255,255,.42),transparent 28%),radial-gradient(circle at 82% 22%,rgba(92,181,125,.25),transparent 30%),radial-gradient(circle at 56% 92%,rgba(55,135,88,.16),transparent 34%);--ipari-bg-overlay:linear-gradient(145deg,rgba(220,241,226,.94),rgba(159,205,175,.74))}
html[data-skin="darkgreen"][data-ipari-bg="mist"] body{--ipari-bg-overlay:linear-gradient(145deg,rgba(15,49,30,.96),rgba(30,82,50,.82))}
html[data-skin="night"][data-ipari-bg="mist"] body{--ipari-bg-overlay:linear-gradient(145deg,rgba(16,23,19,.97),rgba(29,47,35,.86))}
html[data-skin="pastel"][data-ipari-bg="mist"] body{--ipari-bg-overlay:linear-gradient(145deg,rgba(248,241,248,.96),rgba(211,228,219,.82))}
html[data-ipari-bg="custom"] body{--ipari-bg-image:var(--ipari-custom-bg-image);--ipari-bg-overlay:linear-gradient(140deg,rgba(240,246,241,.36),rgba(202,219,207,.18))}
html[data-skin="darkgreen"][data-ipari-bg="custom"] body{--ipari-bg-overlay:linear-gradient(140deg,rgba(7,20,13,.60),rgba(19,53,33,.34))}
html[data-skin="night"][data-ipari-bg="custom"] body{--ipari-bg-overlay:linear-gradient(140deg,rgba(8,14,11,.68),rgba(23,40,30,.40))}
html[data-skin="pastel"][data-ipari-bg="custom"] body{--ipari-bg-overlay:linear-gradient(140deg,rgba(250,244,248,.44),rgba(223,232,227,.26))}
html[data-ipari-bg] body{background:var(--ipari-bg-overlay),var(--ipari-bg-image) center center/cover fixed no-repeat!important}
html[data-ipari-bg="leaf"] body,html[data-ipari-bg="mist"] body{background:var(--ipari-bg-overlay),var(--ipari-bg-image)!important;background-attachment:fixed!important}
html[data-ipari-bg] .center,html[data-ipari-bg] .dashboard,html[data-ipari-bg] .content,html[data-ipari-bg] .shell,html[data-ipari-bg] main{background:transparent!important}
html[data-ipari-bg]:not([data-ipari-bg="plain"]):not([data-ipari-bg="auto"]) .panel,
html[data-ipari-bg]:not([data-ipari-bg="plain"]):not([data-ipari-bg="auto"]) .card,
html[data-ipari-bg]:not([data-ipari-bg="plain"]):not([data-ipari-bg="auto"]) .kpi,
html[data-ipari-bg]:not([data-ipari-bg="plain"]):not([data-ipari-bg="auto"]) .metric,
html[data-ipari-bg]:not([data-ipari-bg="plain"]):not([data-ipari-bg="auto"]) .task-card,
html[data-ipari-bg]:not([data-ipari-bg="plain"]):not([data-ipari-bg="auto"]) .custom-card{
  background:linear-gradient(180deg,
    color-mix(in srgb,var(--ipari-surface,#fff) 90%,transparent),
    color-mix(in srgb,var(--ipari-surface,#fff) var(--ipari-panel-opacity),transparent)
  )!important;
  border-color:color-mix(in srgb,var(--ipari-line,#d7e3d9) 70%,rgba(255,255,255,.55) 30%)!important;
  box-shadow:var(--ipari-float-shadow)!important;
  backdrop-filter:blur(var(--ipari-glass-blur)) saturate(108%)!important;
  -webkit-backdrop-filter:blur(var(--ipari-glass-blur)) saturate(108%)!important;
}

/* IPARI_SKIN_SHARED_SURFACES_V1
   One shared glass rule for structural bars/surfaces. Individual pages must not own skin logic. */
html[data-ipari-bg]:not([data-ipari-bg="plain"]):not([data-ipari-bg="auto"]) :is(
  .top,.topbar,.header,.page-header,.toolbar,.titlebar,.menubar,.nav-bar,.filter-bar,.tabs-bar,
  header,.panel-head,.section-head,.card-head,.table-head
){
  background:color-mix(in srgb,var(--ipari-surface,#fff) var(--ipari-panel-opacity),transparent)!important;
  border-color:color-mix(in srgb,var(--ipari-line,#d7e3d9) 70%,rgba(255,255,255,.45) 30%)!important;
  backdrop-filter:blur(var(--ipari-glass-blur)) saturate(108%)!important;
  -webkit-backdrop-filter:blur(var(--ipari-glass-blur)) saturate(108%)!important;
}
html[data-ipari-bg]:not([data-ipari-bg="plain"]):not([data-ipari-bg="auto"]) :is(
  .box,.summary,.notice,.rec,.metric,.kpi,.pick-card,.weather-day,.ipari-custom-bg-box
){
  background:color-mix(in srgb,var(--ipari-surface,#fff) var(--ipari-panel-opacity),transparent)!important;
  backdrop-filter:blur(var(--ipari-glass-blur)) saturate(108%)!important;
  -webkit-backdrop-filter:blur(var(--ipari-glass-blur)) saturate(108%)!important;
}

/* Settings */
#ipari-skin-system-panel{margin:0 0 14px!important}
#ipari-skin-system-panel .ipari-skin-title{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}
#ipari-skin-system-panel h2{margin:0 0 4px}
#ipari-skin-system-panel p{margin:0;color:var(--ipari-muted);font-size:12px}
.ipari-theme-cards{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:9px;margin-bottom:13px}
.ipari-theme-cards button{min-height:74px;border:1px solid var(--ipari-line);border-radius:13px;background:var(--ipari-surface);color:var(--ipari-text);text-align:left;padding:10px;cursor:pointer}
.ipari-theme-cards button b,.ipari-theme-cards button span{display:block}.ipari-theme-cards button span{font-size:10px;color:var(--ipari-muted);margin-top:5px;line-height:1.4}
.ipari-theme-cards button.active{outline:2px solid var(--ipari-accent);outline-offset:1px}
.ipari-skin-grid{display:grid;grid-template-columns:repeat(4,minmax(145px,1fr));gap:10px}
.ipari-skin-grid label,.ipari-slider-grid label{display:grid;gap:6px;font-size:12px;font-weight:700;color:var(--ipari-muted)}
.ipari-skin-grid select{width:100%;padding:9px;border:1px solid var(--ipari-line);border-radius:10px;background:var(--ipari-input);color:var(--ipari-text)}
.ipari-slider-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:13px}
.ipari-slider-grid label span{display:flex;justify-content:space-between}
.ipari-slider-grid input{width:100%}
.ipari-bg-current{display:flex;justify-content:space-between;align-items:center;margin-top:13px;padding:9px 11px;border:1px solid var(--ipari-line);border-radius:11px;background:var(--ipari-surface2);color:var(--ipari-text)}
.ipari-bg-current b{font-size:12px}.ipari-bg-current span{font-size:12px;color:var(--ipari-muted)}
.ipari-bg-preview-grid{display:grid;grid-template-columns:repeat(5,minmax(80px,1fr));gap:8px;margin-top:13px}
.ipari-bg-preview{position:relative;min-height:72px;border:1px solid var(--ipari-line);border-radius:12px;cursor:pointer;display:flex;align-items:flex-end;padding:7px;font-size:11px;font-weight:700;color:#24352a;overflow:hidden;background-size:cover;background-position:center}
.ipari-bg-preview::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.08));pointer-events:none}
.ipari-bg-preview span,.ipari-bg-preview{z-index:0}.ipari-bg-preview > span{position:relative;z-index:1;display:inline-block;padding:3px 7px;border-radius:999px;background:rgba(255,255,255,.74);backdrop-filter:blur(5px)}
.ipari-bg-preview.active{outline:2px solid var(--ipari-accent);outline-offset:1px}
.ipari-bg-preview[data-bg="plain"],.ipari-bg-preview[data-bg="auto"]{background:linear-gradient(145deg,#eff6f0,#dfe9e1)}
.ipari-bg-preview[data-bg="farm"]{background:linear-gradient(#16482a55,#16482a55),url("darkgreen_greeting_banner.png") center/cover}
.ipari-bg-preview[data-bg="leaf"]{background:radial-gradient(ellipse at 30% 35%,#83c98d 0 15%,transparent 16%),linear-gradient(145deg,#d9f0dd,#91c69e)}
.ipari-bg-preview[data-bg="mist"]{background:radial-gradient(circle at 25% 20%,#fff8,transparent 30%),linear-gradient(145deg,#d7efdc,#82b995)}
.ipari-bg-preview-custom{color:var(--ipari-text)}
.ipari-bg-preview-custom > span{color:#203128}
.ipari-custom-bg-box{margin-top:14px;padding:14px;border:1px solid var(--ipari-line);border-radius:15px;background:var(--ipari-surface)}
.ipari-custom-bg-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ipari-custom-bg-head b{font-size:14px;color:var(--ipari-head)}
.ipari-custom-bg-head small{color:var(--ipari-muted);font-size:12px;flex:1 1 auto}
#ipariCustomBgInfo{font-size:11px;color:var(--ipari-muted)}
.ipari-custom-bg-tools{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.ipari-custom-bg-tools button,.ipari-skin-actions button{border:1px solid var(--ipari-line);background:var(--ipari-surface2);color:var(--ipari-text);border-radius:10px;padding:8px 11px;cursor:pointer}
.ipari-custom-bg-tools button:disabled{opacity:.5;cursor:not-allowed}
.ipari-custom-grid{margin-top:10px}
.ipari-custom-bg-empty{display:none;margin-top:9px;padding:12px;border:1px dashed var(--ipari-line);border-radius:12px;color:var(--ipari-muted);font-size:12px;text-align:center;background:var(--ipari-surface2)}
/* Quick palette */
.ipari-quick-skin-wrap{position:relative}.ipari-quick-skin-btn{min-width:38px;padding:8px!important}
.ipari-quick-skin-pop{display:none;position:absolute;right:0;top:calc(100% + 8px);z-index:9999;width:248px;padding:10px;border:1px solid var(--ipari-line);border-radius:13px;background:var(--ipari-surface);box-shadow:0 14px 36px rgba(20,45,30,.16);color:var(--ipari-text)}
.ipari-quick-skin-pop.show{display:block}.ipari-quick-skin-pop>b{display:block;font-size:12px;margin-bottom:8px}.ipari-quick-skin-pop>div{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.ipari-quick-skin-pop button{border:1px solid var(--ipari-line);background:var(--ipari-surface2);color:var(--ipari-text);border-radius:8px;padding:8px;font-size:11px;cursor:pointer}
.ipari-quick-skin-pop button.active{outline:2px solid var(--ipari-accent)}.ipari-quick-skin-pop .ipari-open-skin-settings{width:100%;margin-top:8px}
@media(max-width:980px){.ipari-theme-cards{grid-template-columns:repeat(3,1fr)}.ipari-skin-grid{grid-template-columns:repeat(2,1fr)}.ipari-bg-preview-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.ipari-theme-cards,.ipari-skin-grid,.ipari-slider-grid{grid-template-columns:1fr}.ipari-bg-preview-grid{grid-template-columns:repeat(2,1fr)}html[data-ipari-bg] body{background-attachment:scroll!important}}

/* IPARI_SKIN_SURFACE_COVERAGE_V2
   Common skin owns every structural surface. No per-page skin engine. */
html[data-ipari-bg]:not([data-ipari-bg="plain"]):not([data-ipari-bg="auto"]) :is(
  .arch-page,.arch-shell
){background:transparent!important;}
html[data-ipari-bg]:not([data-ipari-bg="plain"]):not([data-ipari-bg="auto"]) :is(
  .arch-filter,.arch-card,.arch-table-wrap,.arch-kpi,
  .history-box,.market-box,.auction-ref,.paste-preview,.calcbox
){
  background:color-mix(in srgb,var(--ipari-surface,#fff) var(--ipari-panel-opacity),transparent)!important;
  border-color:var(--ipari-line)!important;
  backdrop-filter:blur(var(--ipari-glass-blur)) saturate(108%)!important;
  -webkit-backdrop-filter:blur(var(--ipari-glass-blur)) saturate(108%)!important;
}
html[data-ipari-bg]:not([data-ipari-bg="plain"]):not([data-ipari-bg="auto"]) :is(
  .arch-filter input,.arch-filter select,.arch-filter button,
  .arch-form input,.arch-form select,.arch-form textarea,
  .tools input,.tools select,.tools button,input,select,textarea
){
  background:color-mix(in srgb,var(--ipari-input,var(--ipari-surface2,#fff)) calc(var(--ipari-panel-opacity) + 8%),transparent)!important;
  border-color:var(--ipari-line)!important;
  color:var(--ipari-text)!important;
  backdrop-filter:blur(var(--ipari-glass-blur))!important;
  -webkit-backdrop-filter:blur(var(--ipari-glass-blur))!important;
}
html[data-ipari-bg]:not([data-ipari-bg="plain"]):not([data-ipari-bg="auto"]) :is(
  table,.arch-table
){background:transparent!important;}
html[data-ipari-bg]:not([data-ipari-bg="plain"]):not([data-ipari-bg="auto"]) :is(
  th,.arch-table th
){
  background:color-mix(in srgb,var(--ipari-surface2,#fff) var(--ipari-panel-opacity),transparent)!important;
  backdrop-filter:blur(var(--ipari-glass-blur))!important;
  -webkit-backdrop-filter:blur(var(--ipari-glass-blur))!important;
}

/* Common chart glass: PC + mobile */
.chart-card,.analytics-card,.dashboard-chart,.chart-wrap,.chart-area,.graph-wrap,
[class*="chart-card"],[class*="analytics-card"]{
  background:color-mix(in srgb,var(--ipari-surface) var(--ipari-panel-opacity),transparent)!important;
  -webkit-backdrop-filter:blur(var(--ipari-glass-blur))!important;
  backdrop-filter:blur(var(--ipari-glass-blur))!important;
  border-color:color-mix(in srgb,var(--ipari-line) 72%,transparent)!important;
}
.chart canvas,.chart-wrap canvas,.chart-area canvas,.graph canvas,.graph-wrap canvas,
.dashboard-chart canvas,.analytics-card canvas,.chart-card canvas{
  background:transparent!important;
}