/* Warenschmiede W-TOOLS Menü v1 */
.ws-tool-menu-btn {
  width: 58px;
  height: 58px;
  border: 1px solid rgba(244, 150, 70, .45);
  background:
    radial-gradient(circle at 35% 18%, rgba(255,255,255,.55), transparent 42%),
    rgba(255,255,255,.72);
  border-radius: 18px;
  padding: 4px;
  display: inline-grid;
  place-items: center;
  cursor: pointer;
  box-shadow: 0 14px 34px -22px rgba(241,145,62,.8);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.ws-tool-menu-btn:hover,
.ws-tool-menu-btn:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(244,150,70,.9);
  box-shadow: 0 0 0 4px rgba(241,145,62,.14), 0 16px 38px -20px rgba(241,145,62,.85);
  outline: none;
}
.ws-tool-menu-btn img { width:100%; height:100%; object-fit:contain; display:block; }
.ws-tool-menu-btn--label {
  width:auto; height:44px; min-width:0; border-radius:14px; padding:0 14px;
  display:inline-flex; gap:8px; color:#102033; font:800 .9rem/1 system-ui,sans-serif;
}
.ws-tool-menu-icon { font-size:1.2rem; line-height:1; color:#1668b2; }

/* Keep tool artwork inside the shared identity frames, even on pages that do
   not otherwise load the full tool-controls stylesheet. */
.ws-tool-identity-icon { display:grid; place-items:center; flex:none; overflow:hidden; background:transparent; }
.ws-tool-identity-icon img { display:block; width:100%; height:100%; object-fit:contain; transform:scale(var(--ws-tool-icon-scale,1)); transform-origin:center; }
.ws-tool-identity-icon--menu-head { width:54px; height:54px; }
.ws-tool-identity-icon--medium { width:34px; height:34px; }
.ws-tool-identity-icon--large { width:58px; height:58px; }

.ws-tool-scrim {
  position:fixed; inset:0; background:rgba(15,23,42,.44); backdrop-filter:blur(4px);
  opacity:0; pointer-events:none; transition:.18s ease; z-index:8998;
}
.ws-tool-scrim.open { opacity:1; pointer-events:auto; }

.ws-tool-panel {
  position:fixed; top:0; right:0; left:auto; height:100vh; width:min(390px, calc(100vw - 24px));
  padding:18px; z-index:8999; transform:translateX(104%); transition:transform .22s ease;
  display:grid; grid-template-rows:auto 1fr auto; gap:14px;
  background:
    radial-gradient(circle at 12% 0%, rgba(244,150,70,.18), transparent 34%),
    linear-gradient(145deg, rgba(247,251,255,.98), rgba(226,239,250,.97));
  border-left:1px solid rgba(90,118,144,.25);
  box-shadow:-28px 0 70px -44px rgba(15,23,42,.55);
  color:#102033;
}
.ws-tool-panel[data-side="left"] {
  left:0; right:auto; transform:translateX(-104%);
  border-left:0; border-right:1px solid rgba(90,118,144,.25);
  box-shadow:28px 0 70px -44px rgba(15,23,42,.55);
}
.ws-tool-panel,
.ws-tool-panel * { box-sizing:border-box; }
html[data-theme="dark"] .ws-tool-panel {
  background:
    radial-gradient(circle at 12% 0%, rgba(244,150,70,.18), transparent 34%),
    linear-gradient(145deg, rgba(17,24,39,.98), rgba(11,17,32,.98));
  color:#e5eefb;
  border-left-color:rgba(148,163,184,.25);
}
html[data-theme="dark"] .ws-tool-panel[data-side="left"] {
  border-left-color:transparent;
  border-right-color:rgba(148,163,184,.25);
}
.ws-tool-panel.open { transform:translateX(0); }

.ws-tool-head { display:flex; justify-content:space-between; gap:12px; align-items:center; padding-bottom:12px; border-bottom:1px solid rgba(90,118,144,.22); }
.ws-tool-title { display:flex; gap:10px; align-items:center; min-width:0; }
.ws-tool-title strong { display:block; line-height:1.1; font-size:1.05rem; }
.ws-tool-title span { display:block; color:#5b6f83; font-size:.82rem; margin-top:3px; }
html[data-theme="dark"] .ws-tool-title span { color:#9aa9bd; }

.ws-tool-close {
  width:42px; height:42px; border-radius:14px; border:1px solid rgba(90,118,144,.28);
  background:rgba(255,255,255,.58); color:inherit; font-size:1.35rem; cursor:pointer;
}
html[data-theme="dark"] .ws-tool-close { background:rgba(15,23,42,.52); }

.ws-tool-list { min-width:0; overflow-x:hidden; overflow-y:auto; display:grid; align-content:start; gap:10px; padding-right:2px; }
.ws-tool-section { margin-top:8px; }
.ws-tool-section h3 { margin:0 0 8px; font-size:.78rem; letter-spacing:.12em; text-transform:uppercase; color:#f1913e; }

.ws-tool-link {
  width:100%; min-width:0; display:grid; gap:2px; padding:12px 13px; border-radius:16px;
  border:1px solid rgba(90,118,144,.18); background:rgba(255,255,255,.58);
  color:inherit; text-decoration:none; box-shadow:0 12px 28px -24px rgba(15,23,42,.45);
  transition:.16s ease;
}
.ws-tool-link--with-icon { grid-template-columns:34px minmax(0,1fr); column-gap:10px; align-items:center; }
.ws-tool-link-copy { display:grid; min-width:0; gap:2px; }
.ws-tool-menu-action { appearance:none; font:inherit; text-align:left; cursor:pointer; }
html[data-theme="dark"] .ws-tool-link { background:rgba(15,23,42,.48); }
.ws-tool-link:hover,
.ws-tool-link:focus-visible {
  transform:translateY(-1px); border-color:rgba(241,145,62,.62);
  box-shadow:0 0 0 4px rgba(241,145,62,.11), 0 14px 30px -24px rgba(15,23,42,.5);
  outline:none;
}
.ws-tool-link strong { font-size:.96rem; }
.ws-tool-link-copy > span { min-width:0; color:#5b6f83; font-size:.82rem; line-height:1.35; overflow-wrap:anywhere; }
html[data-theme="dark"] .ws-tool-link-copy > span { color:#9aa9bd; }

.ws-tool-link--danger {
  border-color:rgba(194,65,58,.3);
  background:rgba(194,65,58,.07);
}
.ws-tool-link--danger strong { color:#a8322d; }
.ws-tool-link--danger:hover,
.ws-tool-link--danger:focus-visible {
  border-color:rgba(194,65,58,.58);
  box-shadow:0 0 0 4px rgba(194,65,58,.1), 0 14px 30px -24px rgba(15,23,42,.5);
}
html[data-theme="dark"] .ws-tool-link--danger {
  background:rgba(194,65,58,.12);
}
html[data-theme="dark"] .ws-tool-link--danger strong { color:#f29a95; }

.ws-tool-foot { border-top:1px solid rgba(90,118,144,.22); padding-top:12px; color:#5b6f83; font-size:.82rem; line-height:1.4; }
html[data-theme="dark"] .ws-tool-foot { color:#9aa9bd; }
@media (max-width:760px){
  .ws-tool-menu-btn:not(.ws-tool-menu-btn--label){width:50px;height:50px;border-radius:16px;}
  .ws-tool-identity-icon--large{width:48px;height:48px;}
}
@media (max-width:420px){
  .ws-tool-menu-btn--label{width:42px;height:42px;padding:0;justify-content:center;flex:0 0 42px;}
  .ws-tool-menu-btn--label .ws-tool-menu-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
}