/* PS Master — uniwersalny wariant „Spokojny system”.
   Ta warstwa zmienia paletę i materiały, zachowując połyski, animacje oraz cienie. */
:root{
  --navy:#172225;
  --blue:#526a73;
  --cyan:#a7c0c7;
  --ink:#1f2b30;
  --muted:#68777d;
  --line:#d7dfe2;
  --bg:#f4f6f8;
  --card:#fcfdfd;
  --mode-accent:#526a73;
  --mode-accent-strong:#334c55;
  --mode-soft:#e1e9eb;
  --mode-border:#a7b7bc;
  --mode-header:#1b282c;
  --mode-toolbar:#26373c;
  --psm-surface-2:#e9eef0;
  --psm-code:#152126;
  --psm-shadow:0 20px 58px rgba(22,39,45,.13);
  --psm-shadow-soft:0 11px 30px rgba(22,39,45,.09);
  --psm-glow:0 0 28px rgba(167,192,199,.19);
}

body{
  --mode-accent:#526a73;
  --mode-accent-strong:#334c55;
  --mode-soft:#e1e9eb;
  --mode-border:#a7b7bc;
  --mode-header:#1b282c;
  --mode-toolbar:#26373c;
}

body.windows-mode,
body.linux-mode,
body.macos-mode{
  --mode-accent:#526a73;
  --mode-accent-strong:#334c55;
  --mode-soft:#e1e9eb;
  --mode-border:#a7b7bc;
  --mode-header:#1b282c;
  --mode-toolbar:#26373c;
}

html,body{
  background:
    radial-gradient(circle at 88% 7%,rgba(126,157,166,.12),transparent 29rem),
    linear-gradient(180deg,#f8fafb 0,var(--bg) 34rem);
  color:var(--ink);
  font-family:"Segoe UI Variable Text","Segoe UI",Arial,sans-serif;
}

/* Górna belka pozostaje efektowna, ale nie jest przypisana do jednego systemu. */
.topbar,
.linux-mode .topbar,
.macos-mode .topbar{
  border-bottom:1px solid rgba(213,229,233,.18);
  background:
    radial-gradient(circle at 83% -55%,rgba(185,211,216,.25),transparent 33%),
    radial-gradient(circle at 8% 125%,rgba(95,124,133,.3),transparent 32%),
    linear-gradient(112deg,#101719 0%,#1b282c 48%,#304349 100%);
  box-shadow:inset 0 1px rgba(255,255,255,.1),0 16px 42px rgba(11,20,23,.22);
}

.toolsbar{
  border-bottom:1px solid rgba(202,220,225,.14);
  background:
    linear-gradient(105deg,#202f33,color-mix(in srgb,#293d42,#a7c0c7 13%));
  box-shadow:inset 0 1px rgba(255,255,255,.11),0 12px 28px rgba(14,29,34,.12);
}

.logo{
  color:#dff4f7;
  border-color:#9eb8bf;
  background:linear-gradient(145deg,rgba(255,255,255,.2),rgba(14,25,29,.72));
  box-shadow:inset 0 1px rgba(255,255,255,.65),0 0 25px rgba(167,192,199,.28),0 11px 28px rgba(0,0,0,.38);
}

.linux-mode .logo,
.macos-mode .logo{
  border-color:#9eb8bf;
  color:#dff4f7;
  box-shadow:inset 0 1px rgba(255,255,255,.65),0 0 25px rgba(167,192,199,.28),0 11px 28px rgba(0,0,0,.38);
}

.brand small,.view-tab,.nav-group-label{color:#b5c6ca}
.view-tab:hover,.view-tab.active,
.linux-mode .view-tab.active,.macos-mode .view-tab.active{
  color:#fff;
  background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.055));
  box-shadow:inset 0 1px rgba(255,255,255,.12),0 9px 22px rgba(0,0,0,.24);
}
.view-tab:before{background:#b7d0d6;box-shadow:0 0 15px rgba(192,224,230,.75)}
.view-tab:after{background:#10191c;border:1px solid #3b5157;box-shadow:0 15px 34px rgba(0,0,0,.48)}

.launch,.language-picker{
  border-color:#526a71;
  background:linear-gradient(145deg,#2c3f44,#1c292d);
  color:#edf7f8;
  box-shadow:inset 0 1px rgba(255,255,255,.12),0 8px 22px rgba(0,0,0,.2);
}
.launch:hover,.language-picker:hover{border-color:#9db7bd;box-shadow:inset 0 1px rgba(255,255,255,.18),var(--psm-glow),0 10px 26px rgba(0,0,0,.25)}
.launch.primary,.soft-launch{
  border-color:#8ca7ae;
  background:linear-gradient(145deg,#6f8991,#435c64);
  color:#fff;
  box-shadow:inset 0 1px rgba(255,255,255,.38),0 10px 25px rgba(10,27,32,.32),0 0 20px rgba(167,192,199,.12);
}

.nav-helpbar{
  border-color:#31454a;
  background:linear-gradient(90deg,#111b1e,#1b2a2e 52%,#111b1e);
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 9px 24px rgba(9,22,26,.14);
}

.nav-promise{
  border-color:rgba(205,174,87,.5);
  background:linear-gradient(110deg,rgba(78,57,14,.28),rgba(255,219,113,.09),rgba(78,57,14,.24));
  box-shadow:inset 0 1px rgba(255,242,194,.17),0 0 22px rgba(210,174,67,.09);
}

.start-hero{
  border-color:#526b72;
  background:
    radial-gradient(circle at 78% 18%,rgba(189,216,221,.12),transparent 35%),
    linear-gradient(125deg,#172225 0%,#223238 55%,#334b52 100%);
  box-shadow:inset 0 1px rgba(255,255,255,.13),0 24px 70px rgba(17,36,42,.28),0 0 32px rgba(167,192,199,.07);
}

.platform-menu{
  border-color:var(--mode-border);
  background:linear-gradient(150deg,var(--card),color-mix(in srgb,var(--card),var(--mode-soft) 24%));
  box-shadow:var(--psm-shadow);
}
.platform-menu button{background:transparent;color:var(--ink)}
.platform-menu button:hover,.platform-menu button.active{
  background:linear-gradient(105deg,var(--mode-soft),color-mix(in srgb,var(--card),var(--mode-soft) 40%));
  color:var(--mode-accent-strong);
  box-shadow:inset 0 1px rgba(255,255,255,.7),0 7px 18px rgba(38,63,70,.08);
}

.platform-rule,
.platform-rule.windows,
.platform-rule.linux,
.platform-rule.macos{
  color:#43575e;
  border-color:#cad7da;
  background:linear-gradient(90deg,#e2e8ea,#f4f7f8 50%,#e2e8ea);
  box-shadow:inset 0 1px rgba(255,255,255,.92),inset 0 -1px rgba(32,62,70,.07);
}

.command-filter-panel,
.command-filterbar,
.categories,
.command-list,
.command-detail{
  border-color:var(--line);
}
.command-filterbar{background:linear-gradient(180deg,#f7f9fa,#edf2f3)}
.command-browser,.command-detail{background:var(--card)}
.categories,.command-list{background:#f0f4f5}
.tree-joint{background:#f0f4f5}
.tree-branches:before{background:#c7d4d7}
.command-item:hover,.command-item.active{
  border-color:#b5c7cb;
  background:linear-gradient(145deg,#fff,#edf3f4);
  box-shadow:inset 0 1px #fff,0 9px 22px rgba(28,55,62,.09);
}
.command-item.active .cmd-icon,
.automation-card.active .automation-number,
.operations-main-tabs button.active>span{
  background:linear-gradient(145deg,#708b93,#405b63);
  box-shadow:inset 0 1px rgba(255,255,255,.4),0 7px 18px rgba(41,67,74,.23);
}

.search,.filter-segments,.command-filter-field select,
input,select,textarea{
  border-color:#cbd7da;
  background:var(--card);
  color:var(--ink);
  box-shadow:inset 0 1px rgba(255,255,255,.72),0 5px 15px rgba(37,59,65,.04);
}
.search:focus-within,input:focus,select:focus,textarea:focus{
  border-color:#7f9aa2;
  box-shadow:0 0 0 3px rgba(82,106,115,.16),0 8px 20px rgba(33,59,66,.08);
}

.quick-filters button,
.filter-segments button.active{
  border-color:#536c73;
  background:linear-gradient(145deg,#31464c,#213237);
  color:#dfecee;
  box-shadow:inset 0 1px rgba(255,255,255,.12),0 7px 17px rgba(6,18,21,.2);
}
.quick-filters button.active,
.quick-filters .safe-on{
  border-color:#a7bcc1;
  background:linear-gradient(145deg,#dce7e9,#bccdd1);
  color:#263b42;
  box-shadow:inset 0 1px #fff,0 8px 20px rgba(15,44,51,.18);
}

/* Wspólny materiał kart — spokojne powierzchnie, wyraźna głębia. */
:is(.playbook-card,.playbook-detail,.generator-form,.generator-output,.inspector-input,.inspection-result,
.change-form,.change-preview,.report-sheet,.custom-list-wrap,.diagnostic-cases,.diagnostic-console,
.script-catalog,.script-builder,.company-form,.company-preview,.operation-form,.operation-output,
.incident-shell,.compare-shell,.emergency-card,.diagnostic-package,.automation-catalog,.automation-builder,
.package-intro,.ops-command-card,.ops-quick-panel,.ops-activity-panel,.documentation-intro,
.documentation-summary,.documentation-section,.start-tool-card,.start-trust article,.start-support,
.soft-carousel,.soft-steps,.soft-requirements,.feedback-dialog){
  border-color:var(--line);
  background:linear-gradient(145deg,var(--card),color-mix(in srgb,var(--card),var(--mode-soft) 16%));
  box-shadow:var(--psm-shadow-soft);
}

:is(.playbook-card,.start-tool-card,.automation-category-card,.diagnostic-case,.script-card,
.ops-quick-grid button,.documentation-jump a,.soft-carousel-controls>button){
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
:is(.playbook-card,.start-tool-card,.automation-category-card,.diagnostic-case,.script-card,
.ops-quick-grid button):hover{
  border-color:var(--mode-border);
  transform:translateY(-2px);
  box-shadow:inset 0 1px rgba(255,255,255,.74),0 15px 32px rgba(31,56,63,.12);
}

:is(.primary-action,.script-action.primary,.install-action,.documentation-download,.feedback-submit,
.start-action.primary,.soft-download){
  border-color:#607d85;
  background:linear-gradient(145deg,#718d95,#405a62);
  color:#fff;
  box-shadow:inset 0 1px rgba(255,255,255,.42),0 12px 27px rgba(30,57,64,.28),0 0 21px rgba(167,192,199,.13);
}
:is(.primary-action,.script-action.primary,.install-action,.documentation-download,.feedback-submit,
.start-action.primary,.soft-download):hover{
  filter:brightness(1.08);
  box-shadow:inset 0 1px rgba(255,255,255,.55),0 16px 34px rgba(30,57,64,.34),0 0 29px rgba(167,192,199,.2);
}

.code-card pre,.generator-output pre,.step pre,.diagnostic-command pre,.script-output pre,
.partner-requirements pre,.partner-diff-grid pre{
  border-color:#35494e;
  background:linear-gradient(145deg,#182529,#10191c);
  color:#e2eef0;
  box-shadow:inset 0 1px rgba(255,255,255,.06),0 13px 30px rgba(11,25,29,.18);
}

.site-footer{
  border-top:1px solid #31464c;
  background:
    radial-gradient(circle at 50% 0,rgba(167,192,199,.11),transparent 28rem),
    linear-gradient(145deg,#10191c,#1a282c);
  color:#adbdc1;
  box-shadow:inset 0 1px rgba(255,255,255,.07),0 -12px 35px rgba(18,38,44,.09);
}

/* PS Master Soft otrzymuje ten sam język wizualny, zachowując złote oznaczenia wersji. */
.soft-view{
  background:linear-gradient(180deg,#11191c 0,#223238 570px,var(--bg) 570px);
}
.soft-hero:before{
  background:radial-gradient(circle,rgba(186,211,216,.18),transparent 68%);
}
.soft-product-mark,.soft-preview-window{
  box-shadow:inset 0 1px rgba(255,255,255,.18),0 22px 60px rgba(3,15,18,.33),0 0 30px rgba(167,192,199,.1);
}

/* Tryb ciemny: ten sam system, bez powrotu do niebieskiej palety. */
body.dark-theme{
  --navy:#0b1113;
  --blue:#a7c0c7;
  --cyan:#c2d9de;
  --bg:#10171a;
  --card:#182225;
  --ink:#edf4f5;
  --muted:#a9b7ba;
  --line:#38474b;
  --mode-accent:#a7c0c7;
  --mode-accent-strong:#e5f2f5;
  --mode-soft:#2a3b40;
  --mode-border:#587078;
  --mode-header:#151f22;
  --mode-toolbar:#1e2d31;
  --psm-surface-2:#223034;
  --psm-code:#0a1012;
  --psm-shadow:0 22px 62px rgba(0,0,0,.35);
  --psm-shadow-soft:0 13px 34px rgba(0,0,0,.25);
  color-scheme:dark;
  background:
    radial-gradient(circle at 88% 7%,rgba(126,157,166,.12),transparent 30rem),
    linear-gradient(180deg,#0e1518,var(--bg) 34rem);
}

body.dark-theme.windows-mode,
body.dark-theme.linux-mode,
body.dark-theme.macos-mode{
  --mode-accent:#a7c0c7;
  --mode-accent-strong:#e5f2f5;
  --mode-soft:#2a3b40;
  --mode-border:#587078;
  --mode-header:#151f22;
  --mode-toolbar:#1e2d31;
}

.dark-theme :is(.command-browser,.command-detail,.playbook-card,.playbook-detail,.generator-form,
.generator-output,.inspector-input,.inspection-result,.change-form,.change-preview,.report-sheet,
.custom-list-wrap,.diagnostic-cases,.diagnostic-console,.script-catalog,.script-builder,.company-form,
.company-preview,.operation-form,.operation-output,.incident-shell,.compare-shell,.emergency-card,
.diagnostic-package,.automation-catalog,.automation-builder,.package-intro,.ops-command-card,
.ops-quick-panel,.ops-activity-panel,.documentation-intro,.documentation-summary,.documentation-section,
.start-tool-card,.start-trust article,.start-support,.soft-carousel,.soft-steps,.soft-requirements,
.feedback-dialog){
  border-color:var(--line);
  background:linear-gradient(145deg,#1b272b,#151f22);
  color:var(--ink);
  box-shadow:var(--psm-shadow-soft);
}

.dark-theme .categories,.dark-theme .command-list,.dark-theme .tree-joint{
  background:#131d20;
  border-color:var(--line);
}
.dark-theme .command-filterbar{background:linear-gradient(180deg,#1c292d,#151f22);border-color:var(--line)}
.dark-theme .command-item:hover,.dark-theme .command-item.active{
  border-color:#52686e;
  background:linear-gradient(145deg,#223135,#192428);
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 11px 25px rgba(0,0,0,.24);
}
.dark-theme :is(.search,.filter-segments,.command-filter-field select,input,select,textarea){
  border-color:#405257;
  background:#121b1e;
  color:var(--ink);
  box-shadow:inset 0 1px rgba(255,255,255,.04),0 6px 17px rgba(0,0,0,.12);
}
.dark-theme .platform-menu{border-color:#405257;background:linear-gradient(150deg,#1c292d,#141e21)}
.dark-theme .platform-menu button{background:transparent;color:var(--ink)}
.dark-theme .platform-menu button:hover,.dark-theme .platform-menu button.active{background:#26373c;color:#f1f7f8}
.dark-theme .platform-rule,
.dark-theme .platform-rule.windows,
.dark-theme .platform-rule.linux,
.dark-theme .platform-rule.macos{
  color:#dce8ea;
  border-color:#3c5157;
  background:linear-gradient(90deg,#111a1d,#243439 50%,#111a1d);
  box-shadow:inset 0 1px rgba(255,255,255,.08),inset 0 -1px rgba(0,0,0,.55);
}
.dark-theme .soft-view{background:linear-gradient(180deg,#0b1113 0,#1c2a2e 570px,var(--bg) 570px)}
.dark-theme .start-hero{
  border-color:#42585e;
  background:
    radial-gradient(circle at 78% 18%,rgba(189,216,221,.1),transparent 35%),
    linear-gradient(125deg,#101719 0%,#1a272b 55%,#2a3e44 100%);
}

@media(max-width:760px){
  .soft-view{background:linear-gradient(180deg,#11191c 0,#223238 760px,var(--bg) 760px)}
  .dark-theme .soft-view{background:linear-gradient(180deg,#0b1113 0,#1c2a2e 760px,var(--bg) 760px)}
}

@media(prefers-reduced-motion:reduce){
  .topbar:after,.logo:after{animation:none}
}