/* Tool-spezifische Styles — nutzt dieselben Design-Tokens wie style.css */

.tool-hero{background:var(--white);border-bottom:1px solid var(--line);padding:56px 0 0;}
.tool-tabs{display:flex;gap:4px;margin-top:32px;border-bottom:1px solid var(--line);flex-wrap:wrap;}
.tool-tab{
  padding:14px 20px;font-size:14px;font-weight:600;color:#787E7E;
  background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-family:inherit;
  margin-bottom:-1px;
}
.tool-tab:hover{color:var(--ink);}
.tool-tab.active{color:var(--teal-deep);border-bottom-color:var(--teal-deep);}
.tool-tab-divider{width:1px;background:var(--line);margin:10px 8px;}

.tool-panel{display:none;padding:40px 0 80px;background:var(--paper);}
.tool-panel.active{display:block;}

.tool-card{background:var(--white);border:1px solid var(--line);padding:28px;margin-bottom:24px;}
.tool-card h3{font-size:17px;font-weight:700;margin:0 0 18px;}
.tool-card h4{font-size:14px;font-weight:700;margin:0 0 4px;color:var(--teal-deep);}

.tool-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
@media (max-width:760px){.tool-grid-2{grid-template-columns:1fr;}}

.tool-field{margin-bottom:16px;}
.tool-field label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:#3A3F3F;}
.tool-field select,
.tool-field input[type="text"],
.tool-field input[type="date"],
.tool-field input[type="datetime-local"],
.tool-field input[type="file"],
.tool-field textarea{
  width:100%;padding:9px 11px;border:1px solid var(--line);background:var(--white);
  font-family:inherit;font-size:14px;color:var(--ink);border-radius:2px;
}
.tool-field textarea{resize:vertical;min-height:70px;}
.tool-field select:focus,.tool-field input:focus,.tool-field textarea:focus{outline:2px solid var(--teal-mid);outline-offset:-1px;}

.tool-radio-row{display:flex;gap:14px;flex-wrap:wrap;}
.tool-radio-row label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--ink);cursor:pointer;}
.tool-radio-row input{accent-color:var(--teal-deep);}

.tool-btn{
  background:var(--teal-deep);color:var(--white);border:none;padding:11px 22px;
  font-size:14px;font-weight:600;cursor:pointer;border-radius:2px;font-family:inherit;
}
.tool-btn:hover{background:var(--teal-mid);}
.tool-btn.secondary{background:var(--white);color:var(--ink);border:1px solid var(--line);}
.tool-btn.secondary:hover{border-color:var(--teal-deep);color:var(--teal-deep);}
.tool-btn.small{padding:7px 14px;font-size:13px;}
.tool-btn.danger{background:var(--white);color:var(--red);border:1px solid var(--red);}

.tool-bias-badge{display:inline-block;padding:6px 12px;font-size:13px;font-weight:700;margin-top:8px;}
.tool-bias-badge.good{background:rgba(22,199,132,0.12);color:#0E8F5D;}
.tool-bias-badge.bad{background:rgba(231,74,59,0.12);color:var(--red);}
.tool-bias-badge.warn{background:rgba(255,194,62,0.18);color:#8A6300;}

.tool-list{border-top:1px solid var(--line);}
.tool-list-row{
  display:grid;grid-template-columns:100px 1fr auto;gap:16px;align-items:center;
  padding:14px 0;border-bottom:1px solid var(--line);font-size:14px;
}
.tool-list-row .tool-tag{font-size:11px;font-weight:700;color:var(--teal-deep);}
.tool-list-row .tool-meta{font-size:12.5px;color:#787E7E;margin-top:2px;}
@media (max-width:640px){.tool-list-row{grid-template-columns:1fr;}}

.tool-pill{display:inline-block;padding:3px 9px;font-size:11px;font-weight:700;background:var(--paper);color:#4A4F4F;}
.tool-pill.win{background:rgba(22,199,132,0.14);color:#0E8F5D;}
.tool-pill.loss{background:rgba(231,74,59,0.14);color:var(--red);}
.tool-pill.be{background:rgba(255,194,62,0.2);color:#8A6300;}
.tool-pill.open{background:#EAEDED;color:#5A6060;}

.tool-empty{padding:32px;text-align:center;color:#8B9292;font-size:14px;border:1px dashed var(--line);}

.tool-trades-wrap{overflow-x:auto;}
.tool-trades-table{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap;}
.tool-trades-table th{text-align:left;font-size:10.5px;text-transform:uppercase;letter-spacing:.03em;color:#787E7E;padding:9px 10px;border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:0;}
.tool-trades-table td{padding:10px;border-bottom:1px solid var(--line);vertical-align:top;}
.tool-trades-table tr:last-child td{border-bottom:none;}
.tool-trades-table td.wrap-cell{white-space:normal;max-width:220px;}
.tool-trades-table .stars{color:var(--amber);letter-spacing:1px;font-size:13px;}
.tool-trades-table .muted{color:#B9C0C0;}
.tool-trades-table .action-cell{
  position:sticky;right:0;background:var(--white);
  border-left:1px solid var(--line);
  white-space:nowrap;text-align:center;
}
.tool-trades-table th.action-cell{background:var(--paper);z-index:2;}
.tool-icon-btn{
  background:var(--white);color:var(--ink);border:1px solid var(--line);
  width:32px;height:32px;padding:0;margin:0 3px;border-radius:2px;
  font-size:15px;line-height:1;cursor:pointer;vertical-align:middle;
}
.tool-icon-btn:hover{border-color:var(--teal-deep);}
.tool-icon-btn.danger{color:var(--red);border-color:var(--red);}
.tool-icon-btn.danger:hover{background:rgba(231,74,59,0.08);}

.tool-stats-table{width:100%;border-collapse:collapse;font-size:13.5px;}
.tool-stats-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.03em;color:#787E7E;padding:8px 10px;border-bottom:1px solid var(--line);background:#EEF1F1;}
.tool-stats-table td{padding:10px;border-bottom:1px solid var(--line);}
.tool-stats-table tr:last-child td{border-bottom:none;}
.tool-stats-table .num{text-align:right;font-variant-numeric:tabular-nums;}

.tool-summary-row{display:flex;gap:28px;flex-wrap:wrap;margin-bottom:8px;}
.tool-summary-item{min-width:100px;}
.tool-summary-item .n{font-size:26px;font-weight:800;color:var(--ink);display:block;}
.tool-summary-item .l{font-size:12px;color:#787E7E;}

.tool-stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:14px;margin-bottom:24px;}
.tool-stat-card{background:var(--white);border:1px solid var(--line);border-top:3px solid var(--line);padding:16px 18px;}
.tool-stat-card .l{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;margin-bottom:6px;}
.tool-stat-card .n{font-size:26px;font-weight:800;color:var(--ink);}
.tool-stat-card .s{font-size:11.5px;color:#8B9292;margin-top:2px;}
.tool-stat-card.teal{border-top-color:var(--teal-deep);}
.tool-stat-card.teal .l{color:var(--teal-deep);}
.tool-stat-card.green{border-top-color:#16C784;}
.tool-stat-card.green .l{color:#0E8F5D;}
.tool-stat-card.red{border-top-color:var(--red);}
.tool-stat-card.red .l{color:var(--red);}
.tool-stat-card.amber{border-top-color:var(--amber);}
.tool-stat-card.amber .l{color:#8A6300;}
.tool-stat-card.blue{border-top-color:#2F86EB;}
.tool-stat-card.blue .l{color:#2F86EB;}
.tool-stat-card.green .n{color:#0E8F5D;}
.tool-stat-card.red .n{color:var(--red);}
.tool-section-title{font-size:15px;font-weight:700;margin:32px 0 14px;color:var(--ink);}
.tool-section-title:first-child{margin-top:0;}
.tool-stats-table td.win{color:#0E8F5D;font-weight:700;}
.tool-stats-table td.loss{color:var(--red);font-weight:700;}
.tool-be-panel{background:rgba(255,194,62,0.08);border:1px solid rgba(138,99,0,0.2);padding:24px;margin-top:32px;}
.tool-be-panel .tool-section-title{margin-top:0;}
.tool-be-panel .tool-card{background:var(--white);}

.tool-modal-backdrop{
  position:fixed;inset:0;background:rgba(30,30,30,0.55);display:none;
  align-items:center;justify-content:center;z-index:200;padding:20px;
}
.tool-modal-backdrop.open{display:flex;}
.tool-modal{background:var(--white);max-width:520px;width:100%;max-height:90vh;overflow-y:auto;padding:28px;}
.tool-modal h3{margin-top:0;}

.tool-recap{margin-bottom:40px;background:rgba(0,107,107,0.05);border:1px solid rgba(0,107,107,0.18);padding:24px;}
.tool-recap > h3{display:flex;align-items:center;gap:8px;}
.tool-recap > h3::before{content:"●";color:var(--teal-deep);font-size:10px;}
.tool-form-heading{font-size:15px;font-weight:700;color:var(--ink);margin:0 0 16px;border-top:1px solid var(--line);padding-top:24px;}
.tool-recap-markets{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;}
@media (max-width:640px){.tool-recap-markets{grid-template-columns:1fr;}}
.tool-recap-market{background:var(--white);border:1px solid var(--line);border-left:4px solid var(--line);padding:16px 18px;}
.tool-recap-market.good{border-left-color:#16C784;}
.tool-recap-market.bad{border-left-color:var(--red);}
.tool-recap-market.warn{border-left-color:var(--amber);}
.tool-recap-market.teal{border-left-color:var(--teal-deep);}
.tool-recap-market h4{font-size:13px;font-weight:700;color:var(--ink);margin:0 0 8px;text-transform:none;}
.tool-recap-market .tool-recap-note{font-size:12.5px;color:#787E7E;margin-top:8px;}
.tool-recap-fields{background:var(--white);border:1px solid var(--line);}
.tool-recap-field{padding:14px 18px;border-bottom:1px solid var(--line);}
.tool-recap-field:last-child{border-bottom:none;}
.tool-recap-field .l{font-size:12px;font-weight:700;color:var(--teal-deep);margin-bottom:3px;}
.tool-recap-field .v{font-size:13.5px;color:#3A3F3F;}
.tool-recap-empty{font-size:13.5px;color:#8B9292;margin-bottom:24px;}
.tool-usecases{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;}
.tool-usecase{background:var(--white);border:1px solid var(--line);padding:16px 18px;}
.tool-usecase h4{font-size:14px;font-weight:700;margin:0 0 6px;color:var(--teal-deep);}
.tool-usecase p{font-size:13px;color:#4A4F4F;margin:0;line-height:1.5;}
@media (max-width:760px){.tool-usecases{grid-template-columns:1fr;}}
.tool-dashboard-cal{background:var(--white);border:1px solid var(--line);padding:20px;margin-top:8px;}
.cal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:10px;}
.cal-header h4{margin:0;font-size:15px;font-weight:700;color:var(--ink);}
.cal-nav{display:flex;gap:8px;}
.cal-nav button{background:var(--paper);border:1px solid var(--line);min-width:32px;height:32px;padding:0 10px;cursor:pointer;font-size:14px;border-radius:2px;font-family:inherit;}
.cal-nav button:hover{border-color:var(--teal-deep);color:var(--teal-deep);}
.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;}
.cal-weekday{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:#787E7E;text-align:center;padding-bottom:6px;}
.cal-cell{min-height:78px;border:1px solid var(--line);padding:6px 7px;font-size:11px;background:var(--paper);}
.cal-cell.empty{background:transparent;border-color:transparent;}
.cal-cell.has-data{background:var(--white);border-color:rgba(0,107,107,0.25);}
.cal-cell .cal-daynum{font-size:12px;font-weight:700;color:#3A3F3F;margin-bottom:4px;}
.cal-cell .cal-winrate{font-weight:800;font-size:13px;color:#4A4F4F;}
.cal-cell .cal-winrate.good{color:#0E8F5D;}
.cal-cell .cal-winrate.bad{color:var(--red);}
.cal-cell .cal-trades-n{color:#8B9292;font-size:10.5px;margin-top:1px;}
.cal-cell .cal-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-top:5px;}
.cal-cell .cal-dot.good{background:#16C784;}
.cal-cell .cal-dot.warn{background:var(--amber);}
.cal-cell .cal-dot.bad{background:var(--red);}
@media (max-width:640px){
  .cal-cell{min-height:52px;font-size:9.5px;padding:4px;}
  .cal-cell .cal-daynum{font-size:10.5px;}
  .cal-cell .cal-winrate{font-size:11px;}
  .cal-weekday{font-size:9px;}
  .cal-grid{gap:3px;}
}

.tool-privacy-note{
  font-size:13px;color:#4A4F4F;background:var(--white);border:1px solid var(--line);
  padding:14px 18px;margin-bottom:24px;
}