/* Patch 11: desktop Warranty layout consumes the shared neutral root design tokens. */
/*
 * IndoSurgicals Warranty Public Desktop System — Patch 30
 * Public warranty pages only. No workflow/security/OTP/QR behavior changes.
 */
@media (min-width: 901px) {
    .isp-warranty-page,
    .isp-warranty-public-page,
    .isp-warranty-page input,
    .isp-warranty-page select,
    .isp-warranty-page textarea,
    .isp-warranty-page button,
    .isp-warranty-public-page input,
    .isp-warranty-public-page select,
    .isp-warranty-public-page textarea,
    .isp-warranty-public-page button {
        font-family: var(--isp-root-font, Poppins, Arial, sans-serif);
    }

    .isp-warranty-page {
        padding: 14px 0 44px;
    }

    .isp-warranty-hero {
        grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr);
        gap: 30px;
        margin-bottom: 14px;
        padding: 34px 36px;
        border-color: var(--isp-root-line, #d7e3e5);
        border-radius: var(--isp-root-radius-xl, 18px);
        box-shadow: var(--isp-root-shadow-md, 0 11px 30px rgba(31,58,75,.065));
    }

    .isp-warranty-hero h1 {
        margin: 7px 0 12px !important;
        font-size: clamp(34px, 3.4vw, 45px) !important;
        letter-spacing: -.04em;
    }

    .isp-warranty-hero-copy > p {
        max-width: 720px;
        font-size: 15px;
        line-height: 1.65;
    }

    .isp-warranty-hero-actions {
        margin-top: 19px;
        gap: 9px;
    }

    .isp-warranty-hero-actions a {
        min-height: 43px;
        padding: 9px 16px;
        border-radius: 9px;
        font-size: 12px;
    }

    .isp-warranty-hero-panel {
        gap: 0;
        overflow: hidden;
        border: 1px solid var(--isp-root-hero-panel-border, #254d62);
        border-radius: 14px;
        background: var(--isp-root-hero-panel-bg, linear-gradient(145deg, #173a52 0%, #284b5e 100%));
        box-shadow: 0 12px 28px rgba(23,58,82,.13);
    }

    .isp-warranty-hero-panel > div {
        min-height: 61px;
        padding: 12px 15px;
        border: 0;
        border-bottom: 1px solid rgba(255,255,255,.13);
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }

    .isp-warranty-hero-panel > div:last-child {
        border-bottom: 0;
    }

    .isp-warranty-hero-panel span {
        color: var(--isp-root-dark-panel-accent, #84d8c7);
        font-size: 10px;
        font-weight: 800;
        letter-spacing: .06em;
        text-transform: uppercase;
    }

    .isp-warranty-hero-panel strong {
        color: #fff;
        font-size: 12px;
    }

    .isp-warranty-benefits {
        gap: 10px;
        margin-bottom: 14px;
    }

    .isp-warranty-benefits article {
        padding: 15px 16px;
        border-radius: 13px;
        box-shadow: 0 7px 20px rgba(31,58,75,.045);
    }

    .isp-warranty-benefits h2 {
        font-size: 14px !important;
    }

    .isp-warranty-benefits p {
        font-size: 11px;
        line-height: 1.5;
    }

    .isp-warranty-layout {
        grid-template-columns: minmax(260px, .66fr) minmax(0, 1.34fr);
        gap: 15px;
    }

    .isp-warranty-guidance {
        top: 92px;
        padding: 25px;
        border-color: var(--isp-root-dark-panel-border, #24485b);
        background: var(--isp-root-dark-panel-bg, linear-gradient(155deg, #13364f 0%, #1d5366 100%));
        color: #fff;
        box-shadow: 0 12px 30px rgba(20,53,74,.11);
    }

    .isp-warranty-guidance .isp-warranty-kicker {
        color: var(--isp-root-dark-panel-accent, #7ee0cc);
    }

    .isp-warranty-guidance h2 {
        color: #fff !important;
        font-size: 24px !important;
    }

    .isp-warranty-guidance > p,
    .isp-warranty-guidance li {
        color: var(--isp-root-dark-panel-text, #d8e6eb);
    }

    .isp-warranty-guidance li::before {
        background: rgba(126,224,204,.14);
        color: var(--isp-root-dark-panel-accent, #7ee0cc);
    }

    .isp-warranty-help-card {
        margin-top: 20px;
        border: 1px solid rgba(255,255,255,.14);
        background: rgba(255,255,255,.07);
    }

    .isp-warranty-form-card {
        border-radius: 17px;
        border-color: var(--isp-root-line, #d7e3e5);
        box-shadow: var(--isp-root-shadow-md, 0 11px 30px rgba(31,58,75,.06));
    }

    .isp-warranty-form-head {
        padding: 23px 26px 19px;
    }

    .isp-warranty-form-head h2 {
        font-size: 27px !important;
    }

    .isp-warranty-progress {
        margin-top: 0;
    }

    /* Status / claim / verify / feedback / resend shell */
    .isp-warranty-public-page {
        width: min(1040px, calc(100% - 40px));
        max-width: 1040px;
        margin: 26px auto 48px;
        padding: 0;
    }

    .isp-warranty-public-card {
        overflow: hidden;
        border: 1px solid var(--isp-root-line, #d8e4e6);
        border-radius: var(--isp-root-radius-xl, 18px);
        box-shadow: 0 12px 34px rgba(31,58,75,.07);
    }

    .isp-warranty-public-head {
        position: relative;
        overflow: hidden;
        padding: 30px 34px;
        background:
            radial-gradient(circle at 96% 8%, rgba(77,188,164,.22), transparent 30%),
            linear-gradient(135deg, #14384f 0%, #24546a 100%);
    }

    .isp-warranty-public-head::before {
        content: "PRODUCT SUPPORT";
        display: block;
        margin-bottom: 7px;
        color: var(--isp-root-dark-panel-accent, #7ee0cc);
        font-size: 10px;
        font-weight: 800;
        letter-spacing: .12em;
    }

    .isp-warranty-public-head h1 {
        margin: 0 0 7px !important;
        color: #fff !important;
        font-size: 31px !important;
        line-height: 1.2 !important;
        letter-spacing: -.025em;
    }

    .isp-warranty-public-head p {
        max-width: 790px;
        color: #d7e6eb;
        font-size: 13px;
        line-height: 1.6;
    }

    .isp-warranty-public-body {
        padding: 28px 32px 32px;
    }

    .isp-warranty-public-grid {
        gap: 14px;
    }

    .isp-warranty-public-field label {
        color: #263d50;
        font-size: 12px;
    }

    .isp-warranty-public-field input,
    .isp-warranty-public-field select,
    .isp-warranty-public-field textarea {
        border-color: #d0dde1;
        border-radius: 9px;
        padding: 12px 13px;
        color: #2f4557;
        font-size: 13px;
    }

    .isp-warranty-public-field input:focus,
    .isp-warranty-public-field select:focus,
    .isp-warranty-public-field textarea:focus {
        outline: none;
        border-color: #00998f;
        box-shadow: 0 0 0 3px rgba(0,153,143,.10);
    }

    .isp-warranty-public-actions {
        margin-top: 20px;
    }

    .isp-warranty-public-button {
        min-height: 42px;
        padding: 11px 18px;
        border-radius: 9px;
        background: #00998f;
        font-size: 12px;
        box-shadow: 0 7px 16px rgba(0,153,143,.14);
    }

    .isp-warranty-public-button--secondary {
        background: #f3f7f8;
        color: #29465a !important;
        box-shadow: none;
    }

    .isp-warranty-summary {
        border-color: #dbe5e8;
        border-radius: 11px;
    }

    .isp-warranty-summary th,
    .isp-warranty-summary td {
        padding: 11px 14px;
        font-size: 12px;
        line-height: 1.5;
    }

    .isp-warranty-summary th {
        width: 34%;
        background: #f5f9fa;
        color: #5d7484;
    }

    .isp-warranty-status-track {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 8px;
        margin: 20px 0;
    }

    .isp-warranty-status-item {
        min-height: 65px;
        padding: 12px;
        border: 1px solid #e1e9eb;
        background: #f8fafb;
        font-size: 11px;
    }
}

@media (min-width: 901px) and (max-width: 1080px) {
    .isp-warranty-hero {
        grid-template-columns: minmax(0, 1fr) 270px;
        gap: 20px;
        padding: 29px 30px;
    }

    .isp-warranty-layout {
        grid-template-columns: minmax(245px, .72fr) minmax(0, 1.28fr);
    }

    .isp-warranty-guidance {
        padding: 21px;
    }

    .isp-warranty-status-track {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}