:root{--bg:#090b10;--panel:#11141c;--panel2:#171b26;--text:#f4f6fb;--muted:#939bad;--line:#242a38;--accent:#7c5cff;--success:#37d67a;--danger:#ff5e70}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 15% -10%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 32%),var(--bg);color:var(--text);font:15px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:0 24px;border-bottom:1px solid transparent}.brand{font-weight:850;font-size:21px;letter-spacing:-.5px}.topbar nav{display:flex;align-items:center;gap:20px;color:#c6ccda}.shell{max-width:1180px;margin:0 auto;padding:50px 24px 80px}.hero{min-height:580px;display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center}.hero h1{font-size:clamp(48px,7vw,86px);line-height:.96;letter-spacing:-4px;margin:12px 0 24px;max-width:780px}.hero p,.page-head p{color:var(--muted);font-size:18px;max-width:650px}.eyebrow{color:color-mix(in srgb,var(--accent) 80%,white);font-size:12px;font-weight:800;letter-spacing:2px}.actions{display:flex;gap:12px;margin-top:28px}.button{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:10px;padding:12px 18px;background:var(--accent);color:#fff;font:inherit;font-weight:750;cursor:pointer;transition:.2s transform,.2s filter}.button:hover{transform:translateY(-1px);filter:brightness(1.08)}.button.small{padding:8px 13px}.button.ghost{background:transparent;border:1px solid var(--line)}.hero-card,.license-card,.panel,.features article,.stats article,.admin-links a{background:linear-gradient(145deg,color-mix(in srgb,var(--panel2) 94%,var(--accent)),var(--panel));border:1px solid var(--line);border-radius:18px;box-shadow:0 25px 80px rgba(0,0,0,.25)}.hero-card{padding:28px;transform:rotate(1deg)}.hero-card code,.license-card>code{display:block;margin:18px 0;padding:12px;border-radius:9px;background:#090b10;border:1px solid var(--line);overflow:auto}.status-dot{width:10px;height:10px;border-radius:50%;display:inline-block;background:var(--success);box-shadow:0 0 18px var(--success);margin-right:8px}.hero-card dl{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hero-card dt{color:var(--muted)}.hero-card dd{text-align:right;margin:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.features article,.admin-links a{padding:24px}.features p,.admin-links p{color:var(--muted)}footer{max-width:1180px;margin:auto;padding:30px 24px;color:var(--muted);border-top:1px solid var(--line)}.auth-card{max-width:470px;margin:70px auto;background:var(--panel);border:1px solid var(--line);padding:34px;border-radius:20px}.auth-card h1{font-size:36px;margin:0}.auth-card p{color:var(--muted)}label{display:flex;flex-direction:column;gap:7px;color:#cfd5e0;font-weight:650;margin-top:15px}input,select,textarea{width:100%;background:#0b0e14;color:#fff;border:1px solid var(--line);border-radius:9px;padding:11px 12px;font:inherit;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}textarea{min-height:95px;resize:vertical}.auth-card .button{width:100%;margin-top:22px}.flash{padding:13px 16px;border:1px solid var(--line);border-radius:10px;margin-bottom:18px}.flash.success{border-color:#245d3c;background:#10291c}.flash.error{border-color:#63313a;background:#2b1318}.page-head{margin-bottom:28px}.page-head h1{font-size:42px;letter-spacing:-1.5px;margin:4px 0}.license-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.license-card{padding:24px}.license-top{display:flex;justify-content:space-between;gap:20px}.license-top h3{margin:0 0 8px}.copy,.link-button,.actions-row button{background:transparent;border:1px solid var(--line);border-radius:8px;color:#ccd2de;padding:7px 10px;cursor:pointer}.badge{display:inline-flex;padding:3px 8px;border-radius:999px;background:#242a35;color:#d9deea;font-size:12px}.badge.active{background:#113823;color:#68e99d}.badge.revoked,.badge.disabled,.badge.expired{background:#3b171d;color:#ff8996}.badge.suspended{background:#3b3115;color:#ffd86b}.meta{display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.meta b{color:#fff}.activation-list{border-top:1px solid var(--line);margin-top:18px;padding-top:12px}.activation-list div{padding:8px 0}.activation-list small,td small{display:block;color:var(--muted)}.empty{grid-column:1/-1;padding:40px;text-align:center;border:1px dashed var(--line);border-radius:15px;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:28px}.stats article{padding:22px}.stats strong{display:block;font-size:34px}.stats span{color:var(--muted)}.admin-links{grid-template-columns:repeat(2,1fr)}.admin-links a{transition:.2s transform,.2s border}.admin-links a:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 60%,var(--line))}.panel{padding:22px;margin-bottom:20px}.inline-form{display:grid;grid-template-columns:2fr 1.5fr 1fr auto;gap:10px}.inline-form input{margin:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:750px}th,td{text-align:left;padding:13px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.8px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 16px}.form-grid .wide{grid-column:1/-1}.form-grid>.button{margin-top:18px;width:max-content}.actions-row{display:flex;gap:5px;flex-wrap:wrap}.docs{max-width:900px}.docs pre{overflow:auto;background:#090b10;border:1px solid var(--line);padding:18px;border-radius:12px;color:#d6dcff}.muted{color:var(--muted)}@media(max-width:800px){.hero{grid-template-columns:1fr;gap:20px;min-height:auto}.hero h1{letter-spacing:-2px}.hero-card{transform:none}.grid,.license-grid,.stats,.form-grid{grid-template-columns:1fr}.inline-form{grid-template-columns:1fr}.admin-links{grid-template-columns:1fr}.topbar nav a:not(.button){display:none}.shell{padding-top:30px}.stats{grid-template-columns:repeat(2,1fr)}}
.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:22px}.product-card{background:linear-gradient(145deg,color-mix(in srgb,var(--panel2) 94%,var(--accent)),var(--panel));border:1px solid var(--line);border-radius:18px;padding:24px}.product-card h3{font-size:24px;margin:5px 0}.card-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:18px}.card-actions form{margin:0}.button.danger{background:#a93143}.button:disabled{opacity:.5;cursor:not-allowed;transform:none;filter:none}.badge.pending{background:#322a14;color:#ffd76c}.badge.approved{background:#113823;color:#68e99d}.badge.rejected,.badge.cancelled{background:#3b171d;color:#ff8996}.binding-note{margin:18px 0 0}.decision-form{min-width:260px}.decision-form input{margin-bottom:8px}.docs-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:24px;align-items:start}.docs-nav{position:sticky;top:24px;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:10px}.docs-nav a{padding:9px 10px;border-radius:8px;color:var(--muted)}.docs-nav a:hover{background:var(--panel2);color:#fff}.docs h2{font-size:28px;margin-top:0}.docs ol{padding-left:20px}.callout{display:flex;gap:12px;padding:16px;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line));background:color-mix(in srgb,var(--accent) 8%,var(--panel));border-radius:12px}.callout span{color:var(--muted)}.steps{display:grid;gap:10px;margin:16px 0}.steps div{display:flex;align-items:center;gap:12px;padding:12px;background:#0b0e14;border:1px solid var(--line);border-radius:10px}.steps b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--accent)}.stats-five{grid-template-columns:repeat(5,1fr)}@media(max-width:800px){.product-grid,.docs-layout{grid-template-columns:1fr}.docs-nav{position:static;flex-direction:row;overflow:auto}.stats-five{grid-template-columns:repeat(2,1fr)}}

.check-grid{display:grid;gap:.55rem;margin:1rem 0}.check{display:flex!important;gap:.55rem;align-items:center}.check input{width:auto}.product-card hr{border:0;border-top:1px solid var(--border,#2a2f40);margin:1.25rem 0}

.nav-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--accent);color:white;font-size:11px}.unread-note{border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 45%,transparent)}textarea{width:100%;box-sizing:border-box}.stack{display:grid;gap:14px}.inline-form{display:flex;gap:8px;align-items:center}.callout code{display:block;white-space:pre-wrap;margin-top:12px}.badge.revoked{background:#5f2630;color:#ffd8de}


/* LicenseHub v7.2 — public license verification */
.verify-hero{max-width:760px;margin:2rem auto 1.5rem;text-align:center}
.verify-hero h1{margin:.4rem 0 .75rem;font-size:clamp(2rem,5vw,3.4rem)}
.verify-hero p{color:var(--muted);line-height:1.7}
.verify-panel{max-width:860px;margin:0 auto 1.5rem}
.verify-form{display:grid;gap:.75rem}
.verify-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;margin-top:.45rem}
.verify-input-row input{width:100%}
.verify-form small{color:var(--muted)}
.verify-result{display:flex;gap:1rem;align-items:center;margin-top:1.25rem;padding:1rem 1.1rem;border-radius:16px;border:1px solid var(--border);background:rgba(255,255,255,.025)}
.verify-result>div:last-child{display:grid;gap:.2rem}
.verify-result span{color:var(--muted)}
.verify-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:1.2rem;flex:0 0 42px}
.verify-valid{border-color:rgba(55,211,153,.35);background:rgba(55,211,153,.08)}
.verify-valid .verify-icon{background:rgba(55,211,153,.18);color:#67e6b7}
.verify-invalid{border-color:rgba(255,107,129,.35);background:rgba(255,107,129,.08)}
.verify-invalid .verify-icon{background:rgba(255,107,129,.18);color:#ff8ca0}
.verify-neutral .verify-icon{background:rgba(255,255,255,.08)}
.verify-products{display:grid;gap:.65rem;margin-top:1rem}
.verify-product{display:flex;gap:.8rem;align-items:center;padding:.85rem 1rem;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.02)}
.verify-product>div{display:grid;gap:.15rem}
.verify-product small{color:var(--muted)}
.verify-warning{margin-top:1rem;padding:1rem;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.02)}
.verify-warning p{color:var(--muted);line-height:1.6}
.verify-info{max-width:1080px;margin:1.5rem auto}
@media(max-width:680px){.verify-input-row{grid-template-columns:1fr}.verify-input-row .button{width:100%}}

/* LicenseHub v7.2.2 — fixed desktop dropdown + mobile hamburger navigation */
.topbar{
    height:72px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    max-width:1180px;
    margin:0 auto;
    padding:0 24px;
    position:relative;
    z-index:1000;
}
.brand{
    flex:0 0 auto;
}
.mobile-nav-toggle{
    display:none;
}
.topbar .primary-nav{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:20px;
    color:#c6ccda;
}
.topbar .primary-nav > a{
    display:inline-flex;
    align-items:center;
    white-space:nowrap;
}
.nav-dropdown{
    position:relative;
    display:flex;
    align-items:center;
}
.nav-dropdown-toggle{
    display:inline-flex;
    align-items:center;
    gap:6px;
    border:0;
    padding:8px 0;
    background:transparent;
    color:#c6ccda;
    font:inherit;
    cursor:pointer;
    white-space:nowrap;
}
.nav-dropdown-toggle:hover,
.nav-dropdown:focus-within .nav-dropdown-toggle{
    color:#fff;
}
.nav-chevron{
    font-size:11px;
    line-height:1;
    transition:transform .18s ease;
}

/* Hidden by default. It only appears on hover/focus/click. */
.topbar .nav-dropdown-menu{
    display:none;
    position:absolute;
    top:100%;
    right:0;
    min-width:270px;
    padding:8px;
    margin-top:8px;
    border:1px solid var(--line);
    border-radius:12px;
    background:#11141c;
    box-shadow:0 20px 60px rgba(0,0,0,.5);
    z-index:2000;
}
.topbar .nav-dropdown:hover > .nav-dropdown-menu,
.topbar .nav-dropdown:focus-within > .nav-dropdown-menu,
.topbar .nav-dropdown.open > .nav-dropdown-menu{
    display:block;
}
.topbar .nav-dropdown:hover .nav-chevron,
.topbar .nav-dropdown:focus-within .nav-chevron,
.topbar .nav-dropdown.open .nav-chevron{
    transform:rotate(180deg);
}
.topbar .nav-dropdown-menu > a{
    display:flex;
    flex-direction:column;
    gap:2px;
    width:100%;
    padding:10px 12px;
    border-radius:8px;
    color:#f4f6fb;
}
.topbar .nav-dropdown-menu > a:hover{
    background:var(--panel2);
}
.topbar .nav-dropdown-menu small{
    display:block;
    color:var(--muted);
    font-size:12px;
    font-weight:500;
}
.mobile-nav-backdrop{
    display:none;
}

/* Standard vertical mobile menu */
@media (max-width:800px){
    .topbar{
        height:54px;
        max-width:none;
        width:100%;
        padding:0 16px;
        margin:0;
        border-bottom:1px solid var(--line);
        background:#0d1017;
        position:sticky;
        top:0;
        z-index:3000;
    }

    .brand{
        font-size:18px;
        position:relative;
        z-index:3002;
    }

    .mobile-nav-toggle{
        display:flex;
        width:46px;
        height:54px;
        align-items:center;
        justify-content:center;
        flex-direction:column;
        gap:5px;
        border:0;
        border-left:1px solid var(--line);
        border-radius:0;
        margin-right:-16px;
        background:#090b10;
        cursor:pointer;
        position:relative;
        z-index:3002;
    }
    .mobile-nav-toggle span{
        display:block;
        width:18px;
        height:2px;
        margin:0;
        border-radius:20px;
        background:#fff;
        transition:transform .2s ease,opacity .2s ease;
    }
    .mobile-nav-toggle[aria-expanded="true"] span:nth-child(1){
        transform:translateY(7px) rotate(45deg);
    }
    .mobile-nav-toggle[aria-expanded="true"] span:nth-child(2){
        opacity:0;
    }
    .mobile-nav-toggle[aria-expanded="true"] span:nth-child(3){
        transform:translateY(-7px) rotate(-45deg);
    }

    .topbar .primary-nav{
        display:none;
        position:fixed;
        top:54px;
        left:0;
        right:0;
        width:100%;
        padding:8px 12px 14px;
        flex-direction:column;
        align-items:stretch;
        gap:2px;
        background:#0d1017;
        border-bottom:1px solid var(--line);
        box-shadow:0 16px 34px rgba(0,0,0,.45);
        z-index:3001;
    }
    body.nav-open .topbar .primary-nav{
        display:flex;
    }

    /* Override the original stylesheet rule that hides nav links on mobile. */
    .topbar .primary-nav > a,
    .topbar .primary-nav > a:not(.button){
        display:flex !important;
        width:100%;
        min-height:44px;
        padding:10px 12px;
        align-items:center;
        border-radius:8px;
        color:#d8dde8;
    }
    .topbar .primary-nav > a:hover{
        background:var(--panel2);
        color:#fff;
    }
    .topbar .primary-nav .button.small{
        justify-content:flex-start;
        margin-top:2px;
    }

    .topbar .nav-dropdown{
        width:100%;
        display:block;
    }
    .topbar .nav-dropdown-toggle{
        width:100%;
        min-height:44px;
        padding:10px 12px;
        justify-content:space-between;
        border-radius:8px;
    }
    .topbar .nav-dropdown-toggle:hover,
    .topbar .nav-dropdown.open .nav-dropdown-toggle{
        background:var(--panel2);
    }

    /* Mobile submenu stays closed until License Tools is tapped. */
    .topbar .nav-dropdown-menu,
    .topbar .nav-dropdown:hover > .nav-dropdown-menu,
    .topbar .nav-dropdown:focus-within > .nav-dropdown-menu{
        display:none;
        position:static;
        min-width:0;
        width:100%;
        margin:2px 0 4px;
        padding:4px;
        border-radius:8px;
        box-shadow:none;
        background:#090b10;
    }
    .topbar .nav-dropdown.open > .nav-dropdown-menu{
        display:block;
    }
    .topbar .nav-dropdown-menu > a{
        padding:10px 14px 10px 20px;
    }

    .mobile-nav-backdrop:not([hidden]){
        display:block;
        position:fixed;
        inset:54px 0 0;
        z-index:2999;
        background:rgba(0,0,0,.55);
    }
    body.nav-open{
        overflow:hidden;
    }
}


/* LicenseHub v7.2.4 — complete responsive pass */
html, body{
    max-width:100%;
    overflow-x:hidden;
}
img, svg, video, canvas{
    max-width:100%;
    height:auto;
}
pre, code{
    max-width:100%;
    overflow-wrap:anywhere;
    word-break:break-word;
}
input, select, textarea, button{
    max-width:100%;
}
.panel, .product-card, .license-card, .auth-card, .hero-card, .docs{
    min-width:0;
}
.table-wrap{
    width:100%;
    max-width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
}
.table-wrap table{
    width:100%;
}
.actions,
.actions-row,
.card-actions,
.meta,
.license-top,
.page-head{
    min-width:0;
}

/* Keep desktop navigation comfortable before switching to the hamburger. */
@media (max-width:1040px){
    .topbar{
        padding-left:18px;
        padding-right:18px;
    }
    .topbar .primary-nav{
        gap:13px;
        font-size:14px;
    }
}

/* Tablet/mobile navigation breakpoint */
@media (max-width:960px){
    .topbar{
        height:54px;
        max-width:none;
        width:100%;
        padding:0 16px;
        margin:0;
        border-bottom:1px solid var(--line);
        background:#0d1017;
        position:sticky;
        top:0;
        z-index:3000;
    }
    .brand{
        font-size:18px;
        position:relative;
        z-index:3002;
    }
    .mobile-nav-toggle{
        display:flex !important;
        width:46px;
        height:54px;
        align-items:center;
        justify-content:center;
        flex-direction:column;
        gap:5px;
        border:0;
        border-left:1px solid var(--line);
        border-radius:0;
        margin-right:-16px;
        background:#090b10;
        cursor:pointer;
        position:relative;
        z-index:3002;
    }
    .mobile-nav-toggle span{
        display:block;
        width:18px;
        height:2px;
        margin:0;
        border-radius:20px;
        background:#fff;
    }

    .topbar .primary-nav{
        display:none !important;
        position:fixed;
        top:54px;
        left:0;
        right:0;
        bottom:auto;
        width:100%;
        max-height:calc(100vh - 54px);
        padding:8px 12px 14px;
        flex-direction:column;
        align-items:stretch;
        justify-content:flex-start;
        gap:2px;
        overflow-y:auto;
        background:#0d1017;
        border-bottom:1px solid var(--line);
        box-shadow:0 16px 34px rgba(0,0,0,.45);
        transform:none;
        z-index:3001;
    }
    body.nav-open .topbar .primary-nav{
        display:flex !important;
    }

    .topbar .primary-nav > a,
    .topbar .primary-nav > a:not(.button){
        display:flex !important;
        width:100%;
        min-height:44px;
        padding:10px 12px;
        align-items:center;
        justify-content:flex-start;
        border-radius:8px;
        color:#d8dde8;
    }
    .topbar .primary-nav > a:hover{
        background:var(--panel2);
        color:#fff;
    }
    .topbar .primary-nav .button.small{
        display:flex !important;
        width:100%;
        justify-content:flex-start;
        margin-top:2px;
    }

    .topbar .nav-dropdown{
        width:100%;
        display:block;
    }
    .topbar .nav-dropdown-toggle{
        width:100%;
        min-height:44px;
        padding:10px 12px;
        justify-content:space-between;
        border-radius:8px;
    }
    .topbar .nav-dropdown-toggle:hover,
    .topbar .nav-dropdown.open .nav-dropdown-toggle{
        background:var(--panel2);
    }

    /* Explicitly override the original mobile selector hiding all nav anchors. */
    .topbar .nav-dropdown-menu,
    .topbar .nav-dropdown:hover > .nav-dropdown-menu,
    .topbar .nav-dropdown:focus-within > .nav-dropdown-menu{
        display:none !important;
        position:static;
        width:100%;
        min-width:0;
        margin:2px 0 4px;
        padding:4px;
        opacity:1;
        visibility:visible;
        transform:none;
        border-radius:8px;
        box-shadow:none;
        background:#090b10;
    }
    .topbar .nav-dropdown.open > .nav-dropdown-menu{
        display:block !important;
    }
    .topbar .nav-dropdown-menu > a,
    .topbar nav .nav-dropdown-menu > a:not(.button){
        display:flex !important;
        flex-direction:column;
        align-items:flex-start;
        width:100%;
        min-height:44px;
        padding:10px 14px 10px 20px;
        border-radius:8px;
        color:#f4f6fb;
    }
    .topbar .nav-dropdown-menu > a:hover{
        background:var(--panel2);
    }
    .topbar .nav-dropdown-menu small{
        display:block !important;
        width:100%;
    }

    .mobile-nav-backdrop:not([hidden]){
        display:block;
        position:fixed;
        inset:54px 0 0;
        z-index:2999;
        background:rgba(0,0,0,.55);
    }
    body.nav-open{
        overflow:hidden;
    }
}

/* General tablet/mobile layout */
@media (max-width:800px){
    .shell{
        width:100%;
        max-width:100%;
        padding:28px 16px 56px;
    }
    footer{
        width:100%;
        max-width:100%;
        padding:24px 16px;
    }

    .hero{
        grid-template-columns:1fr !important;
        gap:24px;
        min-height:auto;
    }
    .hero h1{
        font-size:clamp(38px,11vw,58px);
        line-height:1;
        letter-spacing:-2px;
    }
    .hero p,
    .page-head p{
        font-size:16px;
    }
    .hero-card{
        transform:none;
    }

    .grid,
    .license-grid,
    .product-grid,
    .form-grid,
    .docs-layout{
        grid-template-columns:1fr !important;
    }
    .stats,
    .stats-five{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
    .admin-links{
        grid-template-columns:1fr !important;
    }

    .docs-nav{
        position:static;
        width:100%;
        display:flex;
        flex-direction:row;
        gap:4px;
        overflow-x:auto;
        -webkit-overflow-scrolling:touch;
        white-space:nowrap;
    }
    .docs-nav a{
        flex:0 0 auto;
    }

    .page-head,
    .license-top,
    .meta{
        flex-direction:column;
        align-items:flex-start !important;
        gap:10px;
    }
    .page-head{
        display:flex;
    }
    .actions,
    .actions-row,
    .card-actions{
        width:100%;
        flex-wrap:wrap;
    }
    .actions .button,
    .actions-row .button,
    .card-actions .button{
        max-width:100%;
    }

    .inline-form{
        grid-template-columns:1fr !important;
        display:grid !important;
        gap:10px;
    }
    .inline-form > *{
        width:100% !important;
    }

    .auth-card{
        width:100%;
        max-width:100%;
        margin:28px auto;
        padding:24px 18px;
    }
    .auth-card h1{
        font-size:30px;
    }
    .panel,
    .product-card,
    .license-card,
    .features article,
    .admin-links a{
        padding:18px;
    }
    .decision-form{
        min-width:0 !important;
        width:100%;
    }

    .verify-hero{
        margin-top:1rem;
        text-align:left;
    }
    .verify-panel,
    .verify-info{
        width:100%;
        max-width:100%;
    }
    .verify-input-row{
        grid-template-columns:1fr !important;
    }
    .verify-input-row .button{
        width:100%;
    }
    .verify-result,
    .verify-product{
        align-items:flex-start;
    }

    .table-wrap{
        border-radius:12px;
    }
    table{
        min-width:680px;
        font-size:14px;
    }
    th,td{
        padding:10px;
    }

    pre{
        padding:14px;
        font-size:13px;
        white-space:pre-wrap;
    }
}

/* Phones */
@media (max-width:520px){
    .shell{
        padding:22px 12px 44px;
    }
    footer{
        padding:20px 12px;
    }
    .stats,
    .stats-five{
        grid-template-columns:1fr !important;
    }
    .stats article{
        padding:16px;
    }
    .stats strong{
        font-size:28px;
    }

    .panel,
    .product-card,
    .license-card,
    .features article,
    .admin-links a{
        border-radius:14px;
        padding:16px;
    }

    .form-grid .wide{
        grid-column:auto;
    }
    .form-grid > .button{
        width:100%;
    }
    .button{
        min-height:42px;
    }

    .page-head h1,
    .page-head h2{
        overflow-wrap:anywhere;
    }
    .license-card > code,
    .hero-card code,
    .callout code{
        white-space:pre-wrap;
        word-break:break-word;
    }

    /* Wide data stays scrollable rather than breaking the page. */
    .table-wrap table{
        min-width:620px;
    }
}


@media (max-width:800px){
    /* Any table not placed in .table-wrap remains safely scrollable. */
    table{
        display:block;
        width:100%;
        max-width:100%;
        overflow-x:auto;
        -webkit-overflow-scrolling:touch;
    }
    thead,tbody,tr{
        max-width:none;
    }

    form{
        max-width:100%;
    }
    label{
        max-width:100%;
    }
    input,
    select,
    textarea{
        font-size:16px; /* prevents iOS focus zoom */
    }

    .callout{
        flex-direction:column;
    }
    .empty{
        padding:26px 16px;
    }
}