/* v73 QR browse/preview and colorful mosaic directory */
.ntf-qr-shell[data-ntf-qr] .ntf-qr-types{grid-auto-flow:row dense;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
body .ntf-qr-shell[data-ntf-qr] button.ntf-qr-tile{position:relative!important;min-height:94px!important;border:1px solid #dfe5f1!important;border-top:3px solid var(--qr-accent,#7865eb)!important;background:linear-gradient(125deg,#fff 72%,var(--qr-soft,#f3edff))!important}
.ntf-qr-shell[data-ntf-qr] .ntf-qr-tile:nth-child(6n+1){--qr-accent:#6c56e9;--qr-soft:#eeeaff}.ntf-qr-shell[data-ntf-qr] .ntf-qr-tile:nth-child(6n+2){--qr-accent:#0fae9d;--qr-soft:#e0faf2}.ntf-qr-shell[data-ntf-qr] .ntf-qr-tile:nth-child(6n+3){--qr-accent:#f17d44;--qr-soft:#fff0e7}.ntf-qr-shell[data-ntf-qr] .ntf-qr-tile:nth-child(6n+4){--qr-accent:#ee5298;--qr-soft:#fff0f7}.ntf-qr-shell[data-ntf-qr] .ntf-qr-tile:nth-child(6n+5){--qr-accent:#357cd9;--qr-soft:#e9f3ff}.ntf-qr-shell[data-ntf-qr] .ntf-qr-tile:nth-child(6n){--qr-accent:#b4861d;--qr-soft:#fff8de}
.ntf-qr-shell[data-ntf-qr] .ntf-qr-tile-icon{background:var(--qr-soft,#eeeaff)!important;color:var(--qr-accent,#7651eb)!important}
body .ntf-qr-shell[data-ntf-qr] button.ntf-qr-tile.is-featured{grid-row:span 2;min-height:200px!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;padding:23px!important}
.ntf-qr-shell[data-ntf-qr] .ntf-qr-tile.is-featured .ntf-qr-tile-icon{width:54px!important;height:54px!important;flex:0 0 54px!important;font-size:28px!important}
.ntf-qr-shell[data-ntf-qr] .ntf-qr-file-preview{border:1px solid #dae3ef;padding:12px;border-radius:12px;background:#f8faff;color:#223652;display:grid;gap:10px;overflow:hidden}
.ntf-qr-shell[data-ntf-qr] .ntf-qr-file-preview[hidden]{display:none!important}
.ntf-qr-shell[data-ntf-qr] .ntf-qr-file-preview img{max-width:100%;max-height:250px;object-fit:contain;margin:auto}
.ntf-qr-shell[data-ntf-qr] .ntf-qr-file-preview iframe{display:block;width:100%;height:300px;background:#fff;border:0;border-radius:8px}
.ntf-qr-shell[data-ntf-qr] .ntf-qr-link-row{display:grid;grid-template-columns:1fr 1.3fr auto;gap:10px;align-items:end;border-bottom:1px solid #e5eaf3;padding:8px 0}
.ntf-qr-shell[data-ntf-qr] .ntf-qr-link-row .ntf-qr-field{margin:5px 0}.ntf-qr-shell[data-ntf-qr] .ntf-qr-link-row [data-qr-remove-link]{background:#fff0f2!important;color:#a62445!important;border:0!important;min-height:44px!important;padding:6px 12px!important;border-radius:9px!important}
.ntf-qr-shell[data-ntf-qr] .ntf-qr-add-link{background:#ede9ff!important;color:#5c41c9!important;border-radius:10px!important;padding:11px 16px!important;border:1px solid #cec5ff!important}
.ntf-qr-shell[data-ntf-qr] .ntf-qr-list-note{color:#50617d!important}
@media(max-width:900px){.ntf-qr-shell[data-ntf-qr] .ntf-qr-types{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.ntf-qr-shell[data-ntf-qr] .ntf-qr-types{grid-template-columns:repeat(2,minmax(0,1fr))}body .ntf-qr-shell[data-ntf-qr] button.ntf-qr-tile.is-featured{min-height:160px!important;padding:13px!important}.ntf-qr-shell[data-ntf-qr] .ntf-qr-link-row{grid-template-columns:1fr;gap:2px}.ntf-qr-shell[data-ntf-qr] .ntf-qr-link-row [data-qr-remove-link]{justify-self:end}}
@media(max-width:430px){body .ntf-qr-shell[data-ntf-qr] button.ntf-qr-tile.is-featured{min-height:150px!important}.ntf-qr-shell[data-ntf-qr] .ntf-qr-tile.is-featured .ntf-qr-tile-icon{width:40px!important;height:40px!important;flex-basis:40px!important;font-size:22px!important}}