/* Paradizz URL Generator — Plugin Styles v2.0.0 */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;600;700;800&display=swap');

.pug-app {
    --pug-accent:    #04E55B;
    --pug-accent-d:  #03C44D;
    --pug-bg:        #ffffff;
    --pug-surface:   #F7F7F7;
    --pug-border:    #EBEBEB;
    --pug-border-h:  #B0B0B0;
    --pug-text:      #012910;
    --pug-muted:     #717171;
    --pug-muted-l:   #B0B0B0;
    --pug-danger:    #dc2626;
    --pug-danger-bg: #fef2f2;
    --pug-danger-b:  #fca5a5;
    --pug-info:      #185FA5;
    --pug-dsa:       #4f46e5;
    --pug-dsa-bg:    #eef2ff;
    --pug-dsa-b:     #a5b4fc;
    --pug-auto:      #d97706;
    --pug-auto-bg:   #fffbeb;
    --pug-auto-b:    #fcd34d;
    --pug-radius:    12px;
    --pug-font:      'Plus Jakarta Sans', -apple-system, sans-serif;

    font-family: var(--pug-font);
    color: var(--pug-text);
    background: var(--pug-bg);
    max-width: 960px;
    margin: 0 auto;
    padding: 24px;
    border: 1.5px solid var(--pug-border);
    border-radius: 16px;
    box-shadow: 0 2px 20px rgba(0,0,0,.06);
}

/* ── Header ── */
.pug-header { display:flex; align-items:center; gap:14px; margin-bottom:20px; padding-bottom:16px; border-bottom:1px solid var(--pug-border); }
.pug-header-icon { font-size:28px; line-height:1; }
.pug-title { font-size:18px!important; font-weight:800!important; letter-spacing:-.4px!important; color:var(--pug-text)!important; margin:0 0 3px!important; padding:0!important; border:none!important; }
.pug-subtitle { font-size:12px; color:var(--pug-muted); margin:0; }

/* ── Search ── */
.pug-search-row { display:flex; gap:8px; margin-bottom:10px; }
.pug-search-wrap { flex:1; display:flex; align-items:center; border:1.5px solid var(--pug-border); border-radius:999px; padding:0 4px 0 16px; background:var(--pug-bg); gap:6px; transition:border-color .2s,box-shadow .2s; }
.pug-search-wrap:focus-within { border-color:var(--pug-border-h); box-shadow:0 2px 12px rgba(0,0,0,.08); }
.pug-search-icon { width:15px; height:15px; color:var(--pug-muted); flex-shrink:0; }
.pug-search-input { flex:1; border:none!important; outline:none!important; box-shadow:none!important; background:transparent!important; font-size:13.5px!important; font-weight:600!important; font-family:var(--pug-font)!important; color:var(--pug-text)!important; padding:10px 0!important; min-width:0; }
.pug-search-input::placeholder { color:var(--pug-muted); font-weight:500; }
.pug-search-clear { background:none; border:none; color:var(--pug-muted-l); cursor:pointer; font-size:12px; padding:4px 8px; border-radius:999px; transition:all .15s; display:none; }
.pug-search-clear:hover { background:var(--pug-surface); color:var(--pug-text); }
.pug-search-clear.visible { display:block; }

/* ── Buttons ── */
.pug-btn { display:inline-flex; align-items:center; gap:6px; border:1.5px solid var(--pug-border); border-radius:999px; padding:0 16px; height:40px; font-size:12.5px; font-weight:700; font-family:var(--pug-font); cursor:pointer; background:var(--pug-bg); color:var(--pug-text); transition:all .15s; white-space:nowrap; text-decoration:none; }
.pug-btn:hover { background:var(--pug-surface); border-color:var(--pug-border-h); }
.pug-btn:active { transform:scale(.97); }
.pug-btn svg { width:13px; height:13px; flex-shrink:0; }
.pug-btn--sm { height:34px; font-size:12px; padding:0 14px; }

.pug-btn--primary { background:var(--pug-accent); border-color:var(--pug-accent); color:#012910; }
.pug-btn--primary:hover { background:var(--pug-accent-d); border-color:var(--pug-accent-d); }
.pug-btn--primary svg { stroke:#012910; }

.pug-btn--ghost { background:var(--pug-surface); border-color:var(--pug-border); }
.pug-btn--ghost:hover { border-color:var(--pug-border-h); }

.pug-btn--danger { border-color:var(--pug-danger-b); color:var(--pug-danger); }
.pug-btn--danger:hover { background:var(--pug-danger-bg); border-color:var(--pug-danger); }

.pug-btn--autoload { background:var(--pug-auto-bg); border-color:var(--pug-auto-b); color:var(--pug-auto); font-weight:800; }
.pug-btn--autoload:hover { background:#fef3c7; border-color:var(--pug-auto); }
.pug-btn--autoload svg { stroke:var(--pug-auto); }
.pug-btn--autoload.running { animation:pugPulse 1.4s ease-in-out infinite; }
@keyframes pugPulse { 0%,100%{opacity:1} 50%{opacity:.65} }
.pug-btn--autoload.running svg { animation:pugSpin .9s linear infinite; }

.pug-btn--dsa { background:var(--pug-dsa-bg); border-color:var(--pug-dsa-b); color:var(--pug-dsa); }
.pug-btn--dsa:hover { background:#e0e7ff; border-color:var(--pug-dsa); }
.pug-btn--dsa svg { stroke:var(--pug-dsa); }

/* ── Suggestions ── */
.pug-sug-box { display:none; background:var(--pug-bg); border:1.5px solid var(--pug-border); border-radius:14px; box-shadow:0 8px 32px rgba(0,0,0,.12); overflow:hidden; margin-bottom:10px; }
.pug-sug-box.open { display:block; }
.pug-sug-item { display:flex; align-items:center; gap:10px; padding:10px 16px; cursor:pointer; transition:background .1s; font-size:13px; border-bottom:1px solid var(--pug-border); }
.pug-sug-item:last-child { border-bottom:none; }
.pug-sug-item:hover { background:#EDFFF4; }
.pug-sug-ico { width:32px; height:32px; border-radius:50%; background:#EDFFF4; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.pug-sug-name { font-weight:700; font-size:13px; }
.pug-sug-name em { font-style:normal; color:var(--pug-accent-d); }
.pug-sug-sub { font-size:11px; color:var(--pug-muted); }
.pug-sug-badge { margin-left:auto; font-size:10px; font-weight:700; padding:3px 8px; border-radius:6px; background:#EDFFF4; color:#012910; white-space:nowrap; flex-shrink:0; }
.pug-sug-msg { padding:16px; text-align:center; font-size:12px; color:var(--pug-muted); display:flex; align-items:center; justify-content:center; gap:8px; }

/* ── Dest banner ── */
.pug-dest-banner { display:flex; align-items:center; justify-content:space-between; background:#EDFFF4; border:1.5px solid rgba(4,229,91,.3); border-radius:10px; padding:10px 16px; margin-bottom:12px; gap:8px; }
.pug-dest-banner__name { font-size:13.5px; font-weight:800; display:block; }
.pug-dest-banner__sub  { font-size:11px; color:var(--pug-muted); }
.pug-dest-banner__count { font-size:12px; color:var(--pug-accent-d); font-weight:700; white-space:nowrap; flex-shrink:0; }

/* ── Progress ── */
.pug-progress { margin-bottom:12px; }
.pug-progress__labels { display:flex; justify-content:space-between; font-size:11px; color:var(--pug-muted); margin-bottom:5px; font-weight:600; }
.pug-progress__track { height:6px; background:var(--pug-border); border-radius:999px; overflow:hidden; }
.pug-progress__fill { height:100%; background:var(--pug-accent); border-radius:999px; transition:width .35s ease; width:0%; }
.pug-progress__sub { font-size:10px; color:var(--pug-muted-l); margin-top:4px; text-align:center; }

/* ── Stats ── */
.pug-stats { display:flex; gap:8px; margin-bottom:12px; flex-wrap:wrap; }
.pug-stat { flex:1; min-width:80px; background:var(--pug-surface); border-radius:10px; padding:10px 14px; }
.pug-stat__val { display:block; font-size:20px; font-weight:800; color:var(--pug-text); letter-spacing:-.5px; }
.pug-stat__val--green { color:var(--pug-accent-d); }
.pug-stat__lbl { display:block; font-size:10px; color:var(--pug-muted); font-weight:600; margin-top:2px; text-transform:uppercase; letter-spacing:.3px; }

/* ── Filters ── */
.pug-filters { background:var(--pug-surface); border:1.5px solid var(--pug-border); border-radius:12px; padding:14px 16px; margin-bottom:12px; }
.pug-filters__title { font-size:11px; font-weight:800; color:var(--pug-muted); text-transform:uppercase; letter-spacing:.6px; display:flex; align-items:center; gap:6px; margin-bottom:14px; }
.pug-filters__title svg { stroke:var(--pug-muted); }
.pug-filters__grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:14px; align-items:end; }

.pug-filter-group { display:flex; flex-direction:column; gap:6px; }
.pug-filter-group--actions { display:flex; flex-direction:row; gap:8px; align-items:flex-end; justify-content:flex-end; }
.pug-filter-label { font-size:11px; font-weight:700; color:var(--pug-text); }

.pug-range-row { display:flex; align-items:center; gap:8px; }
.pug-range { flex:1; accent-color:var(--pug-accent); cursor:pointer; height:4px; }
.pug-range-val { font-size:12px; font-weight:800; color:var(--pug-text); min-width:40px; text-align:right; white-space:nowrap; }

.pug-select { width:100%; border:1.5px solid var(--pug-border)!important; border-radius:8px!important; padding:7px 10px!important; font-size:12px!important; font-weight:600!important; font-family:var(--pug-font)!important; color:var(--pug-text)!important; background:var(--pug-bg)!important; cursor:pointer; transition:border-color .15s!important; outline:none!important; }
.pug-select:focus { border-color:var(--pug-accent)!important; }

/* ── Actions ── */
.pug-actions { display:flex; gap:8px; margin-bottom:14px; flex-wrap:wrap; }

/* ── List ── */
.pug-list-wrap { border:1.5px solid var(--pug-border); border-radius:var(--pug-radius); overflow:hidden; }
.pug-list-header { display:flex; align-items:center; justify-content:space-between; padding:10px 16px; border-bottom:1px solid var(--pug-border); background:var(--pug-bg); gap:12px; }
.pug-list-header__left { display:flex; align-items:center; gap:10px; }
.pug-list-header__label { font-size:11px; font-weight:800; color:var(--pug-muted); text-transform:uppercase; letter-spacing:.5px; }
.pug-list-header__count { font-size:11px; font-weight:700; background:#EDFFF4; color:#012910; padding:3px 9px; border-radius:999px; }
.pug-list-filter { border:1.5px solid var(--pug-border)!important; border-radius:999px!important; padding:5px 12px!important; font-size:12px!important; font-family:var(--pug-font)!important; outline:none!important; box-shadow:none!important; background:var(--pug-surface)!important; color:var(--pug-text)!important; width:180px!important; transition:border-color .15s!important; }
.pug-list-filter:focus { border-color:var(--pug-border-h)!important; }

.pug-list { max-height:440px; overflow-y:auto; background:var(--pug-surface); }
.pug-list-item { display:flex; align-items:center; gap:10px; padding:8px 16px; border-bottom:1px solid var(--pug-border); background:var(--pug-bg); transition:background .1s; }
.pug-list-item:last-child { border-bottom:none; }
.pug-list-item:hover { background:#EDFFF4; }
.pug-list-item__num { font-size:10px; color:var(--pug-muted-l); font-weight:700; min-width:26px; text-align:right; flex-shrink:0; }
.pug-list-item__info { flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
.pug-list-item__name { font-size:12px; font-weight:700; color:var(--pug-text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.pug-list-item__url  { font-size:11px; color:var(--pug-info); font-family:monospace; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.pug-list-item__badges { display:flex; align-items:center; gap:6px; flex-shrink:0; }
.pug-badge { font-size:10px; font-weight:700; padding:2px 7px; border-radius:999px; white-space:nowrap; }
.pug-badge--price  { background:#EDFFF4; color:#015c22; }
.pug-badge--rating { background:#fffbeb; color:#92400e; }
.pug-badge--reviews{ background:#eff6ff; color:#1e40af; }
.pug-list-item__copy { background:none; border:1.5px solid var(--pug-border); border-radius:6px; cursor:pointer; color:var(--pug-muted); padding:3px 7px; font-size:11px; font-family:var(--pug-font); flex-shrink:0; transition:all .15s; }
.pug-list-item__copy:hover { border-color:var(--pug-accent); color:#012910; background:#EDFFF4; }

/* ── Empty / loading ── */
.pug-empty { text-align:center; padding:50px 20px; color:var(--pug-muted); }
.pug-empty__icon { font-size:36px; margin-bottom:10px; }
.pug-empty p { font-size:13px; font-weight:600; margin-bottom:6px; }
.pug-empty small { font-size:11px; color:var(--pug-muted-l); }
.pug-empty code { background:var(--pug-surface); padding:2px 6px; border-radius:4px; font-size:11px; }
.pug-loading-row { display:flex; align-items:center; justify-content:center; gap:10px; padding:40px; color:var(--pug-muted); font-size:13px; background:var(--pug-bg); }

/* ── Spinner ── */
.pug-spinner { display:inline-block; width:18px; height:18px; border:2.5px solid var(--pug-border); border-top-color:var(--pug-accent); border-radius:50%; animation:pugSpin .7s linear infinite; flex-shrink:0; }
@keyframes pugSpin { to { transform:rotate(360deg); } }

/* ── Toast ── */
.pug-toast { position:fixed; bottom:24px; right:24px; background:#012910; color:#04E55B; font-size:13px; font-weight:700; font-family:var(--pug-font); padding:10px 20px; border-radius:999px; box-shadow:0 4px 20px rgba(0,0,0,.2); transform:translateY(70px); opacity:0; transition:all .3s cubic-bezier(.34,1.56,.64,1); z-index:999999; pointer-events:none; }
.pug-toast.show { transform:translateY(0); opacity:1; }

/* ── Responsive ── */
@media (max-width: 640px) {
    .pug-app { padding:16px; }
    .pug-stats { gap:6px; }
    .pug-stat { min-width:70px; padding:8px 10px; }
    .pug-stat__val { font-size:16px; }
    .pug-filters__grid { grid-template-columns:1fr 1fr; }
    .pug-actions { gap:6px; }
    .pug-btn { padding:0 12px; }
    .pug-list-filter { width:120px!important; }
    .pug-list-header { flex-direction:column; align-items:flex-start; gap:8px; }
    .pug-list-filter { width:100%!important; }
    .pug-search-row { flex-direction:column; }
    .pug-btn--autoload,.pug-btn--primary { width:100%; justify-content:center; }
}