/* Learning Sorted-inspired visual system; shares BlinkClicks blue/green tokens. */
.tool-intro{max-width:840px}.tool-intro h1{font-size:clamp(28px,4vw,42px);margin:0 0 10px}.tool-intro p{color:var(--muted);max-width:710px}
.tool-layout{display:grid;grid-template-columns:minmax(290px,420px) minmax(0,1fr);align-items:start;gap:18px;margin-top:23px}
.tool-panel{background:#fff;border:1px solid var(--border);border-radius:18px;padding:23px;box-shadow:var(--shadow)}
.tool-panel h2{font-size:19px;margin:0 0 7px}.tool-panel>p{color:var(--muted);font-size:13px}
.tool-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.tool-field{display:grid;gap:4px;font-size:12px;font-weight:700;color:#415570;min-width:0}
.tool-field.wide{grid-column:1/-1}.tool-field input,.tool-field textarea,.tool-field select,.tool-search{width:100%;background:#fff;border:1px solid #d8e1ed;border-radius:10px;padding:11px;color:#17243a;min-height:43px;outline-offset:2px}
.tool-field textarea{min-height:76px;resize:vertical}.tool-field input[type=checkbox]{width:22px;min-height:22px;accent-color:#4674c9}.tool-field.check{display:flex;align-items:center;gap:9px;flex-direction:row;justify-content:flex-start}
.tool-form-actions{display:flex;gap:8px;flex-wrap:wrap;grid-column:1/-1;margin-top:4px}
.tool-hint{background:#f0f5fd;border:1px solid #dbe7fb;padding:11px 13px;border-radius:12px;color:#38547f;font-size:12px;margin:16px 0}
.tool-state{font-size:12px;color:#62738b;min-height:20px}.tool-state.error{color:#a93030}
.tool-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}
.tool-stat{background:#f7f9fd;border:1px solid #e6eaf2;border-radius:13px;padding:13px;min-width:0}.tool-stat small{display:block;font-size:10px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.tool-stat strong{font-size:20px;letter-spacing:-.04em;display:block;overflow-wrap:anywhere}
.tool-toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:space-between;margin:14px 0}
.tool-table{display:grid;gap:9px}.tool-record{background:#fff;border:1px solid #e2e8f1;border-radius:13px;padding:14px;display:grid;gap:9px}
.tool-record-head{display:flex;justify-content:space-between;align-items:start;gap:10px}.tool-record strong{font-size:14px}.tool-record p{color:var(--muted);font-size:12px;margin:3px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.tool-meta{display:flex;gap:7px;flex-wrap:wrap}.tool-chip{font-size:11px;font-weight:750;border-radius:100px;padding:5px 8px;background:#edf4fd;color:#315fa6}.tool-chip.warn{background:#fff3df;color:#9a621a}.tool-chip.done{background:#e6f6ed;color:#187850}
.tool-actions{display:flex;gap:7px;justify-content:flex-end;flex-wrap:wrap}.tool-actions button{border:1px solid #dae2ee;background:#fff;border-radius:8px;padding:6px 9px;font-size:12px;font-weight:700;color:#344866}
.tool-empty{text-align:center;border:1px dashed #cad7e9;border-radius:12px;color:var(--muted);padding:24px;font-size:13px}
.tool-status-warning{padding:10px 14px;border:1px solid #f2dda8;border-radius:12px;background:#fff8eb;color:#795621;font-size:12px}
.tool-catalogue{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.tool-card{display:flex;flex-direction:column;background:#fff;padding:19px;border:1px solid var(--border);border-radius:16px;min-height:206px;text-decoration:none}
.tool-card:hover{border-color:#aac1e6}.tool-card strong{display:block;font-size:16px}.tool-card p{font-size:12px;color:var(--muted);line-height:1.55;flex:1;margin:7px 0}
.tool-card small{font-size:11px;color:#4f6da1;font-weight:750}.tool-card .tool-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:var(--accentSoft);color:#345fa7;font-size:14px;font-weight:850;margin-bottom:10px}
.tool-card.business .tool-icon{background:var(--businessSoft);color:var(--business)}
.tool-actions-row{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}
.tool-card .tool-frequency{font-size:10px;color:var(--muted)}
@media(max-width:1060px){.tool-layout{grid-template-columns:1fr}.tool-catalogue{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.tool-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-panel{padding:16px}.tool-form{gap:10px}.tool-catalogue{grid-template-columns:1fr}.tool-intro h1{font-size:29px}}
@media print{.bc-sidebar,.bc-topbar,.bc-mobile-nav,.tool-panel:first-child,.tool-toolbar,.tool-actions,.tool-no-print{display:none!important}.bc-page{padding:0}.tool-layout{display:block}.tool-record{break-inside:avoid}}

.tool-due-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tool-due-item{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--border);border-radius:13px;background:#fff;padding:14px;text-decoration:none;min-width:0}.tool-due-item:hover{border-color:#b9ccec}.tool-due-info{display:grid;gap:2px;min-width:0}.tool-due-info strong{font-size:13px;overflow-wrap:anywhere}.tool-due-info small,.tool-due-privacy,.tool-due-more{color:var(--muted);font-size:12px}.tool-due-item .tool-chip{flex-shrink:0}.tool-due-privacy,.tool-due-more{margin:12px 0 0}@media(max-width:680px){.tool-due-board{grid-template-columns:1fr}}

.tool-card[hidden]{display:none!important}.tool-filter{max-width:520px;margin:5px 0 22px}.tool-filter label{display:block;font-weight:800;font-size:13px;margin:0 0 7px}.tool-filter input{display:block;width:100%;border:1px solid #c5d4e7;border-radius:12px;padding:12px 14px;font-size:15px;background:white;color:#253750}.tool-filter p{font-size:12px;color:#62728b;margin:8px 0 0}
