/* Vata Batik · Premium workspace */
:root{--blue:#193e60;--ink:#152f44;--muted:#687c8d;--border:#e3e9ed;color:var(--ink);background:#f3f5f6;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{background:radial-gradient(ellipse at 90% 0%,#eaf0f2 0,transparent 45%),#f3f5f6;color:var(--ink)}
.sidebar{background:#112b3d;border:0;width:248px;padding:32px 22px 20px;color:#fff;box-shadow:5px 0 30px #102a3d08}
.sidebar .vata-brand{gap:10px}.sidebar .vata-brand>img{width:42px;height:48px;filter:invert(1)}.sidebar .vata-brand b{color:#fff;font-size:19px;letter-spacing:1.1px;white-space:nowrap}.sidebar .vata-brand small{color:#ccd2cf;font-size:8px;white-space:nowrap}
.workspace{background:#ffffff08;border-color:#ffffff16;margin:30px 0;color:#f0f3f5;gap:10px;padding:14px 11px}.workspace strong{font-size:13px}.workspace>div>span{font-size:10px;color:#a5bac6}.workspace>svg{margin-left:auto;color:#8da6b6;width:15px}.workspace .initial{background:#ffffffec}
.navlabel{color:#869eab;font-size:9px;letter-spacing:1.8px;margin-bottom:14px}.navitem{color:#bdcbd3;border-radius:11px;padding:15px 13px;margin:5px 0;transition:background .18s,color .18s}.navitem:hover{background:#ffffff0b;color:#fff}.navitem.active{background:#ffffff10;color:#f1d6a5}.navitem.active:before{background:#cfac72;left:-22px;height:23px}.navcount{color:#efd3a0;background:#d8b4761a}.sync-card{border-color:#ffffff12;background:#ffffff05;color:#9db1bc;padding:16px;font-size:11px}.sync-card strong{color:#dae4e9}.sync-dot{background:#78b7a4;box-shadow:0 0 0 4px #78b7a410}
.main{margin-left:248px}.topbar{height:80px;background:#ffffffd9;border-bottom:1px solid #dfe7ec;padding:0 36px;backdrop-filter:blur(14px)}.breadcrumb{font-size:12px;color:#81909b}.breadcrumb b{color:#26445a}.topsearch{border-radius:10px;background:#f4f6f7;border:1px solid #e9eef0}.topsearch input{font-size:12px}.profile{color:#294459}.profile small{color:#7f909e}.profile .initial{background:#eff3f4;border:1px solid #e5ebee}.preview-chip{background:#f4efe6;color:#8c734d;border:1px solid #e9dfce}.iconbtn{border-radius:10px;color:#68808f}.iconbtn:hover{background:#edf2f4}
.content{max-width:1500px;padding:32px 36px 70px}.pagetop{align-items:flex-end;margin-bottom:29px;gap:22px}.page-brand{margin-bottom:16px;gap:11px}.page-brand img{width:35px;height:35px}.page-brand>span{font-weight:700;color:#274153;font-size:11px;letter-spacing:2px}.page-brand small{font-size:7px;letter-spacing:1.5px;color:#9a825a}.pagetop h1{font-size:32px;font-weight:750;letter-spacing:-1.15px;line-height:1.18;margin-bottom:10px}.sub{font-size:12px;color:#6c8090;line-height:1.7}.workspace-date{font-size:10px;color:#8a9ba7;margin-top:11px;display:flex;gap:9px;align-items:center}.workspace-date span{color:#b9a078}.pagetop .actions{padding-bottom:3px;gap:10px}
.btn{border-color:#dce5e9;border-radius:10px;min-height:44px;padding:12px 17px;color:#36536a;font-size:12px;font-weight:650;transition:transform .15s,box-shadow .15s,background .15s}.btn:hover:not(:disabled){background:#f0f4f6;border-color:#c9d6df;box-shadow:0 4px 12px #17394f0a;transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn.primary{background:#193e60;border-color:#193e60;box-shadow:0 5px 13px #173d601c}.btn.primary:hover:not(:disabled){background:#245378;border-color:#245378;box-shadow:0 6px 17px #173d6026}.btn.soft{color:#315b77;background:#edf3f6;border-color:#e5eef3}.btn.small{min-height:35px;font-size:11px}.btn.danger{color:#a93e4b;background:#fff0f1;border-color:#f6d9df}.notice{border-radius:14px;border-color:#e7ddc9;background:#f9f6ef;color:#907b57;gap:14px;padding:19px 21px}.notice strong{color:#5c513c;font-size:12px;margin-bottom:5px}.notice div{font-size:11px;line-height:1.7}.notice>svg{color:#ac8a50}
.stats{gap:17px;margin-bottom:22px}.stat{background:#fff;border:1px solid #e3e9ed;border-radius:17px;padding:22px;box-shadow:0 3px 10px #102f4303;position:relative;overflow:hidden}.stat-top{color:#768d9b;font-size:11px}.stat-value{font-size:37px;letter-spacing:-1.3px;margin:16px 0 12px;line-height:1}.stat-value small{font-size:12px;color:#91a1ab;margin-left:6px}.stat-foot{font-size:10px;color:#8296a2;line-height:1.6}.stat-icon{border-radius:11px;background:#eff4f6;color:#456a83;width:36px;height:36px}.stat:first-child{background:linear-gradient(120deg,#163b55,#214c66);border-color:#214c66;box-shadow:0 9px 22px #17384f14}.stat:first-child .stat-top,.stat:first-child .stat-foot{color:#c1d3dd}.stat:first-child .stat-value{color:#fff}.stat:first-child .stat-value small{color:#b8cfdc}.stat:first-child .stat-icon{background:#ffffff12;color:#eed8b1}.stat:first-child:after{content:'';width:100px;height:100px;position:absolute;right:-45px;bottom:-53px;border:1px solid #ffffff12;border-radius:50%;box-shadow:0 0 0 22px #ffffff03,0 0 0 45px #ffffff03;pointer-events:none}
.card{border-radius:17px;border-color:#e2e9ed;box-shadow:0 3px 12px #183e5303}.card-head{padding:24px 24px 0;margin-bottom:20px}.card-head h2{font-size:15px;color:#244359;font-weight:700}.card-head p{font-size:11px;color:#8397a4;line-height:1.6}.count-badge{background:#f3eee4;color:#94784b;font-size:9px}.grid-main{gap:20px}.chart-summary b{color:#20435d}.bar{background:linear-gradient(0deg,#214d68,#7e9eae);border-radius:5px 5px 0 0}.chart-empty{color:#8c9ea9}.bar-label{color:#8496a3}.track{background:#edf2f5}.track>span{background:#557e97}.market-row{padding-top:14px;padding-bottom:14px}.market-info{font-size:12px;color:#446173}.market-qty{color:#294a61}.market-qty small{color:#92a1ac}.card-head .textlink{color:#55768b}.card-head .textlink:hover{color:#173e5c}
.capital-card{border-left:3px solid #bb9b65;background:linear-gradient(110deg,#fff,#fbf9f4);padding:23px 25px;gap:20px;margin-bottom:23px}.capital-card .eyebrow{color:#aa8d5a;letter-spacing:1.8px;font-size:9px}.capital-card h2{color:#21435a;font-size:30px;margin:10px 0 8px}.capital-card p{color:#83929a;font-size:11px}.unit-cost{background:#f3eee4;border:1px solid #eae2d2;min-width:180px;padding:15px 19px;gap:8px;border-radius:12px}.unit-cost span,.unit-cost small{color:#9a896c;font-size:9px}.unit-cost strong{color:#6c5836;font-size:18px}
.inventory-summary{padding:24px;margin-bottom:23px}.inventory-summary-head{margin-bottom:21px}.inventory-summary-head h2{font-size:17px;color:#29495f}.inventory-summary-head .eyebrow{color:#a1875c;font-size:8px;letter-spacing:1.5px;margin-bottom:9px}.inventory-summary-head p{font-size:11px;color:#8a9ba7}.inventory-summary-body{gap:13px}.stock-grand-total{min-width:190px;background:#edf3f6;border-color:#dae6ec;padding:20px;border-radius:12px;color:#7b96a7}.stock-grand-total>strong{color:#214f6c;font-size:33px}.stock-grand-total>span:last-child{color:#7d98a9}.stock-size-totals{gap:9px}.stock-size-total{background:#fbfcfd;border-color:#e5edf1;border-radius:12px;padding:18px 13px}.stock-size-total>span{color:#8197a6}.stock-size-total>strong{color:#3c5f76;font-size:26px}.stock-size-total>span:last-child{color:#94a7b2}.stock-size-total:hover,.stock-grand-total:hover{border-color:#9bb4c3;background:#f0f5f7}
.table-wrap thead,.summary-table-wrap thead{background:#f6f8f9}.table-wrap th,.summary-table-wrap th{color:#8499a7;font-size:9px;letter-spacing:.8px;font-weight:650}.table-wrap td{border-color:#eef2f5;padding-top:16px;padding-bottom:16px}.table-wrap tbody tr:hover{background:#fafcfd}.product-cell b{font-size:12px;color:#35546a}.product-cell small{color:#8e9faa;font-size:10px}.product-cell img{border-radius:8px}.mini-size{border-color:#e7edf0;background:#f7f9fa;color:#8296a4}.mini-size b{color:#4e7087}.table-footer{background:#fcfdfd;border-top:1px solid #edf2f4;color:#8c9faa;padding:17px 23px}.tag{background:#edf5f1;color:#4c806c;font-weight:600}.tag.zero{color:#8d969d;background:#f1f3f4}.tag.low{color:#a87b31;background:#fff6e3}
.filterbar{padding:19px 21px;gap:13px}.search{border-radius:10px;border-color:#e2e9ee;background:#fcfdfd}.search input{font-size:12px}.pill{border-radius:8px;background:#f5f7f8;color:#6f899a;font-size:11px}.pill.active{color:#244f6b;background:#eaf1f5;border-color:#cddfe9}.section-top h2{color:#345369;font-size:15px}.list-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:20px}.product-card{border-radius:16px;border-color:#e3eaee;box-shadow:0 3px 14px #183a5205;transition:box-shadow .2s,transform .2s}.product-card:hover{box-shadow:0 12px 30px #183a5210;transform:translateY(-3px)}.product-card .photo{height:245px;background:#eef0f0;border-bottom:1px solid #e8eef0}.photo img{object-position:50% 22%;transition:transform .4s}.photo .tag{left:13px;top:13px;font-size:9px;padding:6px 9px;box-shadow:0 2px 10px #17374e0a}.product-card-info{padding:19px}.product-card-info h3{font-size:15px;letter-spacing:-.3px;color:#26485e;margin-bottom:7px}.product-card-info p{font-size:10px;line-height:1.7;color:#7d94a4}.size-line{gap:5px;margin:15px 0}.size-line>span{background:#f5f8fa;border-color:#e6edf1;color:#869dab;border-radius:7px}.size-line b{color:#4b6e85}.product-card-info>.btn{background:#f0f5f7;border:1px solid #e3ecf1;border-radius:9px;justify-content:space-between;padding:11px 13px;font-size:11px}
.overlay{background:#0b253e70;backdrop-filter:blur(5px)}.drawer{width:560px;background:#fff}.drawer-head{padding:25px 27px 22px;background:#fcfdfd}.drawer-head h2{color:#23465d;font-size:22px}.drawer-head p{color:#859aa8;line-height:1.7}.drawer-body{padding:24px 27px}.label{color:#4f6e82;font-size:12px;font-weight:650;margin-bottom:9px}.input,#password{border-color:#dce7ee;border-radius:9px;background:#fff;font-size:13px;min-height:44px}.input:focus,#password:focus{border-color:#7197af;box-shadow:0 0 0 3px #7197af12;outline:0}textarea.input{line-height:1.7}.bulk-panel{background:#f3f7f9;border-color:#dce8ee;border-radius:13px;padding:18px}.bulk-heading strong{color:#335e78;font-size:12px}.bulk-heading small{color:#8ca2af;font-size:10px}.qty-stepper{border-color:#dce6ec;border-radius:8px}.qty-stepper button{height:42px;color:#66869c;min-width:31px}.qty-stepper input{height:42px;min-height:42px;color:#355a74}.qty-stepper button:hover{background:#e8f0f4}.bulk-size-item>span{color:#3c617a}.bulk-add-row{padding-top:8px}.bulk-add-row .btn{font-size:11px}.drawer-footer{background:#fff;border-top:1px solid #dfe8ed;box-shadow:0 -8px 24px #1b415606;padding:18px 27px max(18px,env(safe-area-inset-bottom))}.drawer-footer b{color:#2e546c}.drawer-footer small{color:#91a4b1}.line-list{border-radius:12px}.cart-line{border-color:#e7eef2}.market-option.active{border-color:#90afc2;background:#f0f6f9;color:#234c66}.market-option{border-radius:10px}.modal-confirm{border-radius:18px}.users-dialog,.stock-summary-dialog{border-radius:20px}.summary-table-wrap tfoot{background:#ecf3f7;color:#355d77}.summary-number>strong,.qty-cell.subtotal{color:#315e79}.settings-card{padding:26px}.settings-card h2{color:#31546b;font-size:16px}.settings-card p{color:#7b91a0;line-height:1.9;font-size:12px}.settings-card>svg{color:#aa8b58}.user-manage-card{background:#fffdf8;border-color:#e9dfcc}.history-card{padding:21px 23px;border-color:#eaf0f3}.tx-icon{background:#eef4f7;color:#66869b;border-radius:11px}.history-text b{color:#365a70}.history-text p{color:#8399a7;line-height:1.8}.history-end strong{color:#40677f}.empty{color:#91a4b0}.empty strong{color:#56758a}.bottom-note{color:#94a6b1;margin-top:28px;font-size:10px}.connection{color:#8298a6}#toast{background:#173e56;color:#fff;border:1px solid #426275;box-shadow:0 8px 30px #0b243e22;border-radius:12px;font-size:12px}
.login-art{background:radial-gradient(ellipse at 10% 80%,#2e566b,#102c40 70%)}.login-art h1{font-weight:650;letter-spacing:-1.8px}.login-art p{color:#adbfca}.login-form h2{color:#25485e;font-size:28px}.login-help{line-height:1.8}.login-form .label{font-size:12px}.login-form input{width:100%;padding:12px;border:1px solid #dce7ee}
.content>.card,.stats,.grid-main,.list-grid{animation:workspace-in .25s ease both}@keyframes workspace-in{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}button:focus-visible{outline-color:#b99b67}
@media(min-width:1600px){.sidebar{width:248px}.main{margin-left:248px}.content{padding-top:38px}}
@media(max-width:1100px){.sidebar{width:210px;padding-left:18px;padding-right:18px}.sidebar .vata-brand b{font-size:16px}.sidebar .vata-brand>img{width:35px}.sidebar .vata-brand small{font-size:6px}.main{margin-left:210px}.content{padding:27px 25px 70px}.topbar{padding:0 25px}.pagetop h1{font-size:29px}.stat{padding:18px}.stat-value{font-size:33px}.inventory-summary{padding:21px}.stock-grand-total{min-width:150px}.stock-size-total{padding:16px 10px}}
@media(max-width:900px){.main{margin-left:0}.sidebar{display:none}.topbar{height:68px}.mobile-nav{background:#ffffffed;backdrop-filter:blur(16px);border-top:1px solid #e1e9ed;box-shadow:0 -5px 25px #153c5007}.mobile-nav button{color:#8ca0ae;font-size:9px}.mobile-nav button.active{color:#204b67}.mobile-nav .mobile-add{background:#193f5c;box-shadow:0 5px 18px #143f5d28;border:5px solid #f3f5f6;color:#f1dec0}.content{padding-bottom:110px}.pagetop .actions{align-self:flex-end}.grid-main{grid-template-columns:1fr 1fr}.list-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-card .photo{height:225px}}
@media(max-width:700px){.topbar{padding:0 19px;height:65px}.content{padding:25px 18px 110px}.page-brand{margin-bottom:18px}.page-brand img{width:33px;height:33px}.page-brand>span{font-size:10px}.page-brand small{font-size:6px}.pagetop{display:block;margin-bottom:22px}.pagetop h1{font-size:29px;letter-spacing:-1px;margin-bottom:9px}.sub{font-size:12px;line-height:1.7}.workspace-date{font-size:9px;margin-top:11px}.pagetop .actions{display:grid;grid-template-columns:1fr 1fr;margin-top:21px;gap:10px}.pagetop .actions>.btn:only-child{grid-column:1/-1}.btn{font-size:12px;min-height:46px;padding:12px 14px}.notice{padding:16px;border-radius:12px;align-items:flex-start}.notice div{font-size:10px}.notice strong{font-size:11px}.stats{gap:11px;margin-bottom:18px}.stat{padding:17px 15px;border-radius:14px;min-height:139px}.stat-top{font-size:10px}.stat-icon{width:29px;height:29px;border-radius:9px}.stat-icon svg{width:17px;height:17px}.stat-value{font-size:32px;margin:17px 0 9px}.stat-value small{font-size:10px}.stat-foot{font-size:9px;line-height:1.6}.capital-card{padding:20px;margin-bottom:18px;border-radius:14px;gap:16px}.capital-card h2{font-size:28px}.capital-card p{font-size:10px}.unit-cost{width:100%;padding:14px 16px;min-width:0}.unit-cost strong{font-size:18px}.inventory-summary{padding:19px;border-radius:14px;margin-bottom:18px}.inventory-summary-head h2{font-size:16px}.inventory-summary-head p{font-size:10px;line-height:1.7}.inventory-summary-head .eyebrow{font-size:7px;letter-spacing:1px;line-height:1.8}.inventory-summary-head .btn{margin-top:16px;font-size:11px}.stock-grand-total{padding:18px}.stock-grand-total>strong{font-size:30px}.stock-size-totals{gap:8px}.stock-size-total{padding:14px 11px}.stock-size-total>strong{font-size:25px;margin:10px 0}.stock-size-total>span{font-size:10px}.stock-size-total>span:last-child{font-size:9px}.grid-main{grid-template-columns:1fr;gap:18px;margin-bottom:18px}.card-head{padding:21px 19px 0}.card-head h2{font-size:15px}.card-head p{font-size:10px}.card-head .textlink{font-size:10px}.table-footer{padding:15px 18px}.table-wrap td{padding-top:14px;padding-bottom:14px}.product-cell b{font-size:11px}.list-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-card{border-radius:13px}.product-card .photo{height:auto;aspect-ratio:4/5}.product-card-info{padding:13px}.product-card-info h3{font-size:13px}.product-card-info p{font-size:9px;line-height:1.6;margin-bottom:12px}.product-card-info>.btn{font-size:10px;min-height:38px;padding:9px 10px}.photo .tag{font-size:8px;padding:5px 7px;top:9px;left:9px}.size-line{gap:4px;flex-wrap:wrap}.size-line>span{min-width:22px;font-size:8px;padding:5px 4px}.size-line b{font-size:9px}.filterbar{padding:17px;gap:12px}.pill{font-size:10px}.filterbar .pills{gap:6px}.filterbar .btn{font-size:11px}.drawer{width:100%;border-radius:17px 17px 0 0;height:96dvh;margin-top:auto}.drawer-head{padding:21px 19px 18px}.drawer-head h2{font-size:21px}.drawer-head p{font-size:11px}.drawer-body{padding:21px 19px}.drawer-footer{padding:15px 19px max(18px,env(safe-area-inset-bottom));gap:10px}.drawer-footer .btn{min-width:155px;font-size:11px}.drawer-footer b{font-size:17px}.drawer-footer small{font-size:9px}.bulk-panel{padding:15px}.bulk-size-grid{gap:12px 8px}.bulk-size-item>span{font-size:11px}.qty-stepper button{min-width:26px;height:42px}.bulk-heading small{font-size:9px}.bulk-add-row .btn{font-size:10px}.settings-card{padding:22px}.settings-card p{font-size:11px}.user-manage-card{margin-bottom:18px}.users-dialog,.stock-summary-dialog{border-radius:17px 17px 0 0;max-height:95dvh}.users-body{padding:18px}.create-user{padding:18px}.history-card{padding:18px}.history-text b{font-size:11px}.history-text p{font-size:10px}.history-end strong{font-size:12px}.bottom-note{font-size:9px;line-height:1.8}.login-form{padding:30px 23px}.login-form h2{font-size:26px}.login-art{padding:35px 24px}.overlay{backdrop-filter:blur(3px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.new-product-dialog{background:#fff;border-radius:20px;width:min(1040px,96vw);height:min(94dvh,1000px);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 90px #122d4933}.new-product-dialog>.drawer-head{flex:none}.new-product-dialog>form{display:flex;flex-direction:column;flex:1;min-height:0}.new-product-body{overflow:auto;padding:24px 27px;flex:1}.new-product-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:22px}.new-section{border:1px solid #e2eaee;border-radius:14px;padding:21px;margin-bottom:18px}.step-label{display:flex;align-items:center;gap:10px;margin-bottom:19px;flex-wrap:wrap}.step-label>b{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#edf3f6;color:#426c85;font-size:11px}.step-label h3{font-size:14px;color:#31546b;margin:0}.auto-badge{font-size:8px;border-radius:5px;background:#f4efe4;color:#a08759;padding:5px 7px;margin-left:auto}.new-section .field{display:block;margin-bottom:17px}.new-section .label{display:block;font-size:11px}.new-section textarea{resize:vertical;line-height:1.8;min-height:185px}.field-help{font-size:10px;line-height:1.8;color:#859ba9;margin:8px 0 16px}.photo-upload{display:block;position:relative;min-height:205px;background:#f5f8fa;border:1px dashed #bdcfd9;border-radius:12px;overflow:hidden;text-align:center;cursor:pointer}.photo-upload>input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1}.photo-upload>span:not([hidden]){display:flex;align-items:center;flex-direction:column;justify-content:center;padding:35px 16px;min-height:205px;gap:12px;color:#66879c}.photo-upload strong{font-size:13px;color:#3f647d}.photo-upload small{font-size:10px;color:#8aa0af;line-height:1.7}.photo-upload>img{width:100%;height:245px;object-fit:contain;background:#edf2f4;display:block}.photo-upload>img[hidden]{display:none}.photo-upload svg{width:30px;height:30px}.copy-controls{display:flex;justify-content:space-between;align-items:center;gap:12px}.copy-controls small{font-size:9px;line-height:1.7;color:#8aa0af}.copy-controls .btn{font-size:9px;flex-shrink:0}.price-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.price-fields>.field{margin-bottom:0}.new-size-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.new-size{padding:13px;border:1px solid #e3ebf0;border-radius:10px;background:#f9fbfc}.new-size>label{display:flex;align-items:center;gap:8px;margin-bottom:11px;cursor:pointer}.new-size strong{font-size:12px;color:#42667f}.new-size input[type=checkbox]{accent-color:#193e60;width:15px;height:15px}.new-size .input{width:100%;padding:9px;min-height:39px;text-align:center;font-size:12px}.new-size .input:disabled{background:#f0f3f5;color:#a0afb8}.new-stock-total{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #e2eaf0;margin-top:19px;padding-top:17px;color:#8299a9;font-size:11px}.new-stock-total strong{color:#8e744b;font-size:12px}.new-product-note{font-size:10px;line-height:1.8;padding:14px 17px;border-radius:10px;background:#f7f4ed;color:#9a8866}.new-product-dialog .drawer-footer{flex:none}.product-info-link{font-size:9px;background:transparent;color:#7e96a4;text-decoration:underline;text-underline-offset:3px;padding:0 0 8px;line-height:1.7}.product-info-dialog{background:#fff;border-radius:20px;width:min(850px,94vw);max-height:93dvh;display:flex;flex-direction:column;overflow:hidden}.product-info-body{display:grid;grid-template-columns:1fr 1.4fr;gap:25px;padding:25px;overflow:auto}.product-info-body>img{width:100%;border-radius:12px;object-fit:contain;max-height:430px;background:#f4f7f8}.product-info-body h3{font-size:18px;line-height:1.6;color:#2a4c64;margin:7px 0 22px}.saved-description{white-space:pre-wrap;font-size:12px;line-height:1.9;color:#6f8899}.product-info-body p{font-size:12px;color:#718a9b;line-height:1.9}.pagetop .actions{flex-wrap:wrap;justify-content:flex-end}.add-product-btn{border-color:#ddc8a4;color:#937647;background:#fffdf8}.add-product-btn:hover{background:#faf5eb!important}
@media(max-width:700px){.new-product-dialog{width:100%;height:96dvh;max-height:96dvh;margin-top:auto;border-radius:17px 17px 0 0}.new-product-body{padding:18px}.new-product-columns{grid-template-columns:1fr;gap:0}.new-section{padding:17px;margin-bottom:15px}.new-size-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.new-size{padding:11px}.new-stock-total{align-items:flex-start;flex-direction:column;gap:8px}.step-label h3{font-size:13px}.copy-controls{flex-wrap:wrap}.copy-controls .btn{margin-left:0}.new-product-dialog .drawer-footer{padding:15px 18px max(18px,env(safe-area-inset-bottom))}.new-product-dialog .drawer-footer .btn{min-width:145px;font-size:11px}.new-product-dialog .drawer-footer b{font-size:15px}.new-product-dialog .drawer-footer small{font-size:9px}.product-info-dialog{width:100%;max-height:95dvh;border-radius:17px 17px 0 0;margin-top:auto}.product-info-body{grid-template-columns:1fr;padding:19px;gap:22px}.product-info-body>img{height:240px}.pagetop .actions>.add-product-btn{grid-column:1/-1;margin:0}.price-fields{gap:10px}.photo-upload>img{height:235px}}