/* ================================================================
   LICENSE PAGES — "Trading Desk Daylight"
   static/css/licenses.css — Scoped with .lc- prefix
   داخل .db-shell استفاده می‌شود (متغیرهای db- با fallback)
   ================================================================ */

/* ---------- License key hero ---------- */
.lc-key-card{
    position:relative;overflow:hidden;border-radius:20px;
    padding:clamp(24px,4vw,36px);text-align:center;color:#fff;margin-bottom:22px;
    background:
        radial-gradient(70% 90% at 50% 115%,rgba(34,211,238,.28),transparent 60%),
        radial-gradient(50% 70% at 50% -20%,rgba(96,165,250,.25),transparent 60%),
        linear-gradient(135deg,#0F2A5E 0%,#1D4ED8 60%,#0E7490 130%);
    box-shadow:0 26px 60px -26px rgba(29,78,216,.55);
}
.lc-key-card::before{
    content:"";position:absolute;inset:0;pointer-events:none;
    background-image:
        linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);
    background-size:44px 44px;
    -webkit-mask-image:radial-gradient(ellipse at 50% 50%,black 20%,transparent 72%);
    mask-image:radial-gradient(ellipse at 50% 50%,black 20%,transparent 72%);
}
.lc-key-label{
    position:relative;font-size:12.5px;letter-spacing:.14em;
    text-transform:uppercase;color:rgba(255,255,255,.78);font-weight:700;
}
.lc-key-box{
    position:relative;display:block;margin:14px auto 16px;max-width:640px;
    background:rgba(255,255,255,.97);color:#0F172A;
    border-radius:14px;padding:16px 20px;
    font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
    font-size:15px;font-weight:700;direction:ltr;
    word-break:break-all;letter-spacing:.5px;
    border:1px solid rgba(255,255,255,.4);
}
.lc-key-actions{position:relative}
.lc-copy-btn{
    padding:12px 28px;border-radius:12px;border:none;cursor:pointer;
    font-family:inherit;font-weight:700;font-size:14.5px;
    color:#04121F;background:linear-gradient(135deg,#22D3EE,#3B82F6);
    box-shadow:0 10px 26px -8px rgba(34,211,238,.5);
    transition:transform .25s,box-shadow .25s,background .25s;
}
.lc-copy-btn:hover{transform:translateY(-2px);box-shadow:0 16px 36px -10px rgba(34,211,238,.6)}
.lc-copy-btn.lc-copied{background:linear-gradient(135deg,#34D399,#059669);color:#fff}
.lc-key-hint{position:relative;margin-top:14px;font-size:12.5px;color:rgba(255,255,255,.65);line-height:1.8}

/* ---------- Info rows ---------- */
.lc-info-row{
    display:flex;justify-content:space-between;gap:14px;
    padding:12px 0;border-bottom:1px solid var(--db-border-soft,#EEF2F8);flex-wrap:wrap;
}
.lc-info-row:last-child{border-bottom:none}
.lc-info-row dt{color:var(--db-text-2,#64748B);font-weight:600;margin:0;font-size:13.5px}
.lc-info-row dd{margin:0;font-weight:700;font-size:14px}
.lc-mono{
    direction:ltr;font-variant-numeric:tabular-nums;unicode-bidi:embed;
    font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.92em;
}

/* ---------- Days pill ---------- */
.lc-days{
    display:inline-flex;align-items:center;gap:8px;
    padding:8px 18px;border-radius:99px;font-size:13px;font-weight:700;
    background:#EFF6FF;color:#1D4ED8;border:1px solid #BFDBFE;direction:ltr;
}

/* ---------- License list card ---------- */
.lc-card{
    display:flex;gap:18px;flex-wrap:wrap;
    background:#fff;border:1px solid var(--db-border,#E2E8F0);
    border-radius:18px;padding:20px 22px;
    box-shadow:var(--db-shadow,0 1px 2px rgba(15,23,42,.04),0 12px 28px -14px rgba(15,23,42,.10));
    transition:transform .3s,border-color .3s,box-shadow .3s;
}
.lc-card:hover{
    transform:translateY(-3px);border-color:#93C5FD;
    box-shadow:var(--db-shadow-lift,0 6px 14px rgba(15,23,42,.05),0 26px 54px -22px rgba(37,99,235,.22));
}
.lc-card-ico{
    width:56px;height:56px;border-radius:16px;display:grid;place-items:center;
    font-size:24px;color:#fff;background:linear-gradient(135deg,#0891B2,#2563EB);
    box-shadow:0 12px 26px -10px rgba(37,99,235,.5);flex-shrink:0;
}
.lc-card-main{flex:1;min-width:250px}
.lc-card-title{font-size:1.05rem;font-weight:700;margin:0}
.lc-card-rows{
    display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
    gap:12px 16px;margin-top:14px;
}
.lc-cell{display:flex;flex-direction:column;gap:3px;min-width:0}
.lc-cell-label{
    font-size:10.5px;color:var(--db-muted,#94A3B8);
    text-transform:uppercase;letter-spacing:.06em;font-weight:800;
}
.lc-cell-value{font-size:13.5px;font-weight:600;overflow-wrap:anywhere}
.lc-cell-value small{color:var(--db-muted,#94A3B8);font-weight:500}
.lc-card-side{
    display:flex;flex-direction:column;gap:10px;justify-content:center;min-width:170px;
}

/* ---------- Radio card groups (plans) ---------- */
.lc-plans{
    display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
    gap:12px;margin-bottom:20px;
}
.lc-plan{cursor:pointer;position:relative}
.lc-plan input{position:absolute;opacity:0;pointer-events:none}
.lc-plan-body{
    display:flex;flex-direction:column;gap:5px;padding:16px 18px;
    border:1.5px solid #E2E8F0;border-radius:14px;background:#fff;height:100%;
    transition:border-color .2s,background .2s,box-shadow .2s;
}
.lc-plan:hover .lc-plan-body{border-color:#93C5FD}
.lc-plan input:checked+.lc-plan-body{
    border-color:#2563EB;background:#F5F9FF;
    box-shadow:0 0 0 4px rgba(37,99,235,.10);
}
.lc-plan-name{font-weight:700;font-size:14.5px}
.lc-plan-price{font-size:1.15rem;font-weight:700;color:#1D4ED8;direction:ltr}
.lc-plan-dur{font-size:12px;color:var(--db-text-2,#64748B)}

/* ---------- Change type cards ---------- */
.lc-types{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}
.lc-type{cursor:pointer;position:relative}
.lc-type input{position:absolute;opacity:0;pointer-events:none}
.lc-type-body{
    display:flex;align-items:center;gap:12px;padding:14px 16px;
    border:1.5px solid #E2E8F0;border-radius:14px;background:#fff;
    font-size:14px;font-weight:700;transition:border-color .2s,background .2s,box-shadow .2s;
}
.lc-type:hover .lc-type-body{border-color:#93C5FD}
.lc-type input:checked+.lc-type-body{
    border-color:#2563EB;background:#F5F9FF;
    box-shadow:0 0 0 4px rgba(37,99,235,.10);
}
.lc-type-ico{font-size:19px}

/* ---------- Forms ---------- */
.lc-form label{display:block;margin-bottom:8px;font-weight:600;font-size:14px;color:var(--db-text,#0F172A)}
.lc-form input[type=text],.lc-form textarea{
    width:100%;padding:12px 14px;border:1px solid #CBD5E1;border-radius:10px;
    font-size:15px;font-family:inherit;color:var(--db-text,#0F172A);background:#fff;
    transition:border-color .2s,box-shadow .2s;
}
.lc-form input[type=text]:focus,.lc-form textarea:focus{
    outline:none;border-color:#2563EB;box-shadow:0 0 0 4px rgba(37,99,235,.12);
}
.lc-form textarea{resize:vertical;min-height:96px}
.lc-field{margin-bottom:16px}
.lc-note{margin-top:16px;font-size:12.5px;color:var(--db-muted,#94A3B8);line-height:1.8;margin-bottom:0}

/* ---------- Responsive ---------- */
@media (max-width:640px){
    .lc-types{grid-template-columns:1fr}
    .lc-card-side{width:100%;flex-direction:row;flex-wrap:wrap}
    .lc-card-side .db-btn{flex:1;min-width:140px}
    .lc-key-box{font-size:12.5px;padding:14px}
}