/* Optional, scoped UI for curated suggestions. */
.smart-suggest{width:100%;min-width:0;margin:10px 0 12px;padding:11px;border:1px solid var(--line,#39445a);border-radius:12px;background:var(--surface,#171e2b);color:inherit;text-align:left}
.smart-suggest[hidden]{display:none!important}
.smart-suggest-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:13px;margin-bottom:9px}
.smart-region{display:flex;align-items:center;gap:6px;font-size:12px;opacity:.86}
.smart-region-select{color:inherit;background:transparent;border:1px solid currentColor;border-radius:7px;padding:5px;font:inherit;max-width:140px}
.smart-region-select option{color:#172134;background:#fff}
.smart-suggest-list{display:grid;gap:5px}
.smart-website{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:7px 0;border-top:1px solid color-mix(in srgb,currentColor 13%,transparent)}
.smart-website-details{display:grid;gap:2px;min-width:0}
.smart-website-details strong{font-size:13px}
.smart-website-details small{font-size:11px;opacity:.72;overflow-wrap:anywhere}
.smart-choose,.smart-category-apply{border:1px solid currentColor;border-radius:8px;background:transparent;color:inherit;padding:6px 10px;font:inherit;font-size:12px;cursor:pointer;flex:none}
.smart-choose:hover,.smart-category-apply:hover{background:color-mix(in srgb,currentColor 9%,transparent)}
.smart-category-hint{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:10px;font-size:12px}
.smart-category-hint:empty{display:none}
.smart-search-suggest{margin-top:13px}
@media(max-width:450px){.smart-website{align-items:flex-start}.smart-suggest{padding:9px}}

/* V52: small self-contained live-search dropdown and editor list. */
.search-wrap{position:relative;z-index:80}
.smart-live-dropdown{position:absolute;top:calc(100% + 8px);left:0;width:min(480px,calc(100vw - 24px));max-height:min(440px,70vh);overflow-y:auto;background:var(--surface,#171e2b);color:var(--text,inherit);border:1px solid var(--line,#39445a);border-radius:14px;box-shadow:0 18px 50px #0008;padding:12px;z-index:100;text-align:left}
.smart-live-dropdown[hidden],.smart-editor-live[hidden]{display:none!important}
.smart-live-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:8px;font-size:13px}
.smart-live-content{display:grid;gap:5px}
.smart-live-status{font-size:12px;opacity:.75;margin:5px 0}
.smart-live-results{display:grid;gap:4px}
.smart-live-row{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:9px 0;border-top:1px solid color-mix(in srgb,currentColor 12%,transparent)}
.smart-live-info{display:grid;gap:3px;min-width:0}
.smart-live-info strong{font-size:13px;overflow-wrap:anywhere}
.smart-live-info small{font-size:11px;opacity:.82;overflow-wrap:anywhere}
.smart-live-source{font-size:10px;opacity:.65}
.smart-live-use{flex-shrink:0;font:inherit;font-size:12px;background:transparent;color:inherit;border:1px solid currentColor;border-radius:8px;padding:7px 10px;cursor:pointer}
.smart-live-use:hover{background:color-mix(in srgb,currentColor 9%,transparent)}
.smart-live-privacy{font-size:10px;line-height:1.5;opacity:.65;margin:8px 0 0}
.smart-editor-live{display:grid;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid color-mix(in srgb,currentColor 12%,transparent)}
.smart-editor-live>strong{font-size:12px}
.smart-editor-live[hidden] + *{margin-top:0}
@media(max-width:680px){.search-wrap{z-index:90}.smart-live-dropdown{width:min(420px,calc(100vw - 38px))}}

/* V53: native search input: stop field history/autofill and make clearing obvious. */
.search-wrap .search{padding-right:40px}
.search-wrap .search::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
.tb-search-clear{position:absolute;right:9px;top:50%;transform:translateY(-50%);height:27px;width:27px;border:0;border-radius:8px;background:color-mix(in srgb,var(--text) 12%,transparent);color:var(--text);font-size:19px;line-height:1;cursor:pointer;z-index:2}
.tb-search-clear[hidden]{display:none!important}
.tb-search-clear:hover,.tb-search-clear:focus-visible{background:color-mix(in srgb,var(--text) 20%,transparent)}
.tb-privacy-lock{min-width:30px;flex-shrink:0;font-size:15px}
.category.privacy-locked .tiles,.category.privacy-locked .grid-collapse{display:none!important}
.category.privacy-locked .ctitle{font-style:normal}
.tb-privacy-placeholder{margin:7px 10px 12px;padding:12px;width:calc(100% - 20px);display:block;border:1px dashed var(--line);border-radius:10px;color:var(--text);background:transparent;font-size:12px;text-align:center;cursor:pointer;opacity:.85}
.tb-privacy-placeholder:hover{opacity:1;background:color-mix(in srgb,var(--text) 6%,transparent)}
.privacy-veil{position:fixed;z-index:5000;inset:0;background:#050915d6;display:flex;align-items:center;justify-content:center;padding:18px}
.privacy-dialog{display:grid;gap:14px;width:min(430px,100%);max-height:85vh;overflow-y:auto;padding:24px;border-radius:19px;background:var(--surface);border:1px solid var(--line);color:var(--text);box-shadow:0 25px 80px #0009}
.privacy-dialog h2{font-size:20px;margin:0}
.privacy-dialog p{font-size:13px;line-height:1.55;margin:0;color:var(--muted)}
.privacy-dialog input{width:100%;padding:13px 14px;background:var(--surface);border:1px solid var(--line);border-radius:10px;color:var(--text);font-size:15px}
.privacy-dialog .privacy-dialog-error{color:#ef7777}
.privacy-dialog-actions{display:flex;justify-content:flex-end;gap:10px}
.privacy-dialog-actions button{padding:10px 16px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer}
.privacy-dialog-actions button[type=submit]{background:#3568d5;border-color:#3568d5;color:white}
@media(max-width:680px){.tb-search-clear{right:8px}}

/* V55: only one compact, anchored dropdown for all website sources. */
.smart-global-dropdown{z-index:180;max-height:min(490px,72vh);padding:12px}
.smart-global-dropdown .smart-live-top{margin:0 0 5px;align-items:center}
.smart-global-dropdown .smart-live-results{display:grid;gap:0}
.smart-global-dropdown .smart-live-row:first-child{border-top:0}
.smart-global-dropdown .smart-live-row{padding:9px 2px;min-height:63px}
.smart-global-dropdown .smart-live-info{gap:3px}
.smart-global-dropdown .smart-live-info small{font-size:11px;color:var(--muted);opacity:1}
.smart-global-dropdown .smart-live-source{font-size:10px;opacity:.7}
.smart-global-dropdown .smart-live-use{min-height:32px}
.smart-global-dropdown .smart-live-status{margin:5px 2px;font-size:11px}
.smart-global-manual{display:block;width:100%;min-height:35px;margin-top:8px;padding:7px 9px;
 border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--text);
 text-align:center;font:inherit;font-size:12px;cursor:pointer}
.smart-global-manual:hover,.smart-global-manual:focus-visible{background:color-mix(in srgb,var(--text) 8%,transparent)}

/* V56: premium controls stay visible in Free, but open the upgrade comparison. */
.tb-feature-gated{opacity:.43;filter:grayscale(.75)}
.tb-feature-gated button{cursor:pointer}
.tb-feature-gated button:hover,.tb-feature-gated button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.tb-category-inbox-help{font-size:11px;color:var(--muted);line-height:1.45;margin:6px 0 0}