/* ==========================================
   MOBILE LOGIN - NEW DESIGN
   Prefix: mbl-auth-
========================================== */
.mbl-auth-page,.mbl-auth-page *{box-sizing:border-box;}
.mbl-auth-page{width:100%;min-height:100svh;padding:22px 18px;display:flex;align-items:center;justify-content:center;background:#ffffff;color:#373737;}
.mbl-auth-card{width:100%;max-width:430px;background:#f7f7f3;border-radius:28px;overflow:hidden;}

/* FORM AREA
========================================== */
.mbl-auth-form-area{padding:34px 28px 24px;}
.mbl-auth-heading{margin-bottom:28px;}
.mbl-auth-heading h1{margin:0 0 4px;padding:0;font-size:27px;line-height:1.25;font-weight:600;letter-spacing:-0.7px;color:#353535;text-align:center;}
.mbl-auth-heading p{margin:0;padding:0;font-size:15px;line-height:1.5;font-weight:400;color:#777773;text-align:center;}

/* FORM
========================================== */
.mbl-auth-form{width:100%;}
.mbl-auth-field{width:100%;margin-bottom:18px;}
.mbl-auth-field label{display:block;width:100%;margin-bottom:7px;font-size:13px;line-height:1.4;font-weight:400;color:#686864;}
.mbl-auth-field input{appearance:none;-webkit-appearance:none;width:100%;height:48px;padding:0 15px;border:1px solid #cfd0cb;border-radius:9px;outline:none;background:rgba(255,255,255,.55);font-size:15px;font-weight:400;color:#333333;box-shadow:none;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;}
.mbl-auth-field input:hover{border-color:#b9bab5;}
.mbl-auth-field input:focus{background:#ffffff;border-color:#999b95;box-shadow:0 0 0 3px rgba(80,80,70,.06);}

/* INVALID FEEDBACK
========================================== */
.mbl-auth-field .invalid-feedback{margin-top:6px;font-size:12px;line-height:1.4;}

/* FORGOT PASSWORD
========================================== */
.mbl-auth-forgot{display:inline-block;margin-top:-3px;margin-bottom:24px;font-size:13px;line-height:1.4;font-weight:400;color:#30302e;text-decoration:underline;text-underline-offset:2px;}
.mbl-auth-forgot:hover{color:#000000;}

/* LOGIN BUTTON
========================================== */
.mbl-auth-button-wrap{width:100%;}
.mbl-auth-submit{appearance:none;-webkit-appearance:none;display:flex;align-items:center;justify-content:center;width:100%;height:48px;padding:0 20px;border:0;border-radius:25px;background:#333333;color:#ffffff;font-size:15px;line-height:1;font-weight:500;cursor:pointer;transition:background .2s ease,opacity .2s ease,transform .15s ease;}
.mbl-auth-submit:not(:disabled):active{transform:scale(.985);}
.mbl-auth-submit:disabled{background:#bebfbb;color:#ffffff;opacity:1;cursor:not-allowed;}

/* BRAND SECTION
========================================== */
.mbl-auth-brand{position:relative;padding:12px 28px 34px;text-align:center;}
.mbl-auth-logo{width:100%;min-height:100px;display:flex;align-items:center;justify-content:center;margin-bottom:8px;}
.mbl-auth-logo img{display:block;width:auto;height:auto;max-width:180px;object-fit:contain;}
.mbl-auth-brand-name{margin-bottom:27px;font-size:17px;line-height:1.2;font-weight:600;letter-spacing:5px;text-transform:uppercase;color:#232323;}
.mbl-auth-brand-content{border-top:1px solid rgba(0,0,0,.06);padding-top:24px;}
.mbl-auth-brand-content h2{margin:0 0 5px;padding:0;font-size:19px;line-height:1.35;font-weight:500;letter-spacing:-.2px;color:#41413e;}
.mbl-auth-brand-content p{margin:0;padding:0;font-size:13px;line-height:1.55;font-weight:400;color:#858580;}

/* ==========================================
   SMALL MOBILE
========================================== */
@media (max-width:380px){
    .mbl-auth-page{padding:15px 13px;}
    .mbl-auth-card{border-radius:24px;}
    .mbl-auth-form-area{padding:28px
        22px
    20px;}
    .mbl-auth-brand{padding:8px
        22px
    28px;}
    .mbl-auth-heading{margin-bottom:24px;}
    .mbl-auth-heading h1{font-size:24px;}
    .mbl-auth-heading p{font-size:14px;}
    .mbl-auth-field input{height:46px;}
    .mbl-auth-submit{height:46px;}
    .mbl-auth-logo img{max-width:110px;max-height:85px;}
    .mbl-auth-brand-content h2{font-size:18px;}
}

/* ==========================================
   MOBILE LANDSCAPE / TALL SCREENS
========================================== */
@media (min-width:390px) and (min-height:780px){
    .mbl-auth-page{padding-top:30px;padding-bottom:30px;}
    .mbl-auth-form-area{padding-top:38px;}
}

/* BRAND PHÍA TRÊN */
.mbl-auth-brand{padding:30px 25px 12px;}
.mbl-auth-logo{min-height:80px;margin-bottom:8px;}
.mbl-auth-brand-name{margin-bottom:18px;}
.mbl-auth-brand-content{padding-top:18px;}

/* FORM PHÍA DƯỚI */
.mbl-auth-form-area{padding:24px 28px 32px;}
.mbl-auth-heading{margin-bottom:25px;}

/* SIGN UP */
.mbl-auth-signup{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:4px;margin-top:22px;text-align:center;font-size:13px;color:#777773;}
.mbl-auth-signup span{color:#777773;}
.mbl-auth-signup a{color:#333333;text-decoration:underline;text-underline-offset:2px;font-weight:500;}

/* MOBILE NHỎ */
@media (max-width:380px){
    .mbl-auth-brand{padding:24px 20px 10px;}
    .mbl-auth-form-area{padding:22px 22px 28px;}
    .mbl-auth-signup{font-size:12px;}
}

/* ==========================================
   RETEZ MOBILE HOME
   Prefix: retez-home-
========================================== */
.retez-home,.retez-home *{box-sizing:border-box;}
.retez-home{--retez-gold:#b18b45;--retez-text:#171717;--retez-muted:#8898b1;width:100%;min-height:100svh;background:#ffffff;color:var(--retez-text);position:relative;overflow:hidden;font-family:inherit;}

/* TOP BAR
========================================== */
.retez-home-top{width:100%;padding:28px 20px;display:flex;align-items:center;justify-content:flex-end;}
.retez-home-email{font-size:13px;font-weight:400;line-height:1.5;color:var(--retez-gold);text-decoration:none;overflow-wrap:anywhere;text-align:right;}
.retez-home-email:hover{color:#927037;text-decoration:none;}

/* MAIN
========================================== */
.retez-home-main{width:100%;max-width:420px;margin:0 auto;padding:90px 26px 60px;}

/* HEADING
========================================== */
.retez-home-intro{position:relative;margin-bottom:31px;}
.retez-home-heading h1{margin:0 0 10px;padding:0;font-size:26px;line-height:1.2;font-weight:500;letter-spacing:-.5px;color:#171717;}
.retez-home-heading p{margin:0;padding:0;font-size:14px;line-height:1.55;font-weight:400;color:var(--retez-muted);}

/* ACTIONS
========================================== */
.retez-home-actions{display:flex;flex-direction:column;gap:20px;}
.retez-home-action{width:100%;min-height:87px;display:flex;align-items:center;gap:22px;padding:17px 22px;border-radius:5px;text-decoration:none!important;transition:transform .2s ease,background .2s ease,box-shadow .2s ease,border-color .2s ease;}
.retez-home-action:active{transform:scale(.985);}

/* PRIMARY ACTION */
.retez-home-action-primary{background:#f8f8f5;border:1px solid var(--retez-gold);}
.retez-home-action-primary:hover{background:#f4f2eb;}

/* SECONDARY ACTION */
.retez-home-action-secondary{background:#ffffff;border:1px solid transparent;box-shadow:0 2px 18px rgba(0,0,0,.055);}
.retez-home-action-secondary:hover{box-shadow:0 4px 22px rgba(0,0,0,.09);}

/* ICON
========================================== */
.retez-home-action-icon{width:43px;height:43px;min-width:43px;display:flex;align-items:center;justify-content:center;color:var(--retez-gold);flex-shrink:0;clip-path:polygon(50% 0%,103% 41%,79% 100%,21% 100%,0% 41%);}
.retez-home-action-primary .retez-home-action-icon{background:var(--retez-gold);color:#ffffff;}
.retez-home-action-secondary .retez-home-action-icon{background:var(--retez-gold);color:#ffffff;}
.retez-home-action-icon svg{width:28px;height:24px;display:block;}

/* TEXT
========================================== */
.retez-home-action-content{display:flex;flex-direction:column;flex:1;min-width:0;gap:3px;}
.retez-home-action-title{display:block;color:#171717;font-size:16px;line-height:1.35;font-weight:500;}
.retez-home-action-desc{display:block;color:var(--retez-muted);font-size:13px;line-height:1.3;font-weight:400;}

/* ARROW
========================================== */
.retez-home-action-arrow{flex-shrink:0;color:var(--retez-gold);display:flex;align-items:center;justify-content:center;transition:transform .2s ease;}
.retez-home-action-arrow svg{width:18px;height:18px;}
.retez-home-action:hover .retez-home-action-arrow{transform:translateX(3px);}

/* NOTIFICATION
========================================== */
.retez-home-notification{position:absolute;right:0;top:2px;z-index:10;}
.retez-home-notification summary{width:30px;height:30px;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;list-style:none;color:#333333;}
.retez-home-notification summary::-webkit-details-marker{display:none;}
.retez-home-notification summary svg{width:20px;height:20px;}
.retez-home-noti-dot{width:7px;height:7px;background:#fa7777;border-radius:50%;position:absolute;right:2px;top:2px;}
.retez-home-noti-content{width:min(290px,calc(100vw - 54px));position:absolute;right:0;top:40px;padding:17px;background:#ffffff;border:1px solid #eeeeee;border-radius:9px;box-shadow:0 10px 30px rgba(0,0,0,.09);}
.retez-home-noti-content strong{display:block;font-size:14px;font-weight:600;margin-bottom:7px;}
.retez-home-noti-content p{font-size:12px;line-height:1.5;color:#707070;margin:0;}

/* MOBILE RESPONSIVE
========================================== */
@media (max-width:390px){
    .retez-home-top{padding:24px 18px;}
    .retez-home-main{padding:70px 24px 45px;}
    .retez-home-heading h1{font-size:25px;}
    .retez-home-heading p{font-size:13px;}
    .retez-home-actions{gap:18px;}
    .retez-home-action{min-height:84px;padding:15px 18px;gap:17px;}
    .retez-home-action-icon{width:40px;height:40px;min-width:40px;}
    .retez-home-action-title{font-size:16px;}
    .retez-home-action-desc{font-size:13px;}
}
@media (max-width:340px){
    .retez-home-main{padding-left:18px;padding-right:18px;}
    .retez-home-action{gap:12px;padding:14px;}
    .retez-home-action-icon{width:37px;height:37px;min-width:37px;}
}

/* MOBILE HEIGHT
========================================== */
@media (max-height:700px){
    .retez-home-main{padding-top:50px;}
}
.retez-home-action-secondary .retez-home-action-icon{background:var(--retez-gold);color:var(--retez-gold);position:relative;isolation:isolate;}
.retez-home-action-secondary .retez-home-action-icon::before{content:"";position:absolute;inset:1px;background:#ffffff;clip-path:inherit;z-index:-1;}

/* ==========================================
   RETEZ TOP BAR - MOBILE
========================================== */
.retez-home .retez-home-top{width:100%;padding:24px 20px;display:flex;align-items:center;justify-content:space-between;gap:15px;background:#ffffff;max-width:420px;margin:0 auto;}

/* LOGOUT LEFT */
.retez-home .retez-home-logout{display:inline-flex;align-items:center;justify-content:flex-start;gap:7px;flex-shrink:0;color:#b18b45;font-size:13px;font-weight:500;text-decoration:none;white-space:nowrap;}
.retez-home .retez-home-logout svg{width:17px;height:17px;flex-shrink:0;}
.retez-home .retez-home-logout:hover{color:#8f6c30;text-decoration:none;}

/* EMAIL RIGHT */
.retez-home .retez-home-email{display:block;min-width:0;max-width:65%;margin-left:auto;color:#b18b45;font-size:13px;font-weight:400;line-height:1.4;text-align:right;text-decoration:none;overflow-wrap:anywhere;}
.retez-home .retez-home-email:hover{color:#8f6c30;text-decoration:none;}

/* SMALL MOBILE */
@media (max-width:380px){
    .retez-home .retez-home-top{padding:20px 16px;gap:10px;}
    .retez-home .retez-home-logout{font-size:12px;gap:5px;}
    .retez-home .retez-home-email{font-size:12px;max-width:65%;}
}
 /*order-detail*/
 /* RETEZ - ORDER DETAIL. CSS độc lập, không ảnh hưởng #invoice ẩn. */
.rt-detail-page,.rt-detail-page *{box-sizing:border-box}
.rt-detail-page{min-height:100svh;background:#fafaf7;color:#202020;font-family:inherit;padding:22px 15px 35px}
.rt-detail-inner{max-width:500px;margin:0 auto}
.rt-detail-back{display:inline-flex;align-items:center;gap:8px;color:#a98547;text-decoration:none;font-size:13px;font-weight:500;margin:0 0 27px}
.rt-detail-back span{font-size:22px;line-height:1}
.rt-detail-header{text-align:center;margin:0 0 24px}
.rt-detail-check{width:62px;height:62px;border-radius:50%;background:#f0e7d6;color:#a98240;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}
.rt-detail-check svg{width:30px;height:30px}
.rt-detail-eyebrow{font-size:11px;letter-spacing:2px;font-weight:600;color:#b18b45;margin-bottom:8px}
.rt-detail-header h1{font-size:27px;line-height:1.3;font-weight:600;margin:0 0 8px;color:#171717}
.rt-detail-header p{font-size:13px;color:#89919e;line-height:1.5;margin:0}
.rt-detail-tools{display:grid;gap:10px;margin-bottom:20px}
.rt-detail-search{display:flex;align-items:center;gap:10px;min-height:46px;border:1px solid #e8e3d9;background:#fff;border-radius:12px;padding:0 10px 0 14px}
.rt-detail-search>svg{width:19px;height:19px;color:#a98547;flex-shrink:0}
.rt-detail-search input{flex:1;min-width:0;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;font-size:13px;height:44px;color:#202020;padding:0}
.rt-detail-search input::placeholder{color:#989898}
.rt-detail-search button{border:0;background:#f3ecdf;border-radius:8px;padding:8px 12px;color:#a17b3c;font-size:12px;font-weight:600;cursor:pointer}
.rt-detail-export{display:flex;align-items:center;justify-content:center;gap:9px;border-radius:11px;background:#b18b45;min-height:46px;color:white!important;font-weight:600;font-size:13px;text-decoration:none!important}
.rt-detail-export svg{width:17px;height:17px}
.rt-detail-card{background:#fff;border:1px solid #eee7db;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.035)}
.rt-detail-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:21px 19px 19px;border-bottom:1px solid #f0eee9}
.rt-detail-card-caption{display:block;font-size:10px;color:#b18b45;letter-spacing:1.6px;font-weight:600;margin-bottom:7px}
.rt-detail-card-heading{min-width:0}
.rt-detail-card-heading h2{margin:0;font-size:19px;font-weight:600;line-height:1.35;color:#1c1c1c}
.rt-detail-order-code{display:block;font-size:12px;color:#929292;margin-top:5px;overflow-wrap:anywhere}
.rt-detail-badge{flex-shrink:0;max-width:45%;border-radius:30px;background:#f4ecdf;color:#a67f38;font-size:11px;font-weight:600;padding:8px 11px;text-align:center}
.rt-detail-price-section{padding:24px 19px 21px;border-bottom:1px solid #f0eee9}
.rt-detail-section-label{font-size:11px;color:#a98547;font-weight:600;letter-spacing:1.4px;margin-bottom:9px}
.rt-detail-price-value{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap;font-size:clamp(29px,7vw,37px);font-weight:700;line-height:1.2;letter-spacing:-.7px;color:#171717}
.rt-detail-currency{font-size:16px;font-weight:600;color:#000;letter-spacing:0}
.rt-detail-condition{font-size:13px;color:#8e8e8e;margin-top:7px}
.rt-detail-section-title{font-size:12px;font-weight:600;letter-spacing:.4px;text-transform: uppercase; color:#a98547;padding:21px 19px 10px}
.rt-detail-device-list{padding:0 19px}
.rt-detail-device{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid #f0f0f0}
.rt-detail-device:last-child{border-bottom:0}
.rt-detail-device-icon{flex:0 0 44px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#f7f3eb;color:#b18b45}
.rt-detail-device-icon svg{width:22px;height:22px}
.rt-detail-device-info{min-width:0}
.rt-detail-device-info span{display:block;font-size:12px;color:#919191;}
.rt-detail-device-info strong{display:block;font-size:15px;color:#1f1f1f;font-weight:600;overflow-wrap:anywhere}
.rt-detail-serial-list{padding:0 19px 12px}
.rt-detail-serial-row{display:flex;justify-content:flex-start;align-items:flex-start;gap:15px;padding:12px 0;padding-top: 0px;padding-bottom: 0px; border-bottom:1px solid #f0f0f0}
.rt-detail-serial-row:last-child{border:0}
.rt-detail-serial-row span{font-size:13px;color:#858585}
.rt-detail-serial-row strong{font-size:13px;font-weight:600;text-align:right;overflow-wrap:anywhere}
.rt-detail-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:10px 19px 21px;padding:16px 13px;background:#fbfaf7;border:1px solid #efe8dd;border-radius:12px}
.rt-detail-meta>div{min-width:0}
.rt-detail-meta span{display:block;font-size:11px;color:#929292;margin-bottom:6px}
.rt-detail-meta strong{display:block;font-size:12px;font-weight:600;overflow-wrap:anywhere}
.rt-detail-gallery-section{border-top:1px solid #f0eee9;padding-bottom:19px}
.rt-detail-gallery-heading{font-size:14px;padding-top:20px;padding-bottom:13px}
.rt-detail-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:0 19px}
.rt-detail-photo{display:block;color:#353535;text-decoration:none!important;min-width:0}
.rt-detail-photo-frame{aspect-ratio:1/1;overflow:hidden;border-radius:12px;background:#f5f5f5;border:1px solid #efefef}
.rt-detail-photo-frame img{display:block;width:100%;height:100%;object-fit:cover}
.rt-detail-photo>span{display:block;font-size:12px;line-height:1.45;margin-top:7px;color:#646464}
.rt-detail-brand{text-align:center;padding:24px 0 0}
.rt-detail-brand span{color:#b18b45;font-size:14px;font-weight:600;letter-spacing:3px}
.rt-detail-brand p{margin:7px 0 0;font-size:12px;color:#999}
@media(max-width:380px){.rt-detail-page{padding:16px 12px 28px}.rt-detail-card-top{padding:18px 15px}.rt-detail-price-section{padding:21px 15px}.rt-detail-section-title{padding-left:15px;padding-right:15px}.rt-detail-device-list,.rt-detail-serial-list{padding-left:15px;padding-right:15px}.rt-detail-meta{margin-left:15px;margin-right:15px;grid-template-columns:repeat(2,minmax(0,1fr))}.rt-detail-gallery{padding:0 15px;gap:10px}.rt-detail-header h1{font-size:24px}}
/* danh sach don hang */
/* RETEZ ORDER LIST - hoàn toàn độc lập với CSS trang cũ */
.rt-list-page,.rt-list-page *{box-sizing:border-box}
.rt-list-page{--rt-gold:#b18b45;--rt-ink:#1d1d1d;--rt-muted:#8792a0;min-height:100svh;background:#fafaf7;color:var(--rt-ink);font-family:inherit;padding:0 0 28px}
.rt-list-container{width:100%;max-width:520px;margin:0 auto;padding:0 20px}
.rt-list-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:25px 0 34px}
.rt-list-back{display:inline-flex;align-items:center;gap:5px;color:var(--rt-gold)!important;text-decoration:none!important;font-size:13px;font-weight:500;flex-shrink:0}
.rt-list-back svg{width:17px;height:17px}
.rt-list-account{display:flex;gap:9px;align-items:center;min-width:0;max-width:62%}
.rt-list-avatar{height:36px;width:36px;flex-shrink:0;border-radius:50%;overflow:hidden;background:#eee9df}
.rt-list-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.rt-list-account-text{min-width:0;display:flex;flex-direction:column;align-items:flex-end;gap:1px;text-align:right}
.rt-list-account-text strong{font-size:12px;font-weight:600;color:#292929;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rt-list-account-text span{font-size:11px;color:#929292;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rt-list-heading{margin:15px 0 24px}
.rt-list-eyebrow,.rt-list-panel-eyebrow{display:block;color:var(--rt-gold);font-size:13px;letter-spacing:1.3px;font-weight:650;margin-bottom:8px}
.rt-list-heading h1{margin:0 0 8px!important;color:#1c1c1c!important;font-size:26px!important;font-weight:600!important;line-height:1.2!important;letter-spacing:-.5px}
.rt-list-heading p{margin:0!important;color:var(--rt-muted);font-size:13px;line-height:1.6}
.rt-list-search{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e9e3d8;border-radius:14px;min-height:52px;padding:5px 5px 5px 15px;margin:0 0 23px;box-shadow:0 4px 16px rgba(0,0,0,.025)}
.rt-list-search>svg{width:18px;height:18px;flex-shrink:0;color:#b18b45}
.rt-list-search input{flex:1;min-width:0;width:auto!important;height:38px!important;margin:0!important;padding:0!important;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;font-size:13px!important;color:#222!important;appearance:none}
.rt-list-search input::placeholder{color:#a0a0a0}
.rt-list-search-button{flex-shrink:0;border:0!important;border-radius:10px;background:var(--rt-gold)!important;color:#fff!important;font-size:13px;font-weight:600;padding:0 17px;min-height:40px;cursor:pointer}
.rt-list-panel{border-radius:20px;background:#fff;border:1px solid #ece7dd;box-shadow:0 10px 30px rgba(0,0,0,.035);overflow:hidden}
.rt-list-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:22px 19px 17px;border-bottom:1px solid #f0eee9}
.rt-list-panel-head h2{margin:0 0 4px!important;font-size:19px!important;line-height:1.3!important;font-weight:600!important;color:#1d1d1d!important}
.rt-list-panel-head p{margin:0;color:#929292;font-size:12px;line-height:1.45}
.rt-list-refresh{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:#f8f4ec;color:var(--rt-gold)!important;flex-shrink:0}
.rt-list-refresh svg{width:19px;height:19px}
.rt-list-items{padding:0 18px}
.rt-list-order{display:block;color:inherit!important;text-decoration:none!important;padding:18px 0;border-bottom:1px solid #eee;transition:background .2s}
.rt-list-order:last-child{border-bottom:0}
.rt-list-order.rt-list-collapsed{display:none!important}
.rt-list-order-top,.rt-list-order-main,.rt-list-order-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}
.rt-list-order-top{margin-bottom:13px;align-items:flex-start}
.rt-list-order-index{font-size:12px;color:#ae8a50;font-weight:650;letter-spacing:.7px;overflow-wrap:anywhere}
.rt-list-status{display:inline-flex;align-items:center;gap:6px;border-radius:99px;padding:5px 10px;max-width:60%;background:#f6efe3;color:#937038;font-size:11px;font-weight:600;line-height:1.3;text-align:right}
.rt-list-status-dot{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:currentColor}
/* Trạng thái tuỳ chỉnh từ GetClassStatus() có thể được thêm theo class thực tế */
.rt-list-order-main{align-items:center;margin-bottom:14px}
.rt-list-order-device{display:flex;align-items:center;gap:12px;min-width:0}
.rt-list-order-icon{width:44px;height:44px;flex:0 0 44px;border-radius:12px;background:#f8f4ec;display:flex;align-items:center;justify-content:center;color:#b18b45}
.rt-list-order-icon svg{width:21px;height:21px}
.rt-list-order-copy{display:flex;flex-direction:column;min-width:0;gap:5px}
.rt-list-order-copy strong{color:#222;font-size:14px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}
.rt-list-order-copy span{color:#919191;font-size:12px;line-height:1.45;overflow-wrap:anywhere}
.rt-list-order-arrow{width:17px;height:17px;flex:0 0 17px;color:#b18b45}
.rt-list-order-foot{color:#9a9a9a;font-size:11px;border-top:1px dashed #f0eeea;padding-top:12px}
.rt-list-order-foot>span:first-child{display:flex;align-items:center;gap:5px}
.rt-list-order-foot svg{width:13px;height:13px}
.rt-list-view{color:#ae8847;font-size:11px;font-weight:500;white-space:nowrap}
.rt-list-empty{text-align:center;padding:45px 18px 48px}
.rt-list-empty-icon{width:70px;height:70px;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;background:#f7f1e6;border-radius:20px;color:var(--rt-gold)}
.rt-list-empty-icon svg{width:32px;height:32px}
.rt-list-empty h3{margin:0 0 8px!important;font-size:19px!important;font-weight:600!important;color:#222!important}
.rt-list-empty p{max-width:285px;margin:0 auto 20px!important;font-size:13px;line-height:1.6;color:#939393}
.rt-list-create{display:inline-flex;align-items:center;justify-content:center;min-height:43px;border-radius:10px;padding:0 18px;background:#b18b45;color:white!important;font-size:13px;font-weight:600;text-decoration:none!important}
.rt-list-more{width:100%;display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-top:1px solid #f0eee9;background:#fff;padding:17px 10px;color:#ab8346;font-size:13px;font-weight:600;cursor:pointer}
.rt-list-more svg{width:17px;height:17px;transition:transform .2s}
.rt-list-more[aria-expanded="true"] svg{transform:rotate(180deg)}
.rt-list-footer{text-align:center;color:#b5aa9a;font-size:10px;letter-spacing:1px;margin:26px 0 0}
.rt-list-footer span{padding:0 5px}
@media(max-width:380px){.rt-list-container{padding:0 14px}.rt-list-header{padding-top:20px;padding-bottom:27px}.rt-list-heading h1{font-size:23px!important}.rt-list-account{max-width:58%}.rt-list-avatar{width:30px;height:30px}.rt-list-panel-head{padding:19px 15px 15px}.rt-list-items{padding:0 15px}.rt-list-order{padding:16px 0}.rt-list-order-icon{width:39px;height:39px;flex-basis:39px}.rt-list-order-device{gap:9px}.rt-list-status{font-size:10px;padding:5px 7px}.rt-list-order-copy strong{font-size:13px}}
/* hoa don */

/* ==========================================
   RETEZ PDF INVOICE - A4
   All styles isolated with rt-pdf-
========================================== */

#invoice.rt-pdf-document {
    box-sizing: border-box !important;

    position: absolute !important;
    left: -99999px !important;
    top: 0 !important;

    display: block !important;

    width: 794px !important;
    min-height: 1123px !important;

    margin: 0 !important;
    padding: 52px 55px 42px !important;

    background: #ffffff !important;
    color: #1b1b1b !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13px;
    line-height: 1.5;

    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
}

#invoice.rt-pdf-document *,
#invoice.rt-pdf-document *::before,
#invoice.rt-pdf-document *::after {
    box-sizing: border-box;
}

/* HEADER */

.rt-pdf-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.rt-pdf-brand {
    display: flex;
    align-items: center;
    gap: 13px;
}

.rt-pdf-brand-symbol {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 49px;
    height: 49px;

    border: 2px solid #b18b45;
    border-radius: 12px;

    color: #b18b45;
    font-size: 28px;
    font-weight: 700;
    font-style: italic;
}

.rt-pdf-brand-name {
    color: #171717;
    font-size: 23px;
    font-weight: 700;
    letter-spacing: 6px;
    line-height: 1.3;
}

.rt-pdf-brand-sub {
    margin-top: 3px;
    color: #9b9b9b;
    font-size: 9px;
    letter-spacing: 1px;
}

.rt-pdf-header-right {
    text-align: right;
}

.rt-pdf-document-label {
    color: #b18b45;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.4px;
}

.rt-pdf-document-id {
    margin-top: 5px;
    color: #303030;
    font-size: 14px;
    font-weight: 700;
}

.rt-pdf-gold-line {
    width: 100%;
    height: 2px;
    margin-top: 25px;
    background: #b18b45;
}

/* TITLE */

.rt-pdf-heading {
    margin: 34px 0 26px;
}

#invoice .rt-pdf-heading h1 {
    margin: 0 !important;
    padding: 0 !important;

    color: #171717;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    letter-spacing: -.4px;
    text-align: left !important;
}

.rt-pdf-heading p {
    margin: 7px 0 0;
    color: #888888;
    font-size: 12px;
}

/* META */

.rt-pdf-meta {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 15px;

    padding: 20px 0;
    margin-bottom: 25px;

    border-top: 1px solid #ece8e0;
    border-bottom: 1px solid #ece8e0;
}

.rt-pdf-meta-item {
    min-width: 0;
}

.rt-pdf-meta-item > span {
    display: block;
    margin-bottom: 7px;

    color: #999999;
    font-size: 10px;
    letter-spacing: .5px;
    font-weight: 600;
}

.rt-pdf-meta-item > strong {
    display: block;
    color: #222222;
    font-size: 13px;
    font-weight: 700;
    overflow-wrap: anywhere;
}

/* PRICE */

.rt-pdf-amount-card {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 24px;

    padding: 26px 28px;

    background: #faf8f3;
    border: 1px solid #eee6d7;
    border-radius: 13px;
}

.rt-pdf-amount-left {
    flex: 1;
    min-width: 0;
}

.rt-pdf-amount-caption {
    display: block;

    margin-bottom: 10px;

    color: #a27c39;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}

.rt-pdf-amount-value {
    display: flex;
    align-items: baseline;
    gap: 10px;
    white-space: nowrap;
}

.rt-pdf-amount-value strong {
    color: #202020;
    font-size: 36px;
    line-height: 1.15;
    font-weight: 700;
    letter-spacing: -1.2px;
}

.rt-pdf-amount-value span {
    color: #a27c39;
    font-size: 17px;
    font-weight: 700;
}

.rt-pdf-condition {
    margin-top: 12px;
    color: #777777;
    font-size: 12px;
}

.rt-pdf-condition b {
    color: #333333;
}

.rt-pdf-status {
    display: inline-block;
    padding: 9px 15px;
    background: #f0e7d7;
    color: #916e35;

    border-radius: 20px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .5px;
    white-space: nowrap;
}

/* SECTION */

.rt-pdf-section {
    margin-top: 31px;
}

.rt-pdf-section-heading {
    display: flex;
    align-items: center;
    gap: 12px;

    margin-bottom: 15px;
}

.rt-pdf-section-number {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 28px;
    height: 28px;

    background: #f4ede1;
    color: #a27c39;
    border-radius: 7px;

    font-size: 11px;
    font-weight: 700;
}

#invoice .rt-pdf-section-heading h2 {
    padding: 0 !important;
    margin: 0 !important;

    color: #222222;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: .5px;
}

/* TABLE */

.rt-pdf-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
}

.rt-pdf-table tr {
    border-bottom: 1px solid #eeeeee;
}

.rt-pdf-table td {
    padding: 13px 15px;
    font-size: 12px;
    line-height: 1.5;
    vertical-align: top;
    overflow-wrap: anywhere;
}

.rt-pdf-table td:first-child {
    width: 35%;
    color: #888888;
    font-weight: 400;
    background: #fcfcfb;
}

.rt-pdf-table td:last-child {
    color: #202020;
    font-weight: 700;
}

/* SHOP */

.rt-pdf-shop-info {
    border-top: 1px solid #eeeeee;
}

.rt-pdf-shop-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: 12px 14px;
    border-bottom: 1px solid #eeeeee;
}

.rt-pdf-shop-row span {
    color: #888888;
    font-size: 12px;
}

.rt-pdf-shop-row strong {
    color: #222222;
    font-size: 12px;
    font-weight: 700;
    text-align: right;
    overflow-wrap: anywhere;
}

/* BARCODE */

.rt-pdf-barcode-section {
    margin-top: 32px;
    padding: 21px 20px;
    text-align: center;

    border: 1px dashed #d9c8ab;
    border-radius: 12px;
    background: #fffefa;
}

.rt-pdf-barcode-heading {
    margin-bottom: 14px;

    color: #a27c39;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
}

.rt-pdf-barcode-image {
    display: flex;
    align-items: center;
    justify-content: center;

    min-height: 70px;
}

#invoice #invoiceBarcode {
    display: block;
    width: auto;
    max-width: 100%;
    height: 65px;
    margin: 0 auto;
}

.rt-pdf-barcode-number {
    margin-top: 10px;
    font-size: 11px;
    color: #777777;
}

.rt-pdf-barcode-number strong {
    color: #171717;
}

/* NOTICE */

.rt-pdf-notice {
    margin-top: 25px;
    padding: 17px 19px;

    background: #f8f8f7;
    border-left: 3px solid #b18b45;
    border-radius: 4px;
}

.rt-pdf-notice strong {
    display: block;
    margin-bottom: 7px;
    color: #333333;
    font-size: 12px;
}

.rt-pdf-notice p {
    margin: 0;
    color: #777777;
    font-size: 11px;
    line-height: 1.65;
}

/* FOOTER */

.rt-pdf-footer {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;

    margin-top: 32px;
    padding-top: 19px;

    border-top: 1px solid #e6e0d6;
}

.rt-pdf-footer-brand {
    color: #b18b45;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 4px;
}

.rt-pdf-footer-brand span {
    display: block;
    margin-top: 3px;

    color: #999999;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 0;
}

.rt-pdf-footer-code {
    color: #888888;
    font-size: 11px;
}

/* ENSURE CLEAN PDF */

#invoice.rt-pdf-document {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

#invoice.rt-pdf-document img,
#invoice.rt-pdf-document svg {
    max-width: 100%;
}

@media print {
    #invoice.rt-pdf-document {
        position: static !important;
        left: auto !important;
        width: 100% !important;
        min-height: 0 !important;
        padding: 0 !important;
    }

    @page {
        size: A4;
        margin: 12mm;
    }
}