/* Track Box */
.track-box{
    padding:20px;
    background:#ffffff;
    color:#333;
    border-radius:8px;
    box-shadow:0 2px 8px rgba(0,0,0,0.1);
    max-width:900px;
    margin:auto;
    margin-top:20px;
    text-align:center;
}
.track-box h2{
    font-size: 42px;
    font-weight: 700;
}
.track-box input[type="text"]{
    width:70%;
    color: #111111;
    padding:18px 15px;
    margin-bottom:15px;
    border:1px solid #cccccc;
    border-radius:5px;
    box-sizing: border-box;
    font-size: 16px;
    transition: all .1s ease-in-out;
    outline: none;
}
.track-box button{
    width:60%;
    padding:18px 15px;
    background:#00A63E;
    color:#fff;
    border:none;
    border-radius:5px;
    cursor:pointer;
    text-align: center;
    font-size: 18px;
}
.track-box button:hover{
    background:#00882f;
}
.order-info {
    text-align: left;
    margin-top: 25px;
    background: #f7f7f7;
    padding: 20px;
    border-radius: 8px;
    text-align: left;
}
.order-info h3, .order-info h4{
    margin-top:10px;
}
.product-list{
    display:flex;
    flex-wrap:wrap;
}
.product-item{
    width:100%;
    display: flex;
    margin:1%;
    align-items: center;
    gap: 15px;
    background: #fff;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 8px;
    border:1px solid #eee;
}
.product-item img{
    width:80px;
    height:80px;
    object-fit:cover;
    margin-right:10px;
}
.product-info p{
    margin:3px 0;
}

.order-total{
    font-weight:600;
    margin-top:10px;
}
/* Timeline */
.order-timeline{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:0;
    margin:20px 0;
    position:relative;
    padding-top:20px;
    background:transparent !important;
}
.order-timeline:before{
    content:'';
    position:absolute;
    top:36px;
    left:10%;
    width:80%;
    height:3px;
    background:#00A63E;
    z-index:1;
}
.order-timeline.aotp-steps-1:before{
    display:none;
}
.order-timeline .aotp-timeline-step{
    text-align:center;
    flex:1;
    position:relative;
    z-index:2;
    background:transparent !important;
    background-color:transparent !important;
    box-shadow:none !important;
    border:0 !important;
    outline:0 !important;
    padding:0 !important;
    margin:0 !important;
}
.order-timeline .aotp-timeline-step.aotp-current{
    background:transparent !important;
    background-color:transparent !important;
    box-shadow:none !important;
}
.order-timeline .aotp-timeline-step.aotp-current .aotp-timeline-circle{
    box-shadow:0 0 0 4px rgba(0,166,62,0.12);
}
.order-timeline .aotp-timeline-circle{
    width:32px;
    height:32px;
    border-radius:50%;
    background:#ddd;
    line-height:32px;
    color:#fff;
    margin:0 auto;
    font-weight:600;
    text-align:center;
    position:relative;
    z-index:3;
}
.order-timeline .aotp-timeline-step.aotp-active .aotp-timeline-circle{
    background:#00A63E;
}
.order-timeline .aotp-timeline-step.aotp-cancelled .aotp-timeline-circle{
    background:#761919;
}
.order-timeline .aotp-timeline-label{
    font-size:12px;
    margin-top:5px;
    background:transparent !important;
    background-color:transparent !important;
    box-shadow:none !important;
    border:0 !important;
    padding:0 !important;
}
.order-timeline .aotp-timeline-step.aotp-cancelled .aotp-timeline-label{
    color:#000000;
}
.order-timeline .aotp-timeline-date{
    font-size:11px;
    color:#777;
    margin-top:4px;
    background:transparent !important;
    background-color:transparent !important;
    box-shadow:none !important;
    border:0 !important;
    padding:0 !important;
}
.error {
    margin-top: 20px;
    background: #ffe5e5;
    padding: 15px;
    border-radius: 8px;
    color: red;
}

/* Responsive */
@media(max-width:767px){
    .product-item{
        width:100%;
    }
    .track-box{
    padding:6px 6px 30px 10px;
    }
    .track-box input[type="text"]{
        width:90%;
}
    .track-box button{
        width:90%;
    }
    .order-info{
        padding:10px;
    }
    .track-box h2{
    font-size: 35px;
    font-weight: 700;
    }
}
.aotp-latest-courier-update{
    background:#ffffff;
    border:1px solid #e2e8f0;
    border-radius:10px;
    padding:14px 16px;
    margin:18px 0 20px;
    box-shadow:0 1px 3px rgba(15,23,42,.05);
}
.aotp-latest-courier-update h4{
    margin:0 0 10px;
    font-size:18px;
    font-weight:700;
    color:#0f172a;
}
/* Modern customer tracking page UI. */
.track-box{
    width:min(1120px, calc(100% - 32px));
    max-width:1120px;
    margin:28px auto;
    padding:34px 32px;
    background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);
    border:1px solid #e8edf4;
    border-radius:24px;
    box-shadow:0 18px 50px rgba(15,23,42,.08);
    color:#0f172a;
    text-align:center;
    box-sizing:border-box;
}
.track-box h2{
    margin:0 0 12px;
    font-size:clamp(30px,4vw,48px);
    line-height:1.08;
    letter-spacing:-.04em;
    font-weight:800;
    color:#0b1b35;
}
.track-box > p{
    margin:0 auto 24px;
    max-width:720px;
    color:#475569;
    font-size:16px;
    line-height:1.6;
}
.track-box .aot-track-form{
    width:min(760px,100%);
    margin:0 auto 24px;
    display:grid;
    gap:12px;
}
.track-box input[type="text"]{
    width:100%;
    margin:0;
    padding:15px 18px;
    min-height:54px;
    border:1px solid #cbd5e1;
    border-radius:14px;
    background:#ffffff;
    color:#0f172a;
    font-size:16px;
    box-shadow:0 1px 2px rgba(15,23,42,.04) inset;
}
.track-box input[type="text"]:focus{
    border-color:#00A63E;
    box-shadow:0 0 0 4px rgba(0,166,62,.12);
}
.track-box button{
    width:min(640px,100%);
    display:block;
    margin:0 auto;
    min-height:54px;
    padding:14px 18px;
    border:0;
    border-radius:14px;
    background:linear-gradient(135deg,#00A63E,#018b36);
    color:#ffffff;
    cursor:pointer;
    text-align:center;
    font-size:17px;
    font-weight:800;
    box-shadow:0 12px 24px rgba(0,166,62,.22);
    transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.track-box button:hover{
    background:linear-gradient(135deg,#02b946,#008a34);
    transform:translateY(-1px);
    box-shadow:0 16px 30px rgba(0,166,62,.28);
}
.order-info.aotp-modern-order-card{
    margin-top:28px;
    padding:0;
    background:transparent;
    border:0;
    border-radius:0;
    box-shadow:none;
    text-align:left;
}
.aotp-status-panel,
.aotp-customer-panel,
.aotp-products-panel{
    background:#ffffff;
    border:1px solid #e5eaf1;
    border-radius:22px;
    padding:24px;
    box-shadow:0 12px 32px rgba(15,23,42,.06);
    margin-bottom:18px;
}
.aotp-card-heading{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
    margin-bottom:16px;
}
.aotp-section-kicker{
    display:inline-flex;
    align-items:center;
    min-height:28px;
    padding:5px 12px;
    border-radius:999px;
    background:#ecfdf3;
    color:#027a48;
    font-size:12px;
    font-weight:800;
    letter-spacing:.03em;
    text-transform:uppercase;
}
.order-info.aotp-modern-order-card h3,
.order-info.aotp-modern-order-card h4{
    margin:0 0 16px;
    color:#0b1b35;
    font-weight:800;
    letter-spacing:-.02em;
}
.order-info.aotp-modern-order-card h3{
    font-size:24px;
}
.order-info.aotp-modern-order-card h4{
    font-size:20px;
}
.aotp-latest-courier-update.aotp-compact-courier-update{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    align-items:center;
    margin:16px 0 0;
    padding:0;
    background:transparent;
    border:0;
    box-shadow:none;
}
.aotp-courier-chip{
    display:inline-flex;
    align-items:center;
    gap:9px;
    padding:9px 13px;
    border-radius:999px;
    background:#f8fafc;
    border:1px solid #e2e8f0;
    color:#334155;
    font-size:13px;
}
.aotp-courier-chip span{
    color:#64748b;
    font-weight:700;
}
.aotp-courier-chip strong{
    color:#0f172a;
    font-weight:800;
}
.aotp-order-summary-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
    margin:18px 0;
}
.aotp-summary-item{
    background:#ffffff;
    border:1px solid #e5eaf1;
    border-radius:18px;
    padding:18px;
    box-shadow:0 10px 26px rgba(15,23,42,.05);
}
.aotp-summary-item span,
.aotp-detail-grid span{
    display:block;
    margin-bottom:6px;
    color:#64748b;
    font-size:12px;
    font-weight:800;
    letter-spacing:.03em;
    text-transform:uppercase;
}
.aotp-summary-item strong{
    display:block;
    color:#0f172a;
    font-size:16px;
    font-weight:800;
    line-height:1.35;
}
.aotp-detail-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
}
.aotp-detail-grid p{
    margin:0;
    padding:16px;
    background:#f8fafc;
    border:1px solid #eef2f7;
    border-radius:16px;
    color:#0f172a;
    line-height:1.45;
}
.aotp-detail-grid strong{
    font-weight:700;
    color:#0f172a;
}
.aotp-detail-grid .aotp-detail-address{
    grid-column:1/-1;
}
.aotp-detail-grid .aotp-detail-address strong{
    display:block;
    line-height:1.6;
}
.aotp-products-panel .product-list{
    display:grid;
    gap:12px;
}
.aotp-products-panel .product-item{
    width:100%;
    margin:0;
    display:flex;
    align-items:center;
    gap:14px;
    padding:14px;
    background:#f8fafc;
    border:1px solid #eef2f7;
    border-radius:18px;
    box-sizing:border-box;
}
.aotp-products-panel .product-item img{
    width:74px;
    height:74px;
    margin:0;
    border-radius:14px;
    border:1px solid #e2e8f0;
    object-fit:cover;
    background:#ffffff;
}
.aotp-products-panel .product-info p{
    margin:4px 0;
    color:#334155;
    font-size:14px;
}
.aotp-products-panel .product-info .p-name{
    color:#0f172a;
    font-size:15px;
    font-weight:800;
}
.aotp-products-panel .order-total{
    display:flex;
    justify-content:flex-end;
    gap:8px;
    margin:14px 0 0;
    padding-top:14px;
    border-top:1px solid #e5eaf1;
    color:#0f172a;
    font-size:15px;
}
.track-box .error{
    margin-top:20px;
    padding:16px 18px;
    border:1px solid #fecaca;
    border-radius:16px;
    background:#fff1f2;
    color:#dc2626;
    font-weight:700;
}
@media(max-width:900px){
    .aotp-order-summary-grid,
    .aotp-detail-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}
@media(max-width:767px){
    .track-box{
        width:min(100% - 20px, 1120px);
        margin:14px auto;
        padding:22px 14px;
        border-radius:18px;
    }
    .track-box .aot-track-form{
        gap:10px;
    }
    .track-box input[type="text"],
    .track-box button{
        width:100%;
        min-height:50px;
    }
    .aotp-status-panel,
    .aotp-customer-panel,
    .aotp-products-panel{
        padding:16px;
        border-radius:18px;
    }
    .aotp-card-heading{
        display:block;
    }
    .aotp-section-kicker{
        margin-bottom:10px;
    }
    .aotp-order-summary-grid,
    .aotp-detail-grid{
        grid-template-columns:1fr;
    }
    .aotp-products-panel .product-item{
        align-items:flex-start;
    }
}


/* Tracking page timeline layout. */
.order-timeline.aotp-fixed-timeline{
    position:relative;
    align-items:flex-start;
    margin:18px 0 10px;
    padding:22px 16px 14px !important;
    border-radius:18px;
    background:#f8fafc !important;
    border:1px solid #eef2f7;
}
.order-timeline.aotp-fixed-timeline:before,
.order-timeline.aotp-fixed-timeline:after{
    top:39px !important;
    left:8.333333% !important;
}
.order-timeline.aotp-fixed-timeline:before{
    width:83.333333% !important;
}
.order-timeline.aotp-fixed-timeline.aotp-progress-0:after{width:0 !important;}
.order-timeline.aotp-fixed-timeline.aotp-progress-1:after{width:16.666667% !important;}
.order-timeline.aotp-fixed-timeline.aotp-progress-2:after{width:33.333333% !important;}
.order-timeline.aotp-fixed-timeline.aotp-progress-3:after{width:50% !important;}
.order-timeline.aotp-fixed-timeline.aotp-progress-4:after{width:66.666667% !important;}
.order-timeline.aotp-fixed-timeline.aotp-progress-5:after{width:83.333333% !important;}
.order-timeline.aotp-fixed-timeline .aotp-timeline-step{
    display:flex !important;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    min-width:0;
}
.order-timeline.aotp-fixed-timeline .aotp-timeline-circle{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:34px;
    height:34px;
    font-size:14px;
    font-weight:800;
    line-height:1 !important;
    margin:0 auto !important;
    border:3px solid #ffffff;
    box-shadow:0 6px 15px rgba(15,23,42,.12);
    flex:0 0 34px;
}
.order-timeline.aotp-fixed-timeline .aotp-timeline-label,
.order-timeline.aotp-fixed-timeline .aotp-timeline-date{
    width:100%;
    text-align:center;
    line-height:1.25;
}
.order-timeline.aotp-fixed-timeline .aotp-timeline-label{
    margin-top:9px;
    font-size:12px;
    font-weight:700;
    color:#0f172a;
}
.order-timeline.aotp-fixed-timeline .aotp-timeline-date{
    margin-top:5px;
    font-size:11px;
    color:#64748b;
}
.aotp-summary-total .aotp-price-inline,
.aotp-summary-item .aotp-price-inline,
.aotp-products-panel .aotp-price-inline{
    display:inline-flex !important;
    align-items:baseline !important;
    gap:2px !important;
    white-space:nowrap !important;
    flex-wrap:nowrap !important;
}
.aotp-summary-total .woocommerce-Price-amount,
.aotp-summary-total .woocommerce-Price-amount bdi,
.aotp-summary-total .woocommerce-Price-currencySymbol,
.aotp-price-inline .woocommerce-Price-amount,
.aotp-price-inline .woocommerce-Price-amount bdi,
.aotp-price-inline .woocommerce-Price-currencySymbol{
    display:inline !important;
    white-space:nowrap !important;
    line-height:1.35 !important;
}
/* Tracking page responsive layout normalization. */
@media screen and (max-width:1024px){
    html body .track-box{
        width:100vw !important;
        max-width:100vw !important;
        margin-left:calc(50% - 50vw) !important;
        margin-right:calc(50% - 50vw) !important;
        margin-top:0 !important;
        padding:14px 8px 28px !important;
        border-radius:0 !important;
        box-shadow:none !important;
        box-sizing:border-box !important;
        overflow:hidden !important;
    }
    html body .track-box h2{
        font-size:30px !important;
        line-height:1.12 !important;
        margin:6px 0 12px !important;
    }
    html body .track-box > p{
        max-width:330px !important;
        margin:0 auto 16px !important;
        font-size:14px !important;
        line-height:1.45 !important;
    }
    html body .track-box .aot-track-form{
        width:100% !important;
        max-width:100% !important;
        padding:0 !important;
        margin:0 auto !important;
        box-sizing:border-box !important;
    }
    html body .track-box input[type="text"],
    html body .track-box button{
        width:100% !important;
        max-width:100% !important;
        min-height:50px !important;
        border-radius:14px !important;
        box-sizing:border-box !important;
    }
    html body .order-info.aotp-modern-order-card{
        background:transparent !important;
        padding:0 !important;
        margin:18px 0 0 !important;
        box-shadow:none !important;
        border:0 !important;
    }
    html body .aotp-status-panel,
    html body .aotp-customer-panel,
    html body .aotp-products-panel,
    html body .aotp-summary-item{
        width:100% !important;
        margin-left:0 !important;
        margin-right:0 !important;
        box-sizing:border-box !important;
    }
    html body .aotp-status-panel,
    html body .aotp-customer-panel,
    html body .aotp-products-panel{
        padding:14px 12px !important;
        border-radius:18px !important;
    }
    html body .order-info.aotp-modern-order-card h3{
        font-size:22px !important;
        line-height:1.2 !important;
        margin:8px 0 12px !important;
        text-align:left !important;
    }

    /* Mobile timeline: readable vertical card layout. */
    html body .track-box .order-timeline.aotp-fixed-timeline,
    html body .order-info .order-timeline.aotp-fixed-timeline,
    html body .order-timeline.aotp-fixed-timeline{
        display:block !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        overflow:visible !important;
        margin:10px 0 12px !important;
        padding:12px !important;
        border-radius:16px !important;
        background:#f8fafc !important;
        border:1px solid #e6edf4 !important;
        box-shadow:none !important;
        box-sizing:border-box !important;
    }
    html body .order-timeline.aotp-fixed-timeline:before,
    html body .order-timeline.aotp-fixed-timeline:after{
        display:none !important;
        content:none !important;
        width:0 !important;
        height:0 !important;
    }
    html body .order-timeline.aotp-fixed-timeline .aotp-timeline-step{
        display:grid !important;
        grid-template-columns:36px minmax(0,1fr) !important;
        grid-template-rows:auto auto !important;
        column-gap:12px !important;
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        padding:8px 0 12px !important;
        margin:0 !important;
        position:relative !important;
        text-align:left !important;
        align-items:center !important;
        justify-items:start !important;
        box-sizing:border-box !important;
        flex:none !important;
    }
    html body .order-timeline.aotp-fixed-timeline .aotp-timeline-step:not(:last-child)::after{
        content:"" !important;
        position:absolute !important;
        left:17px !important;
        top:44px !important;
        bottom:-6px !important;
        width:2px !important;
        height:auto !important;
        border-radius:99px !important;
        background:#d8e1ea !important;
        z-index:0 !important;
    }
    html body .order-timeline.aotp-fixed-timeline .aotp-timeline-step.aotp-active:not(:last-child)::after{
        background:#00A63E !important;
    }
    html body .order-timeline.aotp-fixed-timeline .aotp-timeline-circle{
        grid-column:1 !important;
        grid-row:1 / span 2 !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        width:36px !important;
        height:36px !important;
        min-width:36px !important;
        min-height:36px !important;
        margin:0 !important;
        line-height:1 !important;
        font-size:14px !important;
        font-weight:800 !important;
        position:relative !important;
        z-index:2 !important;
        box-sizing:border-box !important;
    }
    html body .order-timeline.aotp-fixed-timeline .aotp-timeline-label,
    html body .order-timeline.aotp-fixed-timeline .aotp-timeline-date{
        grid-column:2 !important;
        width:auto !important;
        max-width:100% !important;
        min-width:0 !important;
        margin-left:0 !important;
        margin-right:0 !important;
        padding:0 !important;
        text-align:left !important;
        white-space:normal !important;
        word-break:normal !important;
        overflow-wrap:normal !important;
        hyphens:none !important;
        box-sizing:border-box !important;
    }
    html body .order-timeline.aotp-fixed-timeline .aotp-timeline-label{
        grid-row:1 !important;
        margin-top:0 !important;
        font-size:14px !important;
        line-height:1.25 !important;
        font-weight:800 !important;
        color:#0f172a !important;
    }
    html body .order-timeline.aotp-fixed-timeline .aotp-timeline-date{
        grid-row:2 !important;
        margin-top:3px !important;
        font-size:12px !important;
        line-height:1.25 !important;
        color:#64748b !important;
    }
    html body .aotp-latest-courier-update.aotp-compact-courier-update{
        margin-top:10px !important;
        padding:0 !important;
        border:0 !important;
        background:transparent !important;
        box-shadow:none !important;
    }
    html body .aotp-courier-chip{
        width:100% !important;
        max-width:100% !important;
        justify-content:space-between !important;
        box-sizing:border-box !important;
        gap:8px !important;
    }
    html body .aotp-order-summary-grid,
    html body .aotp-detail-grid{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:12px !important;
    }
    html body .aotp-summary-item{
        padding:16px !important;
        border-radius:16px !important;
    }
}

/* AOTP shared utility classes. */
/* Keep utility classes small and reusable so admin markup stays production-ready. */
.aotp-u-01373bea{background:#fff;border:1px solid #ccd0d4;padding:16px;width:100%;max-width:none;box-sizing:border-box;margin-top:16px;}
.aotp-u-019128fe{min-width:220px;}
.aotp-u-02893ca1{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin:16px 0;}
.aotp-u-04c6a0a4{min-width:180px;}
.aotp-u-059baaa9{font-size:28px;font-weight:700;color:#2271b1;line-height:1.25;margin-bottom:8px;}
.aotp-u-07233477{pointer-events:none;opacity:.55;}
.aotp-u-0b09d8ab{margin-left:8px;}
.aotp-u-0bd717a5{width:180px;background:#f9fafb;border:1px solid #dcdcde;box-shadow:none;color:#1d2327;}
.aotp-u-0c80a194{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;width:100%;max-width:none;box-sizing:border-box;margin:16px 0;}
.aotp-u-0ebab8ba{width:220px;font-weight:600;}
.aotp-u-112b16cb{grid-column:1/-1;}
.aotp-u-11849cc2{display:inline-flex;align-items:center;justify-content:flex-start;gap:10px;flex-wrap:nowrap;white-space:nowrap;vertical-align:middle;min-width:168px;max-width:168px;overflow:visible;margin-left:4px;margin-right:22px;}
.aotp-status-sync-progressbar{display:block;width:100%;height:10px;margin:8px 0;accent-color:#2271b1;}
.aotp-u-14883d16{background:#fff;border:1px solid #dcdcde;border-radius:10px;padding:18px;max-width:950px;margin-bottom:18px;}
.aotp-u-14e98d24{display:inline-flex;align-items:center;gap:6px;margin-left:8px;}
.aotp-u-16b93454{width:240px;padding:18px 20px;}
.aotp-u-19e795f7{display:inline-block;max-width:100%;white-space:normal;word-break:break-all;padding:7px 10px;border-radius:7px;}
.aotp-u-1a35f3af{display:inline-block;margin-top:14px;padding:12px 26px;background:#2271b1;color:#fff;border:0;border-radius:6px;font-size:16px;cursor:pointer;}
.aotp-u-247c1144{width:100%;max-width:520px;padding:12px;border:1px solid #ccd0d4;border-radius:8px;font-size:16px;box-sizing:border-box;}
.aotp-u-291c7845{display:flex;align-items:center;gap:10px;margin:8px 0 12px;}
.aotp-u-2a17bc06{color:#008a20;font-weight:700;}
.aotp-u-2a2a636d{max-width:1280px;margin:0 auto;padding:20px 12px;}
.aotp-u-2a805deb{background:#fff;border:1px solid #dcdcde;border-radius:14px;padding:16px;box-shadow:0 8px 24px rgba(15,23,42,.04);}
.aotp-u-2abe6eb0{color:#b45309;font-weight:700;}
.aotp-u-2b162135{max-width:260px;white-space:normal;}
.aotp-u-31429d85{background:#fff;border:1px solid #dcdcde;border-radius:10px;padding:18px;max-width:850px;}
.aotp-u-31edae95{color:#15803d;font-weight:700;}
.aotp-u-33c6657f{background:#fff;border:1px solid #dcdcde;border-radius:12px;padding:20px;max-width:820px;}
.aotp-u-347141a6{display:flex;gap:6px;align-items:center;margin:0;}
.aotp-u-382033cd{padding:16px 18px;}
.aotp-u-4257d3cc{background:#fff;border:1px solid #ccd0d4;padding:16px;margin:20px 0 0;max-width:980px;}
.aotp-u-42916144{width:100%;max-width:none;table-layout:auto;}
.aotp-u-43625d47{padding:16px;margin:0 0 16px;background:#fff;border-left:4px solid #8c5fbf;}
.aotp-u-46dcee64{margin:0;}
.aotp-u-4741b253{margin:18px 0;padding:16px;border:1px solid #dcdcde;border-radius:10px;background:#fff;}
.aotp-u-494b341b{display:none;margin:8px 0;}
.aotp-u-498da9fa{max-width:480px;}
.aotp-u-49dafaec{margin:12px 0;}
.aotp-u-4a3c1577{font-size:17px;line-height:1.6;}
.aotp-u-4e7449bc{margin:20px 0 18px;}
.aotp-u-5155ee56{display:flex;gap:10px;align-items:center;font-weight:600;margin:12px 0;}
.aotp-u-53463d6d{margin-bottom:12px;}
.aotp-u-5a58311b{background:#fff;border:1px solid #d8dee9;border-radius:12px;padding:0;width:100%;max-width:980px;box-sizing:border-box;margin-top:16px;overflow:hidden;box-shadow:0 8px 24px rgba(15,23,42,.04);}
.aotp-u-5a5b586e{display:flex;gap:12px;align-items:center;justify-content:flex-end;margin:8px 0 12px;}
.aotp-u-5d5013e2{display:block;max-width:760px;}
.aotp-u-6039a3a0{margin-top:0;}
.aotp-u-63e98485{display:flex;gap:8px;align-items:center;}
.aotp-u-64e186c1{margin-top:24px;}
.aotp-u-64fa8f47{width:160px;}
.aotp-u-650580ef{background:#f6f7f7;border:1px solid #dcdcde;padding:14px;text-align:center;border-radius:6px;}
.aotp-u-65cfa51f{color:#50575e;line-height:1.45;}
.aotp-u-686a9aae{max-width:760px;}
.aotp-u-693d78ac{line-height:1.7;}
.aotp-u-6a09a10e{display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
.aotp-u-6eac8083{max-height:220px;overflow:auto;border:1px solid #dcdcde;background:#fff;padding:8px;margin-bottom:10px;}
.aotp-u-6ed23274{color:#b32d2e;}
.aotp-u-6ef1affe{background:#fff;border:1px solid #ccd0d4;border-radius:8px;padding:18px 16px;text-align:center;min-height:66px;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.aotp-u-72b1af8f{max-width:1180px;}
.aotp-u-75ed39c0{margin:0 0 10px;font-size:16px;}
.aotp-u-778b1358{font-family:Arial,sans-serif;max-width:620px;margin:40px auto;text-align:center;border:1px solid #ddd;border-radius:10px;padding:26px;box-shadow:0 2px 10px rgba(0,0,0,.04);}
.aotp-u-7808c23d{margin:0;color:#374151;}
.aotp-u-78f6f2c9{margin-top:12px;}
.aotp-u-7b13598e{background:#fff;border:1px solid #dcdcde;border-radius:14px;padding:18px;margin:16px 0;box-shadow:0 8px 24px rgba(15,23,42,.05);}
.aotp-u-82e88f39{margin-top:18px;}
.aotp-u-847aea34{white-space:normal;word-break:break-all;}
.aotp-u-84cbdcd2{font-size:28px;margin:0;color:#2271b1;}
.aotp-u-84dac37f{display:flex;gap:12px;align-items:center;margin:0 0 8px;}
.aotp-u-866e8334{background:#fff;border:1px solid #dcdcde;border-radius:10px;padding:18px;max-width:760px;margin:18px 0;}
.aotp-u-8685945e{display:inline-flex;align-items:center;gap:6px;margin-left:12px;}
.aotp-u-8a711891{width:100%;max-width:420px;}
.aotp-u-92d17336{margin-top:10px;}
.aotp-u-934ef802{display:flex;gap:14px;align-items:center;margin:10px 0 0;}
.aotp-u-93b8ea5b{display:none;}
.aotp-u-94bbca06{background:#f8fafc;border:1px solid #dbeafe;border-radius:14px;padding:16px;margin:16px 0;}
.aotp-u-954a098f{margin-left:18px;line-height:1.7;}
.aotp-u-9670d596{display:inline-block;padding:4px 10px;border-radius:999px;background:#dcfce7;color:#166534;font-size:13px;font-weight:600;line-height:1.4;}
.aotp-u-96bf7acf{border-color:#dc2626;color:#dc2626;}
.aotp-u-98f1846c{background:#fff;border:1px solid #dcdcde;border-radius:10px;padding:18px;max-width:980px;}
.aotp-u-99323bde{color:#d63638;}
.aotp-u-99590331{background:#fff;border:1px solid #dcdcde;border-radius:10px;padding:18px;}
.aotp-u-9b50ffd8{background:#fff;border:1px solid #ccd0d4;padding:16px;margin:16px 0;width:100%;max-width:none;box-sizing:border-box;}
.aotp-u-9cc5e9cb{display:flex;align-items:center;gap:12px;}
.aotp-u-9e0f851b{padding:16px;margin:0 0 16px;background:#fff;border-left:4px solid #2271b1;}
.aotp-u-9f8d6e56{display:flex;align-items:center;gap:8px;margin:12px 0;}
.aotp-u-a0aa9e03{display:block;font-weight:600;margin-bottom:4px;}
.aotp-u-a212c709{padding:16px;margin:0 0 16px;background:#fff;border-left:4px solid #46b450;}
.aotp-u-a39c91bd{background:#fff;border:1px solid #ccd0d4;border-radius:8px;padding:14px;margin:12px 0;max-width:1180px;}
.aotp-u-a5d2baa1{font-weight:600;}
.aotp-u-a626d5b3{border:0;margin:0;}
.aotp-u-a88a72fc{background:#fff;border:1px solid #ccd0d4;border-radius:10px;padding:16px;margin:16px 0;width:100%;max-width:none;box-sizing:border-box;}
.aotp-u-a89734cf{font-size:13px;color:#666;margin-bottom:0;}
.aotp-u-ab3cc70a{min-width:320px;max-width:100%;}
.aotp-u-ab76592b{float:right;}
.aotp-u-ac64bebc{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;width:100%;max-width:none;box-sizing:border-box;margin:12px 0 16px;}
.aotp-u-ac77805e{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px;}
.aotp-u-ae611cfe{font-family:Arial,sans-serif;max-width:560px;margin:40px auto;text-align:center;border:1px solid #ddd;border-radius:10px;padding:24px;}
.aotp-u-ae69adf4{list-style:disc;margin-left:22px;}
.aotp-u-b213cdc8{max-width:100%;min-width:360px;}
.aotp-u-b3555edf{font-size:24px;font-weight:700;color:#2271b1;}
.aotp-u-b376e8a8{border-left:5px solid #dc2626;}
.aotp-u-b71adaa0{height:10px;background:#e5e7eb;border-radius:999px;overflow:hidden;margin:8px 0;max-width:420px;}
.aotp-u-b7c1ee8d{width:230px;padding:16px 18px;}
.aotp-u-b92e6711{background:#fff;border:1px solid #ccd0d4;padding:16px;margin:16px 0;max-width:980px;}
.aotp-u-b98b0e31{padding:18px 20px;}
.aotp-u-bb680ec5{margin-top:4px;}
.aotp-u-bfdbc108{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;max-width:1100px;}
.aotp-u-c04e52bc{margin:0 0 12px;}
.aotp-u-c0faac9b{list-style:disc;margin-left:22px;line-height:1.7;}
.aotp-u-c324a7b6{line-height:1.8;}
.aotp-u-c3e7b21f{width:100%;max-width:320px;}
.aotp-u-c77ea741{margin-top:20px;max-width:720px;padding:20px;background:#fff;border:1px solid #dcdcde;border-radius:10px;box-shadow:0 1px 2px rgba(0,0,0,.04);}
.aotp-u-c7ec7b74{background:#fff;border:1px solid #ccd0d4;padding:16px;margin:16px 0;max-width:1100px;}
.aotp-u-d12e917a{color:#b91c1c;font-weight:700;}
.aotp-u-d7200813{max-width:100%;}
.aotp-u-d730119a{display:flex;align-items:center;gap:8px;margin:12px 0;flex-wrap:wrap;}
.aotp-u-d79ce2bc{margin-top:8px;}
.aotp-u-d82c05dd{padding-top:15px;}
.aotp-u-dffe5407{display:inline-block;padding:4px 10px;border-radius:999px;background:#fee2e2;color:#991b1b;font-weight:600;}
.aotp-u-e2280fcd{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0;}
.aotp-u-e3d9f563{width:150px;font-weight:600;}
.aotp-u-e3f298aa{display:inline-block;max-width:100%;white-space:normal;word-break:break-all;padding:8px 10px;background:#f6f7f7;border-radius:6px;}
.aotp-u-e3ff4f92{float:none;margin:0 0 0 4px;}
.aotp-u-e41588e7{background:#fff;border:1px solid #ccd0d4;border-radius:8px;padding:14px;text-align:center;}
.aotp-u-e5d33fc6{background:#fff;border:1px solid #dcdcde;border-radius:10px;padding:18px;max-width:900px;}
.aotp-u-e63ff415{background:#fff;border:1px solid #dcdcde;border-radius:10px;padding:18px;max-width:950px;}
.aotp-u-e745ccd8{padding:16px 20px;background:#fbfcff;border-top:1px solid #e5e7eb;display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.aotp-u-e7ac1f8d{margin:0 0 12px;color:#555;}
.aotp-u-e907d4cd{margin:6px 0 0;}
.aotp-u-ec9664be{margin-top:0;display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.aotp-u-ed5b9a51{width:150px;}
.aotp-u-edf634db{display:inline-block;padding:4px 10px;border-radius:999px;background:#dcfce7;color:#166534;font-weight:600;}
.aotp-u-ee0975c9{margin:5px 0 0;}
.aotp-u-f14968b9{max-width:560px;margin:0 0 14px 0;border:1px solid #e5e7eb;}
.aotp-u-f214defc{margin:8px 0;}
.aotp-u-f3cb6aa0{margin:0;padding:16px 18px;border-bottom:1px solid #e5e7eb;}
.aotp-u-f49d9ee8{display:inline-block;margin:6px;padding:12px 16px;background:#2271b1;color:#fff;text-decoration:none;border-radius:6px;font-size:18px;}
.aotp-u-f4e33083{margin-top:14px;}
.aotp-u-f5be81d4{margin:0 8px 8px 0;}
.aotp-u-f5d81c1e{margin:0 0 8px;}
.aotp-u-f691155b{display:none;margin-top:10px;padding:10px;border-left:4px solid #2271b1;background:#f6f7f7;max-width:720px;}
.aotp-u-f8628350{display:inline-flex;align-items:center;gap:8px;margin-bottom:8px;font-weight:600;}
.aotp-u-fed80c0b{color:#b32d2e;font-weight:700;}
.aotp-u-ff6eee77{margin-top:6px;}

/* AOTP shared form utility classes. */
.aotp-input-70{width:70px;}
.aotp-input-90{width:90px;}
.aotp-input-110{width:110px;}
.aotp-field-wide{min-width:360px;max-width:100%;}
.aotp-review-url-field{margin:6px 0 8px;}

/* AOTP public message states moved out of PHP inline style attributes. */
.aotp-public-message{font-family:Arial,sans-serif;max-width:640px;margin:50px auto;border:1px solid #ddd;padding:24px;border-radius:10px;}
.aotp-public-message-success{border-left:5px solid #16a34a;}
.aotp-public-message-error{border-left:5px solid #dc2626;}

/* Compact Auto Updates action buttons. */
.aotp-update-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0 0!important;}
.aotp-update-actions .button{min-height:34px!important;line-height:32px!important;padding:0 14px!important;border-radius:8px!important;font-size:13px!important;font-weight:700!important;box-shadow:none!important;}
.aotp-update-actions .aotp-update-action-primary{min-width:auto!important;}
.aotp-update-actions .aotp-update-action-secondary{background:#fff!important;color:#3f63ff!important;border-color:#3f63ff!important;}
.aotp-update-actions .aotp-update-action-secondary:hover,.aotp-update-actions .aotp-update-action-secondary:focus{background:#f4f7ff!important;color:#2447e8!important;border-color:#2447e8!important;}
@media (max-width: 480px){.aotp-update-actions{gap:6px;}.aotp-update-actions .button{width:auto!important;max-width:100%;padding:0 12px!important;font-size:12px!important;}}

.aotp-modern-main .aotp-update-actions .button.button-primary,
.aotp-modern-main .aotp-update-actions .button-primary,
.aotp-modern-main .aotp-update-actions .button:not(.button-primary){min-height:34px!important;line-height:32px!important;padding:0 14px!important;border-radius:8px!important;font-size:13px!important;font-weight:700!important;box-shadow:none!important;}
.aotp-modern-main .aotp-update-actions .button.button-primary{background:#3f63ff!important;border-color:#3f63ff!important;color:#fff!important;}
.aotp-modern-main .aotp-update-actions .aotp-update-action-secondary{background:#fff!important;color:#3f63ff!important;border-color:#3f63ff!important;}
.aotp-modern-main .aotp-update-actions .aotp-update-action-secondary:hover,
.aotp-modern-main .aotp-update-actions .aotp-update-action-secondary:focus{background:#f4f7ff!important;color:#2447e8!important;border-color:#2447e8!important;}