:root {
    --ink: #1c2925;
    --muted: #70807a;
    --paper: #f7f8f4;
    --white: #fff;
    --line: #dfe5df;
    --mint: #c9f267;
    --mint-dark: #9ed73e;
    --green: #173f35;
    --orange: #f4b35e;
    --shadow: 0 18px 60px rgba(26, 53, 45, .10);
}

* { box-sizing: border-box; }
html { min-height: 100%; background: var(--paper); }
body { margin: 0; color: var(--ink); background: radial-gradient(circle at 10% 15%, rgba(201,242,103,.12), transparent 28%), var(--paper); font-family: "DM Sans", sans-serif; min-height: 100vh; }
button, input, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; }

.site-header { height: 76px; padding: 0 clamp(22px,5vw,72px); display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(28,41,37,.08); background: rgba(247,248,244,.86); backdrop-filter: blur(16px); position: sticky; top: 0; z-index: 20; }
.brand { display: inline-flex; gap: 11px; align-items: center; text-decoration: none; font: 800 22px/1 Manrope, sans-serif; letter-spacing: -.8px; }
.brand-mark { width: 32px; height: 32px; display: flex; padding: 8px 7px; align-items: flex-end; gap: 2px; border-radius: 9px; background: var(--green); transform: rotate(-3deg); }
.brand-mark span { width: 5px; border-radius: 4px; background: var(--mint); }.brand-mark span:nth-child(1){height:10px}.brand-mark span:nth-child(2){height:17px}.brand-mark span:nth-child(3){height:13px}
.top-nav { display: flex; align-items: center; gap: 12px; }.top-nav > a:not(.button){font-weight:600;text-decoration:none;margin-right:8px}
.user-chip { display: inline-grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: #dce8dd; color: var(--green); font-size: 13px; font-weight: 800; }

.button { border: 0; border-radius: 10px; padding: 12px 18px; display: inline-flex; align-items: center; justify-content: center; gap: 14px; text-decoration: none; cursor: pointer; font-weight: 700; transition: .2s ease; }
.button:hover { transform: translateY(-1px); }.button-primary { color: #15231e; background: var(--mint); box-shadow: 0 6px 18px rgba(158,215,62,.18); }.button-primary:hover{background:#d6fa7e}.button-quiet { background: #fff; border: 1px solid var(--line); color: var(--ink); }.button-small{padding:8px 13px;font-size:13px}.button-wide{width:100%;padding:14px 18px}

.flash { position: fixed; z-index: 100; top: 88px; left: 50%; transform: translateX(-50%); padding: 12px 18px; background: #fff; border: 1px solid var(--line); border-left: 4px solid var(--mint-dark); border-radius: 9px; box-shadow: var(--shadow); font-weight: 600; transition: .35s; }.flash-error{border-left-color:#db625c}.flash-out{opacity:0;transform:translate(-50%,-10px);pointer-events:none}

.auth-shell { max-width: 1260px; min-height: calc(100vh - 144px); margin: auto; display: grid; grid-template-columns: 1.08fr .72fr; gap: clamp(50px,8vw,120px); align-items: center; padding: 70px 40px; }
.hero-copy h1 { margin: 17px 0 24px; font: 800 clamp(50px,6.2vw,82px)/.98 Manrope, sans-serif; letter-spacing: -4px; }.hero-copy h1 em{font-style:normal;color:var(--green);position:relative}.hero-copy h1 em:after{content:"";position:absolute;height:7px;background:var(--mint);left:2px;right:4px;bottom:-5px;border-radius:50%;transform:rotate(-1deg)}
.hero-copy > p { max-width: 590px; color: var(--muted); font-size: 18px; line-height: 1.75; }
.eyebrow { color: #50655d; font-size: 12px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; }
.feature-row { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; margin-top: 48px; }.feature-row div{display:grid;grid-template-columns:36px 1fr;column-gap:8px;align-items:center}.feature-row small{grid-column:2;color:var(--muted);margin-top:3px}.feature-row strong{font-size:14px}.feature-icon{grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;border:1px solid #d5dfd6;background:#fff;border-radius:50%;color:#53725f}
.auth-card { width: 100%; max-width: 440px; justify-self: end; padding: 38px; background: rgba(255,255,255,.9); border: 1px solid rgba(213,223,214,.85); border-radius: 20px; box-shadow: var(--shadow); }.auth-card-heading{display:flex;gap:14px;align-items:center;margin-bottom:28px}.auth-card h2,.modal h2{font:800 26px/1.1 Manrope;margin:0 0 6px;letter-spacing:-.7px}.auth-card p,.modal p{margin:0;color:var(--muted)}.mini-mark{width:44px;height:44px;flex:0 0 44px;border-radius:12px;background:var(--green);color:var(--mint);display:grid;place-items:center;font-size:22px;font-weight:700}
.stack-form{display:grid;gap:17px}.stack-form label{font-size:13px;font-weight:700;display:grid;gap:8px}.stack-form input:not([type=range]){width:100%;border:1px solid #dbe2dc;border-radius:10px;background:#fbfcfa;padding:13px 14px;outline:none}.stack-form input:focus{border-color:#9bbe59;box-shadow:0 0 0 3px rgba(201,242,103,.22)}.form-foot{text-align:center!important;margin-top:22px!important;font-size:13px}.form-foot a{font-weight:700}.single-auth{min-height:calc(100vh - 140px);display:grid;place-items:center;padding:50px 20px}.single-auth .auth-card{justify-self:center}

.dashboard-shell { max-width: 1440px; margin: auto; min-height: calc(100vh - 76px); display: grid; grid-template-columns: 265px minmax(0,1fr); }
.sidebar { border-right: 1px solid var(--line); padding: 36px 22px; display:flex;flex-direction:column;min-height:calc(100vh - 76px); }.sidebar-title{display:flex;justify-content:space-between;align-items:center;padding:0 8px 16px;font-size:12px;text-transform:uppercase;letter-spacing:1.5px;font-weight:800;color:var(--muted)}.icon-button{border:1px solid var(--line);background:#fff;border-radius:8px;width:30px;height:30px;cursor:pointer;color:var(--ink)}.icon-button.danger{color:#a9514d}.profile-list{display:grid;gap:7px}.profile-item{display:flex;gap:11px;align-items:center;padding:11px;border-radius:11px;text-decoration:none;border:1px solid transparent}.profile-item:hover{background:#f0f3ee}.profile-item.active{background:#fff;border-color:#dce4dd;box-shadow:0 4px 20px rgba(33,58,48,.05)}.profile-item span:nth-child(2){min-width:0;display:grid}.profile-item strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-item small{color:var(--muted);margin-top:3px}.profile-avatar{width:36px;height:36px;display:grid;place-items:center;background:#e7efdf;color:var(--green);border-radius:10px;font-size:12px;font-weight:800}.new-profile{border:0;background:transparent;color:#657871;padding:14px 10px;display:flex;gap:16px;cursor:pointer;font-weight:600}.sidebar-note{margin-top:auto;display:flex;gap:10px;background:#eff4e9;border-radius:13px;padding:16px;color:#607068;font-size:12px;line-height:1.55}.sidebar-note span{color:#7ca53d}.sidebar-note p{margin:0}
.dashboard-main{padding:50px clamp(30px,5vw,70px) 80px;min-width:0}.dashboard-heading{display:flex;justify-content:space-between;gap:30px;align-items:flex-end}.dashboard-heading h1{font:800 38px/1 Manrope;margin:12px 0 10px;letter-spacing:-1.5px}.dashboard-heading p{color:var(--muted);margin:0}.toolbar{display:flex;align-items:center;gap:12px;margin:36px 0 30px}.search-form{height:42px;max-width:380px;flex:1;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:0 13px}.search-form input{border:0;outline:0;background:transparent;width:100%}.sort-select{height:42px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:0 36px 0 13px;color:var(--ink)}.profile-delete-form{margin-left:auto}.link-count{font-size:12px;text-transform:uppercase;letter-spacing:1.3px;color:var(--muted);font-weight:800;margin-bottom:14px}.link-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:16px}.link-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;min-width:0;transition:.2s}.link-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(25,52,43,.08);border-color:#ccd9cd}.card-top{display:flex;align-items:center;gap:9px}.favicon{width:40px;height:40px;border:1px solid #edf0ed;border-radius:10px;padding:7px;object-fit:contain}.priority{margin-left:auto;border-radius:99px;padding:5px 8px;font-size:10px;font-weight:800;background:#edf1eb;color:#66736c}.priority-4,.priority-5{background:#eff8d5;color:#59771e}.priority-5{background:#fff0dc;color:#99601d}.more-button{width:27px;height:27px;border:0;background:transparent;border-radius:50%;cursor:pointer;color:#9ca7a2;font-size:18px}.more-button:hover{background:#f7e9e8;color:#b14e49}.card-content{padding:19px 0 22px}.card-content h2{margin:0 0 5px;font:700 18px Manrope;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-content p{margin:0;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf0ed;padding-top:13px;color:#8a9691;font-size:10px}.card-foot a{width:30px;height:30px;display:grid;place-items:center;background:var(--green);color:var(--mint);border-radius:8px;text-decoration:none;font-size:16px}.empty-state{max-width:620px;margin:90px auto;text-align:center;background:rgba(255,255,255,.55);border:1px dashed #cbd5cc;border-radius:18px;padding:60px 30px}.empty-state h2{font:800 25px Manrope;margin:15px 0 8px}.empty-state p{color:var(--muted);margin:0 0 24px}.empty-icon{font-size:28px;color:#779449}

.modal{width:min(92vw,470px);border:1px solid var(--line);border-radius:18px;padding:32px;box-shadow:0 35px 100px rgba(15,35,28,.24);color:var(--ink)}.modal::backdrop{background:rgba(18,35,29,.45);backdrop-filter:blur(4px)}.modal .mini-mark{margin-bottom:18px}.modal > p{margin-bottom:25px}.modal-close{position:absolute;right:16px;top:14px;width:32px;height:32px;border:0;border-radius:50%;background:#f1f3f0;cursor:pointer;font-size:20px}.range-value{float:right;color:#557129;background:#eef7dd;padding:2px 8px;border-radius:99px}.stack-form input[type=range]{width:100%;accent-color:var(--green)}.range-labels{display:flex;justify-content:space-between;margin-top:-14px;color:var(--muted);font-size:10px}

.admin-shell{max-width:1200px;margin:auto;padding:55px 32px 80px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:36px 0}.stats-grid div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px}.stats-grid span{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:1px;font-weight:700}.stats-grid strong{display:block;font:800 34px Manrope;margin-top:8px}.table-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:auto}table{width:100%;border-collapse:collapse;min-width:850px}th,td{text-align:left;padding:15px 18px;border-bottom:1px solid #edf0ed;font-size:13px}th{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:1px}tr:last-child td{border-bottom:0}.account-cell{display:flex;align-items:center;gap:10px}.account-cell span:nth-child(2){display:grid;gap:3px}.account-cell small{color:var(--muted)}.role-pill,.status{display:inline-block;padding:4px 8px;border-radius:99px;background:#eef2ed;font-size:10px;text-transform:capitalize;font-weight:800}.status-active{background:#e9f6d9;color:#4c7021}.status-suspended{background:#fae3e1;color:#9b4743}
.site-footer{min-height:68px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 clamp(22px,5vw,72px);color:#86938e;font-size:11px}

@media(max-width:1000px){.auth-shell{grid-template-columns:1fr;padding-top:45px}.auth-card{justify-self:start}.feature-row{margin-top:30px}.dashboard-shell{grid-template-columns:210px 1fr}.link-grid{grid-template-columns:repeat(2,1fr)}.sidebar{padding:28px 12px}.dashboard-main{padding:40px 25px}}
@media(max-width:700px){.site-header{height:66px;padding:0 18px}.top-nav>a:not(.button){display:none}.auth-shell{padding:45px 20px}.hero-copy h1{font-size:48px;letter-spacing:-2.5px}.feature-row{grid-template-columns:1fr}.auth-card{padding:26px}.dashboard-shell{display:block}.sidebar{min-height:auto;border-right:0;border-bottom:1px solid var(--line);padding:16px;display:block}.sidebar-title,.sidebar-note{display:none}.profile-list{display:flex;overflow-x:auto}.profile-item{min-width:max-content}.new-profile{padding-left:12px}.dashboard-main{padding:35px 18px 60px}.dashboard-heading{align-items:flex-start;flex-direction:column}.dashboard-heading h1{font-size:32px}.toolbar{flex-wrap:wrap}.search-form{max-width:none;flex-basis:100%}.profile-delete-form{margin-left:auto}.link-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr}.site-footer{padding:20px;gap:10px}.site-footer span:first-child{display:none}}

/* Link details, deadlines, and profile images */
.profile-avatar { flex: 0 0 36px; }
.profile-photo { object-fit: cover; }
.card-host { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.card-content .card-description { margin-top: 12px; line-height: 1.5; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.deadline { display: inline-flex; margin-top: 13px; padding: 5px 8px; border-radius: 7px; background: #eef4e8; color: #55703a; font-size: 10px; font-weight: 700; }
.deadline-overdue { background: #fae6e3; color: #a04f48; }
.modal { max-height: 90vh; overflow: auto; }
.stack-form textarea { appearance: none; width: 100%; min-height: 82px; resize: vertical; border: 1px solid #dbe2dc; border-radius: 10px; background: #fbfcfa; color: var(--ink); padding: 13px 14px; outline: none; font: inherit; line-height: 1.45; }
.stack-form textarea:focus { border-color: #9bbe59; box-shadow: 0 0 0 3px rgba(201,242,103,.22); }
.stack-form textarea::placeholder { color: #8b918e; }
.field-label { display: inline; }
.field-label small { color: var(--muted); font-size: inherit; font-weight: 500; }
.field-hint { color: var(--muted); font-weight: 500; margin-left: 4px; }
.check-label { display: flex !important; grid-template-columns: 18px 1fr !important; align-items: center; }
.check-label input { width: 16px !important; }

/* Grid and table display switch */
.view-switch { display: inline-flex; flex: 0 0 auto; padding: 3px; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.view-switch a { width: 33px; height: 33px; display: grid; place-items: center; border-radius: 7px; color: var(--muted); text-decoration: none; font-size: 18px; line-height: 1; transition: .18s ease; }
.view-switch a:hover { color: var(--ink); background: #f3f5f1; }
.view-switch a.active { color: var(--mint); background: var(--green); }
.view-panel[hidden] { display: none !important; }
.links-table-wrap { overflow-x: auto; border: 1px solid var(--line); border-radius: 14px; background: #fff; box-shadow: 0 5px 24px rgba(25,52,43,.04); }
.links-table { min-width: 1000px; }
.links-table th { padding: 13px 16px; background: #f8faf6; }
.links-table td { padding: 14px 16px; vertical-align: middle; }
.links-table tbody tr { transition: background .16s ease; }
.links-table tbody tr:hover { background: #fbfcf9; }
.table-link { display: flex; align-items: center; gap: 11px; min-width: 210px; }
.table-link > span { display: grid; gap: 3px; min-width: 0; }
.table-link strong { max-width: 230px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }
.table-link small { max-width: 230px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--muted); }
.table-description { max-width: 270px; color: #5f6f69; line-height: 1.45; }
.links-table .priority { margin-left: 0; white-space: nowrap; }
.links-table .deadline { margin-top: 0; white-space: nowrap; }
.table-date { color: var(--muted); white-space: nowrap; }
.click-count { color: var(--green); font-weight: 800; text-align: center; }
.table-actions { display: flex; align-items: center; justify-content: flex-end; gap: 3px; }
.table-actions form { display: flex; }
.table-open { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 50%; text-decoration: none; color: var(--green); font-size: 15px; }
.table-open:hover { background: #edf4e8; }
.muted-dash { color: #a5afaa; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

@media(max-width:1200px) {
    .toolbar { flex-wrap: wrap; }
    .search-form { max-width: none; flex-basis: 100%; }
    .profile-delete-form { margin-left: 0; }
}

/* Compact favicon-only display */
.icons-view { display: grid; grid-template-columns: repeat(auto-fill, minmax(74px, 1fr)); gap: 18px 14px; align-items: start; padding: 8px 2px 180px; }
.icon-link-item { position: relative; display: grid; place-items: center; min-width: 0; }
.icon-only-link { width: 66px; height: 66px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 16px; background: #fff; box-shadow: 0 5px 18px rgba(25,52,43,.06); transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
.icon-only-link:hover, .icon-only-link:focus-visible { transform: translateY(-3px); border-color: #b9cbb9; box-shadow: 0 12px 28px rgba(25,52,43,.12); outline: none; }
.icon-only-link img { width: 42px; height: 42px; padding: 5px; object-fit: contain; }
.icon-tooltip { position: absolute; z-index: 40; top: calc(100% + 11px); left: 50%; width: min(310px, calc(100vw - 36px)); padding: 16px; border: 1px solid #d8e0d9; border-radius: 13px; background: #fff; box-shadow: 0 18px 48px rgba(17,39,31,.18); opacity: 0; visibility: hidden; pointer-events: none; transform: translate(-50%, -5px); transition: opacity .16s ease, transform .16s ease, visibility .16s; }
.icon-tooltip::before { content: ""; position: absolute; left: 0; right: 0; top: -13px; height: 14px; }
.icon-tooltip::after { content: ""; position: absolute; top: -6px; left: calc(50% - 6px); width: 12px; height: 12px; background: #fff; border-left: 1px solid #d8e0d9; border-top: 1px solid #d8e0d9; transform: rotate(45deg); }
.icon-link-item:hover, .icon-link-item:focus-within { z-index: 41; }
.icon-link-item:hover .icon-tooltip, .icon-link-item:focus-within .icon-tooltip { opacity: 1; visibility: visible; pointer-events: auto; transform: translate(-50%, 0); }
.tooltip-heading { display: flex; align-items: flex-start; gap: 10px; }
.tooltip-heading > span:first-child { display: grid; min-width: 0; gap: 3px; }
.tooltip-heading strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; }
.tooltip-heading small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--muted); }
.tooltip-heading .priority { margin-left: auto; flex: 0 0 auto; }
.icon-tooltip > p { margin: 13px 0 0; color: #586962; font-size: 12px; line-height: 1.5; }
.icon-tooltip > .tooltip-empty { color: #9ba6a1; font-style: italic; }
.icon-tooltip .deadline { margin-top: 12px; }
.tooltip-foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 14px; padding-top: 11px; border-top: 1px solid #edf0ed; color: var(--muted); font-size: 10px; }
.tooltip-actions { display: flex; align-items: center; }
.tooltip-actions form { display: flex; }

/* Two-line descriptions with an overflow-only tooltip */
.description-preview { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 1.5; max-height: 3em; }
.description-preview.is-truncated { cursor: help; }
.description-preview.is-truncated:focus-visible { outline: 2px solid var(--mint-dark); outline-offset: 3px; border-radius: 3px; }
.table-description .description-preview { max-width: 270px; }
.description-tooltip-floating { position: fixed; z-index: 200; width: min(340px, calc(100vw - 24px)); padding: 12px 14px; border: 1px solid #d8e0d9; border-radius: 10px; background: #173f35; color: #fff; box-shadow: 0 14px 38px rgba(12,31,24,.24); font-size: 12px; line-height: 1.55; pointer-events: none; }
.description-tooltip-floating { overflow-wrap: anywhere; word-break: break-word; }
.description-tooltip-floating[hidden] { display: none; }
.search-empty-state { margin: 35px auto; padding: 38px 28px; }
.card-host-row, .table-host-row { display: flex; align-items: center; gap: 5px; min-width: 0; }
.card-host-row .card-host, .table-host-row small { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--muted); font-size: 12px; }
.url-tooltip-trigger { width: 21px; height: 21px; flex: 0 0 21px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 6px; background: #edf2eb; color: #52675e; cursor: help; font-size: 14px; line-height: 1; }
.url-tooltip-trigger:hover, .url-tooltip-trigger:focus-visible { background: var(--green); color: var(--mint); outline: none; }
.favicon-link { display: inline-flex; flex: 0 0 auto; border-radius: 10px; text-decoration: none; }
.favicon-link:hover .favicon, .favicon-link:focus-visible .favicon { border-color: #9fba72; box-shadow: 0 0 0 3px rgba(201,242,103,.24); }
.favicon-link:focus-visible { outline: none; }
.link-name-open { color: inherit; text-decoration: none; }
.link-name-open:hover, .link-name-open:focus-visible { color: #527c28; text-decoration: none; outline: none; }

/* Persistent link warning mode */
@keyframes warningCardBlink {
    0%, 100% { border-color: #ef9b46; box-shadow: 0 0 0 0 rgba(239,155,70,.08); background-color: #fffdf9; }
    50% { border-color: #e15445; box-shadow: 0 0 0 5px rgba(225,84,69,.18); background-color: #fff2eb; }
}
@keyframes warningRowBlink {
    0%, 100% { background-color: #fffdf9; }
    50% { background-color: #ffe9df; }
}
.link-card.warning-active { animation: warningCardBlink 1.15s ease-in-out infinite; }
.links-table tr.warning-active { animation: warningRowBlink 1.15s ease-in-out infinite; }
.icon-link-item.warning-active .icon-only-link { animation: warningCardBlink 1.15s ease-in-out infinite; }
.warning-form { display: flex; }
.warning-badge, .warning-dot { border: 0; cursor: pointer; color: #fff; background: #d95648; font-weight: 800; }
.warning-badge { padding: 5px 8px; border-radius: 99px; font-size: 10px; white-space: nowrap; }
.warning-dot { width: 25px; height: 25px; display: grid; place-items: center; border-radius: 50%; }
.warning-badge:hover, .warning-dot:hover { background: #b83f34; }
.warning-toggle { display: flex !important; grid-template-columns: none !important; align-items: flex-start; gap: 11px !important; padding: 13px 14px; border: 1px solid #efd2bd; border-radius: 10px; background: #fff9f3; cursor: pointer; }
.warning-toggle input { width: 17px !important; height: 17px; margin: 2px 0 0; accent-color: #d95648; flex: 0 0 auto; }
.warning-toggle > span { display: grid; gap: 3px; }
.warning-toggle strong { color: #9b3e35; }
.warning-toggle small { color: var(--muted); font-weight: 500; line-height: 1.4; }

@media(prefers-reduced-motion: reduce) {
    .link-card.warning-active, .icon-link-item.warning-active .icon-only-link { animation: none; border: 2px solid #d95648; background: #fff2eb; }
    .links-table tr.warning-active { animation: none; background: #fff2eb; }
}

@media(max-width:700px) {
    .icons-view { grid-template-columns: repeat(auto-fill, minmax(66px, 1fr)); gap: 14px 8px; }
    .icon-only-link { width: 60px; height: 60px; }
    .icon-only-link img { width: 39px; height: 39px; }
}