:is(.operations-panel,.dealer-gate-view){--op-bg:#f0f4f8;--op-ink:#182c42;--op-muted:#667e94;--op-stroke:#dce6ef;--op-accent:#0e7971;--op-tint:#e6f8f3;background:var(--op-bg);color:var(--op-ink);--muted:var(--op-muted);--border:var(--op-stroke);--green:var(--op-accent)} .operations-panel aside{width:240px;padding:24px 14px 18px;background:var(--panel-surface, #fff);border-color:var(--op-stroke)} .operations-panel main{margin-left:240px}.operations-panel .brand{padding:0 10px;color:light-dark(#183347, #aecbff);font-size:18px}.operations-panel .brand .light{color:light-dark(#496777, #abc0d6)}.operations-panel .brand>span:first-child{background:#0b776f}.operations-panel .workspace{margin:20px 4px 22px;background:light-dark(#f3f8fb, #22334a);border-color:var(--op-stroke);color:var(--op-ink)}.operations-panel aside label{color:light-dark(#778c9f, #abc0d6)} .operations-panel nav{margin-top:12px}.operations-panel nav .op-navbtn{padding:10px 9px;gap:11px;align-items:center;font-size:13px;color:light-dark(#496177, #abc0d6);border:1px solid transparent;margin:3px 0;border-radius:10px}.operations-panel nav .op-navbtn:hover,.operations-panel nav .op-navbtn[aria-expanded=true]{background:light-dark(#f1f7fa, #22334a);color:var(--op-accent)}.operations-panel nav .op-navbtn.active{background:light-dark(#e4f8f2, #17382f);border-color:light-dark(#bcebdc, #425670);color:light-dark(#08645c, #8fe6cd);box-shadow:none}.op-navicon,.operations-panel [data-home]>svg{width:33px;height:33px;display:grid;place-items:center;background:light-dark(#eef4f8, #22334a);border-radius:9px;color:light-dark(#617b91, #abc0d6);flex:none}.operations-panel [data-home]>svg{padding:7px}.op-navbtn.active .op-navicon,.op-navbtn.active[data-home]>svg{background:#0f8076;color:#fff}.op-arrow{margin-left:auto;color:light-dark(#7890a5, #abc0d6);font-size:20px}.operations-panel .asidebottom{color:light-dark(#426075, #abc0d6)}.operations-panel .asidebottom hr{border-color:var(--op-stroke)} .operations-panel header{position:sticky;top:0;z-index:4;height:70px;gap:14px;padding:0 23px;background:var(--panel-surface, #fff);border-color:var(--op-stroke)}.operations-panel #crumb{display:block;flex:1;min-width:0}.operation-tabs{display:flex;align-items:center;gap:7px;overflow-x:auto;padding:7px 0}.operation-tab{display:flex;flex:none;align-items:center;border:1px solid #dfe9f0;border-radius:20px;background:light-dark(#f7fafc, #22334a);white-space:nowrap}.operation-tab.selected{border-color:#9fd8cb;background:light-dark(#e7f8f2, #17382f)}.operations-panel .operation-tab button{padding:8px 11px;background:transparent;border:0;color:light-dark(#506b82, #abc0d6);font-size:11px}.operations-panel .operation-tab.selected button{color:light-dark(#08645c, #8fe6cd);font-weight:700}.operations-panel .operation-tab button[data-dismiss]{padding-left:0;font-size:14px;line-height:10px} .operations-panel .headright{gap:8px;flex:none}.operations-panel button:not([aria-pressed=true]):not(.primary):not(.op-navbtn):not(.op-stat):not(.op-shortcuts button):not(.operation-tab button):not(:where(.operations-flyout button,.market-channel-page .market-section-tabs>button,.market-channel)){color:light-dark(#315367, #abc0d6);background:var(--panel-surface, #fff);border-color:var(--op-stroke)}.operations-panel button.primary{background:#087c72;border-color:#087c72}.operations-panel .operation-search{display:flex;align-items:center;gap:8px;min-width:155px;text-align:left}.operations-panel .headright>button{white-space:nowrap;font-size:11px}.operations-panel .headright>button>svg{vertical-align:middle} .operations-panel #content{padding:26px;max-width:1600px;margin:auto}.operations-panel .panel,.operations-panel .card{background:var(--panel-surface, #fff);border-color:var(--op-stroke);color:var(--op-ink)}.operations-panel .paneltitle,.operations-panel td{border-color:var(--op-stroke)}.operations-panel th{background:light-dark(#f4f8fb, #22334a);color:light-dark(#597186, #abc0d6)}.operations-panel input,.operations-panel select{background:var(--panel-surface, #fff);color:var(--op-ink);border-color:var(--op-stroke)}.operations-panel .info,.operations-panel .importprogress{background:light-dark(#eaf7f5, #17382f);border-color:light-dark(#c8e9e3, #425670);color:light-dark(#316863, #abc0d6)}.operations-panel .panel .status{color:light-dark(#087a68, #8fe6cd)}.operations-panel footer{border-color:var(--op-stroke)} .operations-flyout{position:fixed;z-index:80;width:270px;max-width:calc(100vw - 24px);background:var(--panel-surface, #fff);border:1px solid #dbe7ef;border-radius:14px;padding:8px;box-shadow:0 14px 44px #203a5726;color:light-dark(#1d344b, #aecbff)}.flyout-heading{display:flex;align-items:center;gap:9px;color:light-dark(#0a7067, #8fe6cd);font-weight:750;padding:11px 11px 13px;border-bottom:1px solid #e7eef4;margin-bottom:5px}.operations-flyout button,.operation-results button{display:block;width:100%;text-align:left;border:0;border-radius:8px;background:var(--panel-surface, #fff);color:light-dark(#20384f, #aecbff);padding:11px}.operations-flyout button:hover,.operations-flyout button:focus-visible,.operation-results button:hover{background:light-dark(#e9f8f3, #17382f)}.operations-flyout small,.operation-results small{color:light-dark(#648095, #abc0d6);font-size:11px;line-height:1.4} .op-shortcuts,.op-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.op-shortcuts button{min-height:64px;display:flex;align-items:center;gap:11px;text-align:left;background:var(--panel-surface, #fff);color:var(--op-ink);border:1px solid var(--op-stroke);border-radius:13px;font-size:12px}.op-shortcuts button:hover,.op-stat:hover{border-color:var(--interaction-hover)}.op-shortcuts button>span{width:34px;height:34px;display:grid;place-items:center;background:light-dark(#e9f8f5, #17382f);color:light-dark(#08786e, #8fe6cd);border-radius:9px;flex:none}.op-shortcuts i{margin-left:auto;color:light-dark(#69889b, #abc0d6);font-style:normal} .op-hero{display:grid;grid-template-columns:minmax(0,1.8fr) repeat(2,minmax(100px,.65fr));gap:12px;align-items:stretch;margin:0 0 20px;padding:25px;background:linear-gradient(112deg,#e8f5f4,#f9fcfc 60%,#edf9f1);border:1px solid #d7e9e8;border-radius:20px}.op-kicker{font-size:10px;letter-spacing:1.6px;color:light-dark(#487d79, #abc0d6);font-weight:800;margin:4px 0 10px}.op-hero h1{font-size:25px;letter-spacing:-.6px;margin:0 0 8px}.op-hero p{font-size:12px;margin:0}.op-hero-card{display:flex;flex-direction:column;justify-content:center;gap:6px;background:#ffffffd9;border:1px solid #dce9ed;border-radius:13px;padding:14px}.op-hero-card small{font-size:9px;color:light-dark(#627e93, #abc0d6);font-weight:700;letter-spacing:.5px}.op-hero-card strong{font-size:25px}.op-hero-card span{font-size:10px;color:light-dark(#658296, #abc0d6)} .op-stat{position:relative;text-align:left;background:var(--panel-surface, #fff);color:var(--op-ink);border:1px solid var(--op-stroke);border-radius:15px;padding:17px;min-height:113px;overflow:hidden}.op-stat.s0{background:linear-gradient(125deg,#0d766d,#0c8c7c);border-color:transparent;color:white}.op-stat span{display:block;padding-right:33px;font-size:12px}.op-stat strong{display:block;font-size:30px;letter-spacing:-.8px;margin:9px 0 4px}.op-stat small{font-size:10px;color:light-dark(#687f94, #abc0d6)}.op-stat.s0 small{color:#ddf7ef}.op-stat i{position:absolute;right:13px;top:14px;width:31px;height:31px;background:light-dark(#eaf8f3, #17382f);color:light-dark(#0e8270, #8fe6cd);display:grid;place-items:center;border-radius:8px}.op-stat.s0 i{background:#ffffff32;color:white}.op-stat.s2 i{background:light-dark(#fff4df, #342b23);color:light-dark(#a86e22, #ffc492)}.op-stat.s3 i{background:light-dark(#eaf2ff, #22334a);color:light-dark(#3f6fa8, #aecbff)} .op-columns{display:grid;grid-template-columns:1.05fr 1fr;gap:16px}.op-panel{margin-bottom:18px;border:1px solid var(--op-stroke);background:var(--panel-surface, #fff);border-radius:16px;overflow:hidden}.op-panelhead{padding:18px;display:flex;gap:10px;align-items:center;justify-content:space-between;border-bottom:1px solid #e7eef4}.op-panelhead h2{font-size:15px;margin:0 0 5px}.op-panelhead p{font-size:11px;margin:0}.op-panelhead button{font-size:10px;white-space:nowrap}.op-chart{height:158px;display:flex;justify-content:space-around;gap:8px;align-items:end;padding:14px 18px 16px}.op-chart>div{display:flex;align-items:center;flex-direction:column;justify-content:end;gap:6px;min-width:22px}.op-chart b{font-size:10px;color:light-dark(#527184, #abc0d6)}.op-chart i{display:block;width:21px;background:#4eb0a2;border-radius:4px 4px 0 0}.op-chart small{font-size:9px}.op-source-list article{display:flex;align-items:center;gap:10px;padding:13px 17px;border-bottom:1px solid #edf2f6}.op-source-list article:last-child{border:0}.op-source-list article>div{flex:1;min-width:0}.op-source-list b{font-size:12px}.op-source-list small{overflow-wrap:anywhere;font-size:10px}.op-source-list button{font-size:10px;white-space:nowrap}.op-chip{display:inline-flex;white-space:nowrap;padding:4px 8px;border-radius:20px;background:light-dark(#e9f7f2, #17382f);color:light-dark(#176955, #8fe6cd);font-size:10px}.op-chip.op-danger{background:light-dark(#fff0ee, #342b23);color:light-dark(#ae3d33, #ffabb3)}.op-empty{padding:22px;color:var(--op-muted);font-size:12px;line-height:1.8}.op-empty button{margin-left:8px}.op-actionrow{display:flex;gap:8px;padding:17px;flex-wrap:wrap}.operation-results{margin-top:10px}.operations-panel #operationQuery{display:block;width:100%;margin-top:8px} @media(max-width:1100px){.operations-panel #content{padding:19px}.operations-panel header{padding:0 15px}.operations-panel .operation-search{min-width:auto}.operations-panel .operation-search span{display:none}.op-stats,.op-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.op-columns{grid-template-columns:1fr}} @media(max-width:800px){.operations-panel aside{position:static;width:100%;height:auto;padding:12px;overflow:visible}.operations-panel aside .workspace,.operations-panel aside label,.operations-panel aside .asidebottom{display:none}.operations-panel aside nav{display:flex;overflow-x:auto;overflow-y:hidden;margin-top:8px;padding:0;flex:none}.operations-panel nav .op-navbtn{width:auto;white-space:nowrap;flex:none;gap:6px;padding:5px 7px;margin:0 4px 0 0;font-size:10px}.op-navicon,.operations-panel [data-home]>svg{width:23px;height:23px}.op-navicon svg{width:14px;height:14px}.operations-panel main{margin-left:0}.operations-panel header{height:55px;position:static}.operations-panel #content{padding:14px}.op-hero{grid-template-columns:1fr 1fr;padding:16px}.op-hero>div:first-child{grid-column:1/-1}.op-hero h1{font-size:21px}.op-shortcuts button{font-size:10px;min-height:56px}.operations-flyout{left:12px;right:12px;top:105px;width:auto}.op-stat{padding:13px}.op-stat strong{font-size:25px}.operations-panel .headright{width:auto}.operations-panel .headright>button{padding:8px}.operations-panel .headright>button:nth-child(2){display:none}} .operations-panel .operations-flyout button:hover,.operations-panel .operations-flyout button:focus-visible,.operations-panel .operation-results button:hover{background:light-dark(#e9f8f3, #17382f)}.operations-panel .op-navbtn:focus-visible,.operations-flyout button:focus-visible{outline:2px solid #238f81;outline-offset:-2px} .operations-flyout b,.operations-flyout small{display:block}.op-link-status{display:inline-block;margin-left:6px;padding:2px 5px;border-radius:5px;background:light-dark(#fff3d5, #342b23);color:light-dark(#84531a, #ffc492);font-size:10px;font-weight:600} .overview-home{--overview-orange:#ab4217;--overview-line:#dce3ea} .overview-home .pagetitle h1{font-size:clamp(24px,3vw,32px);letter-spacing:-.035em} .overview-shipping,.overview-warnings{border:1px solid var(--overview-line);border-radius:17px;background:var(--panel-surface, #fff);overflow:hidden;margin-bottom:22px} .overview-shipping-top{display:grid;grid-template-columns:minmax(210px,24%) 1fr} .overview-illustration{display:grid;place-items:center;min-height:176px;background:linear-gradient(#fff7eb 0 76%,#ffdfb8 76%)} .overview-illustration svg{width:min(85%,250px);height:auto} .overview-shipping-copy{padding:22px 25px} .overview-kicker{display:block;color:var(--overview-orange);font-size:11px;font-weight:800;letter-spacing:.1em;margin-bottom:8px} .overview-home h2{font-size:19px;letter-spacing:-.02em;margin:0} .overview-home .op-panelhead h2{font-size:15px} .overview-shipping-copy p,.overview-sales-head p,.overview-warnings p{color:var(--op-muted);margin:6px 0 0} .overview-shipping-copy button{margin-top:14px} .overview-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:15px 20px 17px;border-top:1px solid var(--overview-line)} .overview-steps>div{--step:#e68c46;border-top:6px solid var(--step);padding:8px 5px 0;border-radius:4px} .overview-steps>div:nth-child(2){--step:#5695e9} .overview-steps>div:nth-child(3){--step:#39a580} .overview-steps>div:nth-child(4){--step:#b8c2cf} .overview-steps strong{font-size:12px;display:block} .overview-steps small{font-size:11px;line-height:1.45} .overview-warnings{padding:17px 20px} .overview-warnings h2{font-size:15px;margin-bottom:9px} .overview-warnings h2 span{color:var(--overview-orange);margin-right:5px} @media(min-width:801px){html:has(body.operations-panel){scrollbar-gutter:stable}} .overview-warnings>div{display:flex;flex-wrap:wrap;gap:6px} .overview-periods{display:flex;gap:6px;min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:3px 2px 6px} .overview-periods>button{flex:none;white-space:nowrap} .operations-panel .overview-warnings button{border-radius:18px;background:light-dark(#fff5ee, #342b23);color:light-dark(#943a1b, #ffc492);border-color:light-dark(#f2d4c4, #425670);padding:5px 9px;font-size:11px} .overview-sales{margin-bottom:23px} .overview-sales-head{display:flex;justify-content:space-between;align-items:end;flex-wrap:wrap;gap:11px;margin-bottom:13px} .operations-panel .overview-periods button{border-radius:24px;padding:7px 11px;font-size:12px} .operations-panel .overview-periods button[aria-pressed=true]{background:var(--overview-orange);border-color:var(--overview-orange);color:#fff} .overview-sales-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} .operations-panel .overview-sales-grid>button{display:grid;gap:5px;text-align:left;border-radius:13px;border-top:4px solid #c65321;padding:16px} .operations-panel .overview-sales-grid>button:nth-child(2){border-top-color:#3caa89} .operations-panel .overview-sales-grid>button:nth-child(3){border-top-color:#4394d5} .overview-sales-grid span,.overview-sales-grid small{font-size:12px} .overview-sales-grid strong{font-size:clamp(16px,2.6vw,25px);color:var(--op-ink)} @media(max-width:650px){ .overview-shipping-top{grid-template-columns:1fr} .overview-illustration{min-height:90px} .overview-illustration svg{width:130px} .overview-shipping-copy{padding:14px} .overview-steps{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px} .overview-sales-grid{grid-template-columns:1fr} } .op-setup{max-width:920px;margin-inline:auto} .op-setup-progress,.op-setup-step,.op-module-card{background:var(--panel-surface, #fff);border:1px solid var(--op-stroke);border-radius:15px;padding:19px} .op-setup-progress{margin-bottom:20px} .op-setup-progress>div,.op-module-card>div{display:flex;justify-content:space-between;align-items:start;gap:10px} .op-setup-progress progress{width:100%;height:12px;display:block;margin:10px 0 13px;appearance:none;border:0;border-radius:12px;background:light-dark(#ebf0f5, #22334a);overflow:hidden;accent-color:#ab4217} .op-setup-progress progress::-webkit-progress-bar{background:light-dark(#ebf0f5, #22334a)} .op-setup-progress progress::-webkit-progress-value{background:#ab4217;border-radius:12px} .op-setup-progress progress::-moz-progress-bar{background:#ab4217;border-radius:12px} .op-setup-progress p{background:light-dark(#edf8f3, #17382f);color:light-dark(#285747, #abc0d6);padding:12px;border-radius:9px;margin:0 0 10px} .op-setup-steps{display:grid;gap:10px} .op-setup-step{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start} .op-setup-step h2,.op-module-group h2,.op-module-card h3{margin:0;font-size:16px} .op-setup-step p,.op-module-card p{margin:6px 0 12px;color:var(--op-muted);line-height:1.55} .op-step-mark,.op-step-status{color:light-dark(#526679, #abc0d6);background:light-dark(#eef3f8, #22334a)} .op-step-mark{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;font-size:13px;font-weight:750} .op-step-status{display:inline-block;padding:4px 8px;border-radius:14px;font-size:11px;font-weight:700} .op-step-mark.done,.op-step-status.done{background:light-dark(#e4f7ee, #17382f);color:light-dark(#14604b, #8fe6cd)} .op-step-mark.pending,.op-step-status.pending{background:light-dark(#fff2e1, #342b23);color:light-dark(#874618, #ffc492)} .op-module-group{margin:24px 0} .op-module-group h2{margin-bottom:12px;color:light-dark(#53687a, #abc0d6)} .op-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} .op-module-card{display:flex;flex-direction:column;align-items:start} .op-module-card>div{width:100%;flex-wrap:wrap} .op-module-card button{margin-top:auto} #companyProfileForm textarea{display:block;width:100%;margin-top:7px;padding:10px;border:1px solid var(--op-stroke);border-radius:8px;background:var(--panel-surface, #fff);color:var(--op-ink);font:inherit;resize:vertical} #companyProfileForm [role=alert]{color:light-dark(#a3392b, #ffabb3)} @media(max-width:1050px){.op-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:550px){.op-module-grid{grid-template-columns:1fr}.op-setup-step{grid-template-columns:auto 1fr}.op-setup-step>.op-step-status{grid-column:2;justify-self:start}} .management-actions,.management-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap} .management-filters input{min-width:210px;flex:1} .management-filters select{width:auto;max-width:min(270px,100%)} .management-table table{width:100%;min-width:790px} .management-table.is-refreshing{opacity:.65;pointer-events:none} .management-product{display:flex;align-items:center;gap:10px;min-width:230px} .management-thumb{display:grid;place-items:center;flex:none;width:40px;height:40px;object-fit:contain;border-radius:7px;background:light-dark(#f0f4f8, #22334a);color:light-dark(#597186, #abc0d6)} .operations-panel .management-product .management-name{padding:0;border:0;background:transparent;text-align:left;font-weight:700} .management-product .management-name:hover{text-decoration:underline} .management-product small{margin-top:4px} .management-table td:last-child button{white-space:nowrap} .xml-guide{padding:17px 20px;margin-bottom:12px} .xml-guide h2{font-size:16px;margin:0 0 12px} .xml-guide ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding-left:20px} .xml-guide li span{display:block;margin-top:4px;color:var(--op-muted);font-size:12px} .xml-source-body{padding:17px} .xml-links{margin-top:15px} @media(max-width:650px){.xml-guide ol{grid-template-columns:1fr;gap:9px}} .operations-panel .operations-flyout button[aria-current=page]{background:light-dark(#def3ec, #17382f);color:light-dark(#125345, #8fe6cd);box-shadow:inset 3px 0 #238f81} .operations-panel .operations-flyout button:hover, .operations-panel .operations-flyout button:focus-visible{background:color-mix(in srgb,var(--interaction-hover) 17%,var(--panel-surface, #fff));color:var(--op-ink);box-shadow:inset 3px 0 var(--interaction-hover);cursor:pointer} .operations-panel .operations-flyout button:active{background:#93d6c3} .operations-panel .operations-flyout button:hover small, .operations-panel .operations-flyout button:focus-visible small, .operations-panel .operations-flyout button[aria-current=page] small{color:light-dark(#315e53, #abc0d6)} .market-directory { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%, 146px),1fr)); gap:12px; } .operations-panel .market-channel { --connection-color:var(--op-muted); position:relative; display:grid; grid-template-rows:auto 1fr auto; justify-items:start; gap:8px; min-width:0; min-height:132px; border:1px solid var(--op-stroke); border-radius:16px; padding:13px; text-align:left; background:var(--surface); color:var(--op-ink); } .market-channel[data-connection-state="live"] { --connection-color:#087653; border-color:#b0dfcb; } .market-channel[data-connection-state="test"] { --connection-color:#265ca0; border-color:#c7dbf4; } .market-channel[data-connection-state="required"] { --connection-color:#965319; } .market-channel[data-connection-state="unavailable"] { --connection-color:#a13e38; } .market-channel::after { content:""; position:absolute; top:15px; right:15px; width:9px; height:9px; border-radius:50%; background:var(--connection-color); } .market-channel[data-connection-state="live"]::after, .market-channel[data-connection-state="test"]::after { box-shadow:0 0 0 4px color-mix(in srgb,var(--connection-color) 15%,transparent); } .market-channel strong { font-size:16px; overflow-wrap:anywhere; } .market-channel-footer { display:flex; width:100%; min-width:0; align-items:center; justify-content:space-between; gap:6px; font-size:12px; font-weight:650; color:var(--connection-color); } .market-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px} .market-draft-form{padding:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start} .market-draft-form label,.market-draft-form p{margin:0} .market-draft-form p{grid-column:1/-1;color:light-dark(#9b3427, #ffabb3)} .market-draft-form p:empty{display:none} .market-draft-form button{justify-self:start;grid-column:1/-1} @media(max-width:550px){.market-draft-form{grid-template-columns:1fr}} .market-stage{display:flex;align-items:center;gap:7px;align-self:center} .market-stage input[type=checkbox]{width:auto;margin:0} .market-form-actions{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap} .market-report-meta{padding:14px 18px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:13px} .market-list-error{color:light-dark(#9b3427, #ffabb3);margin:0;align-self:center} .market-list-error:empty{display:none} .market-section-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:15px;border-bottom:1px solid var(--op-stroke);padding-bottom:9px} .operations-panel .market-section-tabs>button[aria-pressed=true]{background:light-dark(#dbf5eb, #17382f);border-color:#70b9ab;color:light-dark(#135447, #8fe6cd);font-weight:700} .market-channel-page{--channel-accent:#b84013;--channel-muted:#536177;max-width:1540px;margin:auto;min-width:0} .market-channel-title{display:flex;align-items:center;gap:15px;margin:4px 0 25px} .market-channel-title h1{font-size:clamp(23px,3vw,31px);margin:0;color:light-dark(#171e2b, #dbe8f7);letter-spacing:-.025em} .market-channel-title p,.market-category-note p,.market-notifications p{color:var(--channel-muted);line-height:1.5;margin:5px 0 0} .market-wordmark{background:var(--panel-surface, #fff);color:light-dark(#201c1a, #dbe8f7);font-size:23px;letter-spacing:-.05em;line-height:1.1;padding:6px 10px;border-radius:5px} .market-category-note,.market-notifications{border:1px solid #e5cfc5;border-radius:13px;padding:14px 17px;margin-bottom:15px;background:light-dark(#f9f2ef, #342b23)} .market-notifications{display:flex;gap:12px;align-items:center;border-color:var(--op-stroke);background:var(--panel-surface, #fff)} .market-notifications>span:first-child{background:light-dark(#fff1e6, #342b23);color:var(--channel-accent);padding:9px;border-radius:10px;display:grid;place-items:center} .market-channel-page .market-section-tabs{display:flex;flex-wrap:nowrap;overflow:auto;gap:6px;padding:3px 1px 9px;max-width:100%} .operations-panel .market-channel-page .market-section-tabs>button{flex:none;white-space:nowrap;border-radius:10px;padding:9px 11px;background:var(--panel-surface, #fff);border-color:var(--op-stroke);color:light-dark(#42576b, #abc0d6)} .operations-panel .market-channel-page .market-section-tabs>button[aria-pressed=true],.operations-panel .market-channel-page button.primary{background:var(--channel-accent);border-color:var(--channel-accent);color:#fff} .market-channel-page .op-panelhead{padding:18px 20px} .market-channel-page .op-panelhead h2{font-size:17px} .market-api-form{grid-template-columns:minmax(0,1fr);padding:18px 20px;gap:14px} .market-api-form input:not([type=checkbox]){width:100%;margin-top:5px;font-size:16px} .market-channel-page .market-form-actions button{min-height:43px} .market-load-error{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 14px;margin-bottom:12px;background:light-dark(#fff2eb, #342b23);color:light-dark(#813516, #ffc492);border:1px solid #efd2c1;border-radius:10px} .market-loading{color:var(--channel-muted);margin:0 0 10px} @media(max-width:650px){ .market-channel-title{display:grid;grid-template-columns:auto auto minmax(0,max-content);justify-content:center;gap:9px;margin-bottom:15px} .market-channel-title>div{min-width:0;overflow-wrap:anywhere} .market-wordmark{justify-self:start;font-size:19px} .market-channel-page .op-panelhead,.market-api-form{padding:13px} .market-category-note,.market-notifications{padding:11px;text-align:center} .market-notifications{justify-content:center} } .market-transfer-list{list-style:none;display:grid;gap:0;padding:4px 18px;margin:0} .market-transfer-list li{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding:9px 0;border-bottom:1px solid var(--op-stroke)} .market-transfer-list li:last-child{border-bottom:0} .market-transfer-list small{margin:0;color:light-dark(#536177, #abc0d6)} .operations-panel .market-transfer-list button.market-check-link{background:transparent;border-color:transparent;padding:4px 6px;text-align:left} .operations-panel .market-transfer-list button.market-check-link:hover{text-decoration:underline} .market-transfer-note{margin:14px 17px 0;padding:12px;border:1px solid var(--op-stroke);border-radius:10px} .market-transfer-note p{margin:4px 0 0;color:light-dark(#536177, #abc0d6)} .market-actions-status{margin:0;color:light-dark(#9b3427, #ffabb3)} .market-actions-status:empty{display:none} .market-saved-keys{flex-basis:100%;min-width:0;padding:10px;background:light-dark(#f5f8fb, #22334a);border-radius:8px} .market-saved-keys[hidden]{display:none} .market-saved-keys p{display:grid;gap:4px;color:light-dark(#20384f, #aecbff);margin:0 0 8px} .market-saved-keys code{overflow-wrap:anywhere;user-select:all} .market-code-form { padding: clamp(15px, 3vw, 26px); } .market-code-form section + section { border-top: 1px solid var(--op-stroke); margin-top: 21px; padding-top: 21px; } .market-code-form h2 { font-size: 18px; margin: 0 0 7px; } .market-code-form p { margin: 0 0 13px; line-height: 1.5; } .market-code-form label { display: block; min-width: 0; } .market-code-form label[hidden], .market-code-form p[hidden], .market-code-form p:empty { display: none; } .market-code-form select, .market-code-form input { width: 100%; min-width: 0; margin-top: 6px; min-height: 44px; font-size: 16px; } .market-code-affixes { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%, 210px),1fr)); gap: 12px; } .market-code-affixes:has(label:not([hidden])) { margin-top: 13px; } .market-code-form [data-code-local] { margin: 12px 0 0; } .market-code-form [role=alert] { margin: 14px 0 0; color: light-dark(#9b3427, #ffabb3); } .market-code-form [role=alert][data-saved] { color: light-dark(#08645c, #8fe6cd); } .market-code-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; } .market-code-actions button { min-height: 44px; white-space: normal; } .market-code-issues { padding: 12px 16px; border-top: 1px solid var(--op-stroke); overflow-wrap: anywhere; } .market-code-issues summary { cursor: pointer; font-weight: 700; } .market-code-issues li { margin-bottom: 8px; } @media (max-width: 550px) { .market-code-actions { flex-direction: column; } .market-code-affixes { grid-template-columns: minmax(0,1fr); } } .market-shipping-form .market-shipping-help,.market-brand-source p { margin: 7px 0 0; } .market-shipping-form .market-brand-radio { display: flex; align-items: center; gap: 10px; padding: 12px; min-height: 48px; margin: 8px 0; border: 1px solid var(--op-stroke); border-radius: 12px; } .market-shipping-form .market-brand-radio input { flex: none; width: 18px; min-height: 18px; margin: 0; } .market-brand-source, .market-brand-search { margin-top: 16px; } .market-shipping-form [data-brand-selection] { color: light-dark(#08645c, #8fe6cd); margin: 7px 0; overflow-wrap: anywhere; } .market-shipping-form [data-brand-notice] { margin: 7px 0; overflow-wrap: anywhere; } #marketplaceBrandResults:not(:empty) { display: grid; gap: 5px; max-height: 240px; overflow-y: auto; padding: 5px; border: 1px solid var(--op-stroke); border-radius: 10px; } #marketplaceBrandResults button { text-align: left; min-height: 44px; white-space: normal; overflow-wrap: anywhere; } .market-brand-map { display: flex; justify-content: space-between; align-items: center; gap: 8px; border-bottom: 1px solid var(--op-stroke); padding: 8px 0; } .market-brand-map span { min-width: 0; overflow-wrap: anywhere; } .market-brand-map button { min-height: 44px; flex: none; } .market-pricing-form section[hidden],.market-pricing-form [data-price-group][hidden] { display:none; } .market-pricing-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } .market-pricing-form .market-pricing-choice,.market-pricing-form .market-pricing-switch { display:flex; gap:10px; align-items:center; min-height:48px; padding:12px; border:1px solid var(--op-stroke); border-radius:12px; overflow-wrap:anywhere; } .market-pricing-form .market-pricing-choice:has(input:checked) { border-color:var(--channel-accent); background:#fbf3ee; } .market-pricing-form .market-pricing-choice small,.market-price-results small { display:block; margin-top:4px; } .market-pricing-form .market-pricing-choice input,.market-pricing-form .market-pricing-switch input { flex:none; width:18px; min-height:18px; margin:0; accent-color:var(--channel-accent); } .market-pricing-form .market-pricing-switch { margin:10px 0; } .market-pricing-form .market-pricing-grid + h3,.market-pricing-form section > label + .market-pricing-grid { margin-top:12px; } .market-pricing-table { padding:12px; margin-top:14px; border:1px solid var(--op-stroke); border-radius:12px; } .market-pricing-table h3 { margin:0 0 7px; } .market-pricing-row { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)) auto; gap:8px; align-items:end; margin-bottom:12px; } [data-price-group=categoryRates] .market-pricing-row,[data-price-group=tiers] .market-pricing-row { grid-template-columns:repeat(2,minmax(0,1fr)) auto; } .market-pricing-table button { min-height:44px; } .market-price-results { margin-top:14px; } .market-price-results article { min-width:0; border:1px solid var(--op-stroke); background:#f8f9fb; border-radius:12px; padding:12px; overflow-wrap:anywhere; } .market-price-results strong { color:var(--channel-accent); } @media(max-width:550px){ .market-pricing-grid,.market-pricing-form .market-pricing-row { grid-template-columns:minmax(0,1fr); } .market-pricing-row { padding-bottom:10px; border-bottom:1px solid var(--op-stroke); } } .market-pricing-form [hidden] { display:none; } .market-pricing-details { margin-top:14px; padding:12px; border:1px solid var(--op-stroke); border-radius:12px; } .market-pricing-details summary { cursor:pointer; font-weight:700; } .market-pricing-details[open] summary { margin-bottom:12px; } .market-tariff-note { background:#f8f9fb; border:1px solid var(--op-stroke); border-radius:12px; padding:12px; } .market-tariff-note button { min-height:44px; } [data-price-group=tiers] .market-pricing-row { grid-template-columns:repeat(3,minmax(0,1fr)) auto; } @media(max-width:550px) { .market-pricing-form [data-price-group] .market-pricing-row { grid-template-columns:minmax(0,1fr); } } .market-auto-preview { margin:12px 0; padding:12px; border:1px solid var(--op-stroke); border-radius:12px; background:#f6f8fb; overflow-wrap:anywhere; } .market-auto-preview[data-state=ready] { background:#edf8f4; border-color:#b7dfd0; } .market-auto-preview[data-state=attention] { background:#fff6e8; border-color:#eed1a1; } .market-auto-preview p { margin:0 0 8px; color:inherit; } .market-auto-preview button { min-height:44px; white-space:normal; } .market-draft-form .market-auto-preview { grid-column:1/-1; } .market-batch-review,.market-batch-history{padding:16px;min-width:0;overflow-wrap:anywhere} .market-batch-review .tablewrap{margin-block:12px} .market-batch-review td small{display:block;color:var(--muted);margin-top:3px} .market-engine-approved{background:light-dark(#ecfaf4, #17382f);border-color:light-dark(#a9e0c7, #425670);color:light-dark(#0b6348, #8fe6cd)} .market-engine-approved p{color:inherit} [data-batch-options]{display:grid;gap:6px;margin-block:8px} [data-batch-options] button{white-space:normal;text-align:left} @media(max-width:550px){.market-auto-preview button{width:100%;}} .market-pricing-form .market-pricing-switch { justify-content:space-between; cursor:pointer; } .market-pricing-switch span { min-width:0; } .market-pricing-switch small { display:block; margin-top:4px; } .market-pricing-form .market-pricing-switch input,.market-categories-form .market-switch-control,.own-ready-switch .market-switch-control,.sia-permission-switch .market-switch-control { appearance:none; position:relative; width:52px; height:28px; min-height:28px; border:1px solid #828fa1; border-radius:999px; background:#828fa1; cursor:pointer; padding:0; } .market-pricing-form .market-pricing-switch input::after,.market-switch-control::after { content:""; position:absolute; top:2px; left:2px; width:22px; height:22px; border-radius:50%; background:white; transition:transform .15s ease; } .market-pricing-form .market-pricing-switch input:checked,.market-categories-form .market-switch-control:checked,.own-ready-switch .market-switch-control:checked,.sia-permission-switch .market-switch-control:checked { background:var(--channel-accent); border-color:var(--channel-accent); } .market-pricing-form .market-pricing-switch input:checked::after,.market-switch-control:checked::after { transform:translateX(24px); } .market-pricing-switch input:focus-visible,.market-switch-control:focus-visible { outline:2px solid var(--channel-accent); outline-offset:3px; } @media(prefers-reduced-motion:reduce){.market-pricing-switch input::after,.market-switch-control::after{transition:none;}} .market-categories-form { padding:clamp(12px,2vw,28px); min-width:0; } .market-categories-form [hidden] { display:none; } .customer-account-page { width:min(100%,1160px); margin:0 auto; overflow-wrap:anywhere; } .customer-account-page.panel { padding:clamp(16px,4vw,32px); } .customer-account-page button { min-height:44px; } .customer-account-hero { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:18px; padding:clamp(18px,4vw,34px); border-radius:20px; color:#fff; background:linear-gradient(120deg,#0d253d,#0a665f); } .account-identity { display:flex; align-items:center; gap:16px; min-width:0; } .account-identity h1 { color:#fff; font-size:clamp(23px,4vw,35px); margin:5px 0 9px; } .account-avatar,.account-tile-icon { display:grid; place-items:center; flex:none; border-radius:14px; } .account-avatar { width:60px; height:60px; background:#ffffff24; border:1px solid #ffffff48; font-size:21px; font-weight:750; } .account-eyebrow { color:#d1f0ec; font-size:10px; font-weight:750; letter-spacing:.1em; } .account-type { display:inline-block; border-radius:999px; background:#def7ef; color:light-dark(#145747, #8fe6cd); padding:5px 10px; font-size:11px; font-weight:700; } .customer-account-layout { display:grid; grid-template-columns:minmax(175px,230px) minmax(0,1fr); gap:16px; margin-top:16px; align-items:start; } .account-navigation { display:grid; gap:5px; margin:0; padding:10px; background:var(--surface,#fff); border:1px solid var(--border); border-radius:16px; overflow:visible; } .storefront .account-navigation button { display:flex; align-items:center; gap:9px; width:100%; white-space:normal; text-align:left; border-color:transparent; padding:10px; } .storefront .account-navigation button[aria-current="page"] { background:#e3f4f1; color:light-dark(#12554c, #8fe6cd); border-color:#bfe4de; font-weight:750; } .storefront .account-navigation .account-signout { color:light-dark(#983846, #ffabb3); border-top-color:var(--border); margin-top:5px; } .account-body { min-width:0; } .account-overview { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-bottom:14px; } .storefront .account-overview button { display:grid; gap:8px; justify-items:start; text-align:left; padding:clamp(10px,2vw,16px); border-radius:14px; } .account-overview small,.account-details dt,.account-section-heading p,.account-empty p,.account-order small { color:var(--muted); } .account-tile-icon { width:36px; height:36px; background:#e3f4f1; color:light-dark(#145b51, #8fe6cd); } .account-section { background:var(--surface,#fff); border:1px solid var(--border); border-radius:16px; padding:clamp(14px,3vw,24px); } .account-section-heading h2 { margin:0 0 5px; } .account-section-heading p { margin:0 0 14px; } .account-details { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:0; } .account-details>div,.account-empty { padding:14px; border-radius:12px; background:#f0f5f9; } .account-details dd { margin:6px 0 0; font-weight:650; } .account-order-list { display:grid; gap:8px; } .account-order { display:flex; align-items:center; gap:10px; flex-wrap:wrap; padding:10px; border:1px solid var(--border); border-radius:12px; } .account-order small { display:block; margin-top:4px; } .account-order strong { margin-left:auto; } .account-order-status { background:#eff5fb; border-radius:999px; padding:5px 8px; } @media(max-width:680px){ .customer-account-layout { grid-template-columns:minmax(0,1fr); } .account-navigation { grid-template-columns:repeat(2,minmax(0,1fr)); } .account-avatar { width:46px; height:46px; } .account-details { grid-template-columns:minmax(0,1fr); } } .account-search-form { display:flex; flex-wrap:wrap; align-items:end; gap:12px; padding:16px 20px; } .account-search-form label { flex:1 1 220px; min-width:0; } .account-search-form input,.account-search-form button { min-height:44px; } #accountStatus { margin-inline:20px; } .customer-account-page.customer-publications { width:min(100%,1450px); } .publication-catalog { padding:clamp(12px,2vw,24px); border:1px solid var(--border); border-radius:16px; background:var(--surface,#fff); min-width:0; } .publication-heading,.publication-filters,.publication-source,.publication-paging { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; } .publication-heading h2,.publication-heading p { margin:0 0 6px; } .publication-filters { justify-content:flex-start; align-items:end; margin-block:18px; } .publication-filters label { flex:1 1 170px; min-width:0; } .publication-filters input,.publication-filters select,.publication-catalog button { min-height:44px; } .publication-source { padding:12px 0; border-bottom:1px solid var(--border); } .publication-overview-counts { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr)); gap:10px; padding:16px; } .publication-overview-counts>div { display:grid; gap:5px; padding:12px; border:1px solid var(--border); border-radius:12px; } .publication-overview-channel { display:flex; align-items:center; gap:9px; } .publication-overview-channel .market-logo { width:32px; height:32px; flex:none; } .publication-overview-counts strong { font-size:1.35rem; } .publication-overview-counts small { color:var(--muted); } .publication-source small,.publication-product small,.publication-channel small,.publication-channel time { display:block; color:var(--muted); } .publication-count { margin-block:14px; min-height:1lh; } .publication-table { width:100%; border-collapse:collapse; } .publication-table th,.publication-table td { padding:12px 10px; text-align:left; vertical-align:middle; } .publication-table td { border-bottom:1px solid var(--border); } .publication-product { display:flex; align-items:center; gap:10px; min-width:0; overflow-wrap:anywhere; } .publication-product img,.publication-product>span { width:48px; height:48px; border-radius:10px; object-fit:contain; flex:none; display:grid; place-items:center; background:#eff4f8; } .publication-product button { text-align:left; min-height:34px; } .publication-price { color:light-dark(#a93e12, #ffc492); white-space:nowrap; } .publication-live { color:light-dark(#087453, #8fe6cd); white-space:nowrap; } .publication-waiting { color:light-dark(#8a4911, #ffc492); } .publication-channels { display:flex; gap:6px; flex-wrap:wrap; } .publication-channel { background:#edf5fc; border-radius:9px; padding:5px 8px; font-size:12px; color:light-dark(#193950, #aecbff); } .publication-channel time { font-size:10px; } .publication-paging { justify-content:center; margin-top:12px; } @media(max-width:760px){ .publication-table,.publication-table tbody { display:block; } .publication-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); } .publication-table tr { display:block; border:1px solid var(--border); border-radius:12px; padding:8px 10px; margin-bottom:10px; } .publication-table td { display:flex; justify-content:space-between; gap:10px; padding:8px 0; align-items:center; } .publication-table td:not(:first-child)::before { content:attr(data-label); color:var(--muted); flex:none; font-size:12px; } .publication-table td:last-child { border-bottom:none; } .publication-channels { justify-content:flex-end; } } .market-shipping-form [hidden] { display:none; } .market-categories-heading,.market-categories-tools,.market-categories-footer { display:flex; align-items:center; gap:12px; flex-wrap:wrap; } .market-categories-heading { justify-content:space-between; padding-bottom:16px; } .market-categories-heading h2 { margin:0 0 6px; font-size:1.25rem; } .market-categories-heading p,.market-categories-footer p { margin:0; } .market-transfer-switch,.market-category-switch-row { display:flex; align-items:center; justify-content:space-between; gap:12px; cursor:pointer; } .market-transfer-switch { min-height:48px; padding:8px 12px; border:1px solid var(--line,#d9e3ec); border-radius:14px; background:var(--surface,#fff); } .market-categories-form .market-switch-control { flex:none; margin:0; } .market-categories-form small { display:block; margin-top:4px; color:var(--muted,#51647b); } .market-categories-tools { border-block:1px solid var(--line,#d9e3ec); padding:12px 0; } .market-categories-tools input { flex:1 1 180px; min-width:0; max-width:320px; min-height:44px; } .market-categories-tools div { display:flex; flex-wrap:wrap; gap:8px; } .market-categories-tools button,.market-categories-footer button { min-height:44px; } .market-categories-tools [data-category-count] { margin-inline-start:auto; font-variant-numeric:tabular-nums; } .market-category-switch-list { max-height:clamp(220px,55vh,560px); overflow:auto; } .market-category-switch-row { min-height:64px; padding:10px 12px; border-bottom:1px solid var(--line,#d9e3ec); } .market-category-switch-row span { min-width:0; overflow-wrap:anywhere; } .market-category-switch-row:hover,.market-category-switch-row:focus-within { background:color-mix(in srgb,var(--interaction-hover) 7%,transparent); } .market-categories-footer { padding-top:14px; } .market-categories-form .market-auto-preview { margin-top:12px; } @media(max-width:600px){ .market-categories-heading,.market-transfer-switch { width:100%; } .market-categories-tools input { flex:1 0 100%; max-width:none; width:100%; } .market-categories-tools [data-category-count] { margin-inline-start:0; } } .market-logo { display: block; width: 34px; height: 34px; flex: 0 0 34px; border-radius: 7px; background-position: center; background-size: contain; background-repeat: no-repeat; } .amazon-fields { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 14px; } .amazon-fields label, .amazon-fields input { min-width: 0; width: 100%; } [data-amazon-status] { overflow-wrap: anywhere; } .market-logo-amazon { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAACWUlEQVRoge2aP24aQRSHvzeKpXTcwCnXckNukLV7Q0UVu4E7uHEkoHAK3wEnUoQbKkhqTG4Qp0ChC0fYjirjYnay62XBsPwZVtqvGfE0Gn6/9+bNIHaFBeg6ZYQamnPgFCgtmrsjAmCMMETTk3ue0iZJMqAbvENzC3zctcI16TLjRh6YxoMvDOgGF2i+sf9sr0qA5lK+8MMG/hsIxQ/c6FoTzYU1IQD6imOO+M3hZj5JwIyyPDBVABzxmfyIByjxllsA0XXKwC/HgrLyXiHUXKvIjFBT4TmfTzTnCnNJ5ZVTRb6aN0lJuVawKYUB1xQGXFMYcE3uDbxxLWAhng8nPngfYPLTxPqtuWnzBqrhpD8jmIx2I24Z1RZUmi9jnm/GFE2i6+i5RTphaNBOdb1T4gmEqAqen6onvQfuzsxYacL1Y7ToPui3IpGT0asJTK8AGMfXj9HnQTv6gl3i+VBtmvHuzJiwO6Ix9yfKkiaejMwC1oTdl5WmMbPNHok3rN3vg7ZZ31bfJjDB4grESWssy2QUnRLLTFlhEIlNxu16/Xa0Tkcv7cXVDECUiUVGtkFSqN1OtidTWN1AnGUVWRdbwYy9lc2AxVYlvndXwYreQh9tZiANa+TEj2L2TIetX47bN7Bncv9jrjDgmsKAawoDrlGYp4F5JVDA2LWKDRgrhKFrFZkRhgpNz7WOzGh6KnwC3nWtJQNduefJnELCDflq5oB/fILwGJUOU4Qrt5rWQHMpX/kLsXtAOnxHqHDYlQjiT+khcZGFJsocZk90mVGOi4eUt1UseXnd5hk+j8s+j9cPIQAAAABJRU5ErkJggg=='); } .market-logo-ciceksepeti { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAYFBMVEVHcEyvSC3MVDUWVZsnKSEvICFkQjP7+/sHBgT+/v7Lby3TRztIokETSoZDmD0aQXTXdS+kTiffSz4YWKAVUJLZST1Or0ZLqUQ6gzRfd2VQs0jusY3jfDJRtUkXWaPmTkBOWPw7AAAAHHRSTlMAYYnWEipCAQICr7ezdolU1ynv8q3Z6dNSLvdo8YqLNgAAA+xJREFUWIWlVwcSqzgMFcRFhhCSkL4p97/ltyXbuLE7f/bNBIUiofIkYzBgLMAetWYZzjNptiSAtr8cWv+N1PbF2hmxRw2aZTjX9CpN2JBASnSIRt3VKPn+tvxPAwb475ZkO+FHmhRRlIaCXCW9pjj/qyRSadLr/lR1nUIrEfk8kfYf+nN5uL9et/1jve4KiSCHN+HYCXvHwYtUAqr7x+P+DM/R+7vjO+Do3OC3+beSDSfE4fX5JBb4usuCWvUt2InSA4Tn/pNiz3dcQsTwzjCc6B5EXTo75fqfj6T7jnHP97uy4L3H4AzIUv9zYAO2EP+UBsgCxFw4ISr9F8VALKoNvAdRMCPNX0yCh2kYePcYPHAh6Met0vchQCsHVIuED/C81/o+ic7AaWgYOJ5WHohDQ/++8gC7lgsDxBBaAbwUu+j62JREYPgnUNcVsPoHzxOg/m0HEdri0dIXTHGqI6BpWugpBIO1A7dDMI6GO92IvuGC5D6v8/fAlCPGBWNQHlsu2Hs1h4XvVF9G41sHVBmHdcHWMA/+5rMXuzVZE2zH9Mdj7gJgwoGbHUUCslYlHmgMlHUzqxuGaMWySXgO3O77w0NC7PEoXRnX1mdiSdX1/eCgQN3u9/3eKisR+hviiIs8wAx+ORQO8Hw8nlJwqJkipjwIgxeY+7zMCNn1JxreAMUrEpjmugBC9eP1fL52zbsFTGyaMIHm8fwjjBIql0tpeaCT8BHV+Ivosztt6b4P1lXo1F1X9d+5Y3qEwdiUngeU/Fz997umdWel2oPIA8Bu/OXo/cxAmKdpVq6aANDiAV3tz4X+WUUD0/e77HaXyzQHp1IDFI4oX29rgIEhRu6+DGtlkiEDxINQ+Fr/1wHGjF2+EcvuMpfzwPpf618xrguI8/JNsZtiLogH0JXxW4Shyth9cyxzNGCT0Arguo4Jh+lb4iIjD/7FgTg4ROmCjcM5wVVoZKBPPi3oULtAFsiAqA2MpzUDvu5Lw4LaMnBWK2V9FC0Xvhf+DKhCOHcIgXHrjLg0LMzMgzKJfax/Mg9AbbhgyjK6LsYS7kojiMV+7bmZJ5M+LufY2v+tIJ5A80CrMMWuowyupzzwn2o1GdiAfUx043gdx15h5X5sXwNzxein/+S2jwgppaiDT4coVBZcEnVY1Yx9ztIi0cp4wEMgt7DM2bKwzkts8CDQIbUwCUjXhegqtngQnZqWVD9fF7aRhTRfdsuyc7ON5oEJ+z/e/ZXwl0wq0e17MM4Dvw/0u0DNG9hc6kLybpLOaasGqXoJv0nckmGH+D8MQHBk9cW7StJHAdsyYt0exl11+/OhyrJ7zhhWYAmF1NvyD/+vwwfVlK9JAAAAAElFTkSuQmCC'); } .market-logo-hepsiburada { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACeElEQVRYhdWXQWgTURCGv7eJNkpLqYnQJBUbkIqJh4DpQRGsFEGPgtAioh68iApCSz2KeisIomJ7CPagJVLx4lGrRAqhmApeRKvWVKhESHJIQ42lTdbDRjbJW7eJNkn9TzPz5n/z75t52Y0AUM/RQY5hVHoAJ7VFHEEYC0MiyIIoFH+Lir3GhUshSGHBrxSevL7FAVTs5BhWCsfeGKj0KNS+52ZwKg0sDsAGFSAUUKx1ESBXGVN1e9ADqXnzHcZUUAuckT6IPv5HAX8DIX4bVVM36AyUw9YCnm7Y2lbZrk3N4PLCltY1U81b0NoOZ0bBdwSUgtYvr2GkH5IxY87xG3BsEDbZtNn4PgsPLsD7l4bpQj2LWhIpHsJEDLZ7ZFYmCVd2QTZdmv/tHbh9cn4+B6MnITohLZm3wNEJk3fgXh88u6XHWxyw/5Sc7/ZpoifvQuQh/EgXqlig/yZYmySKeQue34bQZc2OTkBnALoOan57l5yf/ArXumEppfm7D8HQC03Atg4InIDp8RKK+QmU3+n5N0XS5adh6r5eHGD2FcxN677LK1HMBaTjpf7yUhHTgBr/YB4zmCdzAfm86bKElawcKxadXaxSQLVw75Vjzj26bXB111fA4fPQ7ND9nfvA26v7nyMSZX1fefYdcDUKM0/AuhkOnNZn5VMEPk7VWEBsBjwBODpQGs8kYfySIaU6AavLkM1o9spPef3pdW0Oei9CmwsWE9qxPxqAxJzhlvJPsRbWXrFqpbfAIN9qg1UDkWX4wwkUfWRUBIP8CorDf/M9UGMB8TWzaoe4giDcsPKCcOP/nIogC1jwIwhRn3bEEYSw4BdBFn4BcSezbItIGgUAAAAASUVORK5CYII='); } .market-logo-idefix { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAPFBMVEVHcEz7KSkIatv7KSn7KSn7KSkAa9wAa9wAa9z7KSn7KSkAa9wAa9ymRn0UadgAa9z7KSn6KSsAa9z7KSmqPyJvAAAAEnRSTlMAUzkiE61e5iTliLXRBxCU0DRxtlU4AAABHUlEQVRYhe3Wy3KDMAwFUL/kFzYY8///WkpIa5RuJM00WXD3OuhihrFSHx236j2r445raGlPA80iXE7bmZQZgoNtCNCFvF2SqfN2Q7GyBcgruIaBRnsLNmEg0Tq8H3CvAPFLAAwAbb5qDGgaoCpaASoRUOvlLaSVOq+UHr6lRi3w2AHOJRIwnv8dpzPsycf/JM4cojpr3fH64hR5W5wxJUiA6kOXAHHpXQKYqUuA6kuXAPNeXwIc9QXAoz4fOOtzgfqszwTmpXcJMNRnAaZ0ETCj55OBGG7gBm7gb8CT5l+AQpzHwGSI81cgLPQf6ggEz7gaDEDx5PvVBaDXvwIL62bzAwTq6SGAfPoIYNZ/ApzTH4HCOf3fVCNY/5/zBQNHNSXbXZx5AAAAAElFTkSuQmCC'); } .market-logo-n11 { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAk1BMVEVHcEz/RO8YGxobHB0cHB7/RO7/RO66Nq4jHCQaGxwbHB3/RPD/RO4cHB7/RfH/RPD/RO4cHB7/RO4cHB7/////RfYAGQEAAQL/O+9wcHENDRD/Le7CwML/efMTExWEKnzdO85YWVkOGxKQkZH/+v//wPr/pfb/zfn/ZfHv5O9FIUP/jvSjJ5hkJF/bc9BfAFiddpkiP7c8AAAAEnRSTlMA8FCy6pBy/nSRISHfyk+zx9qrwXU5AAADDUlEQVRYhZ2XiXarIBCGTbM3OwQ0MUZjotnb+/5Pd5FNZFHS/5ycSmE+hwGHIQhcWo5W63kPjfPBoj/5cg6zazbsASb0ziHVYPrtbT4S1hUA1hpMvMyHQBXCUNW0++0AtAEgbPdiNgc64KEB4KYlFl8ZMgBprhOgc0mmEKc6AY31Obgj0Sdd+G0QTHucrmz2C9b5QJ0uYADW9vczvE5INQIekxGGD9Nmf4PwxoY9AEMt/k0PDR/kUmDJX6r2380YGYHM3hjjnPxwCmTnTAFs9CDpBATGrzR9ZUhhz2v7iSVKFgjS/j2SAG2Zcn0pXTJXwDkHu4Z2Bwgg8yRYI+AMgkUsCgMT8PIE9Iw9QHUMX1Gkj42sjZkSwmNIRf6ezoeiRHE9PIrj2/OmNEreoGHkM9jvtlQQ3tlDQQlkOEjKK2k/IwYqqv4kqucAm4DwsuW6EsKtvIr2M0qKu+gTAFB/RhxwOWylyigq69YzLuqGBCzlIgoPVMXdgJFMJDZAEncCVjyTKYD7Dj7FHFTAv9+DBbCW20gA7mGYRgl7vlaAC4/cLiSA+10DzOWHIAC7kHxKsQDcEvSSHadTGJ41ALAAyIcQXzgAZTAUHfvjEQrAD3IDqpNBACKSkWXHnowSgJNMeyagck4AfjF0APYPsRX1ICYK4BBCF+CYQx5EfRl9AZAR1sZG8gaw1LkSWzkPPwbQA2QUfGGqR/rzMaDKneR8AhkRQmL3fQIgkyD5oAfoidEEbL0AJPsGdVV2uxZEV5qsouJQ6VwBjif6fKA2+53SgKxWmdWprxJ7zniCVJIlM9mrDQhpwSXLyjrxopelMrJoQM8FvTSsAA+zNrOJF40WgJ8DkJ+NQwOQ+QFkuWc4YCsO3Q5YCmQ/gFI26yWyF2Cj1Eizv3jQKLqXnwO0kru5Eh6rYBTcK9WDbkBftw+C9ScbaWHaN3yQdzX/9zfj0BFF59VLWYs2QMstVF66bFclrrZLVyB3tXsdui+fQ+6CldB98aRe9OxR8Lz6ViKXb30Sn1y+mZaT/oKevO3X///xYf80JWgcPwAAAABJRU5ErkJggg=='); } .market-logo-pazarama { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAA8FBMVEX///8AE+/7AHQAD+/y8v4lMPH/AG/7AG/+AHIAFPPLzPv7AHIACu/7C3f7AG4sN/Gho/hmbfX7JIRhDMQXJPCSCav/+vz9osmnqvlPD83s7P7Awvv/1eX+sND/8/f4+P+3ufq5BJfqCYD9kL7lAoD8MIv+w9usr/mmCKL9hrqvCZ0aFOb+y+GSl/j8PZHGx/s7RfIyF938ZKZ8gvb8U53/5O/ZA4bc3f3k0/P+udf+2OdtCLz8W6FHUPPPN6V6Dbr9nMWbEKpfZvRNVvP9d7HSD44/D9TJDpKIELLwBHvT1P1WC8d0efZYPuKRKLnSHZQWTaIhAAACaElEQVRYhe2VbVvaMBSGCYWkMSkVKAgoFlHWCYJShkwd003dG3v5//9mOUkLLStp8ct27eL5RsO5z3POyUsut9NO/7bc2aHndd4e3bTbN7fHW0d3yjaig7uTbp4RwqzKu/ZWjIZtcD6odTE281KCUjnNjJjNuYFo9SyMDhil3qts8R2HI4pqZiwcRPKnWeI9xBFCrzFTebGUGRRynh5/iAyEaA2rnKzy/n5Rve+H5bCHtPhWEeKrpsxPRu2625lzKuZxLZHMukgBlIV/OjhT+c7r8tsQGQLRx4pZ18bvRQtY2vXEV4o+KMKBFvBRGuiCgWjDhgKL0AkQSE9nYeaAgTv8h9dHAI8lmOl2QwMmSGUm1o4uXIID+gUWSk8aQHlZAavEnV6BtbHFwJoGMOfLv/nxlQl4Q88SvflMuDYAmrKFa7tWFSdHad1uBBTULsIJ0+rAHKicpHWUAliYSQCeHfAJ9ktp7djsR0qYpgDkFMib+FJZNvEz1jdRAlQeVonlKdiwkohOADThLMbH0AgWoDjNraIACRYKdqYeLgEDOPxRq7IDyc1JAojNeC1uNOKHu3lirI6C9iyFAJGsb2KTjKTb2SNX1K/CQMnXxK8A4vpo9rsmZv7Ft4nD1TeYIdHMMAYQCDpoVquLMeJBWdDBtCsxAIR1SIWOatBAK+VpCQA2XxkJewLvRKmnmWAUcDl0YghKm8+YEesp9XEMAHu52fci5waIc+gnwcTy09JHAeKB8cpXRcdx7B8/f1nWyD/YfASTAfJnq9Vy68fTaeZ3fQ2wvXaA/wPgcCHj5QDX2we1XgzYaae/pt/WXDTTmaMgaAAAAABJRU5ErkJggg=='); } .market-logo-pttavm { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAflBMVEUnHdT///8AANEiF9NHQNgfE9MYB9Pv7/y3te67ue/f3vj39v5fWd3T0vWppuocDtP6+v7m5flSTNrGxfJ4dOHX1vVuad+koeqVk+aOi+VbVdxOSNpqZd6/vfDr6/uem+ktJNWDgONlYN1AOdg5Mdaxru00LNZ+euPNy/NzbuDVN/8SAAADBUlEQVRYhe2WXZeiMAyGaWorUKUUVEQd/GSU//8Ht0kLg7uL4uzuOXthLiSnpI9tmr4hCN72tn9rHKx5X1pXvDo/UCq9OYJcp4ptXiSIHWNs6QAwt/7sAUAAGaen9EMJAYQIuNbK+hsQfGj+Ym4YU3mwrefLWwk6CA67WWwnxbPdjme7o3XZ8bTLhgi6MRgyZWRpA3zCOpMfnZvDACAQX0FoC+gBIOrcj2HA+Q7ADr8HDK/ALzlNypyc4qJoP6kxla4V5pBVpqqfANJPkHClYHsamMQ5ng3AFseyr7oaApQYQGfOPjkBXB2IGXtSBx5wxlOCPbrbPwCsvw+4YhFC7ljfARiQAjboKQgIYEDrFnAFPYzwx2iazTpFJ7KAJTrJ6noIBEGra7MaJPRLl1IgAmiL88D5ZWwhtba3gXrRAfxqHpXyPaCgOJdNAohs3ArWhUnZNN/4MCgxj1N09eUDSzt5BgCb6J74SXSBNMDWs12IHJrfAn4N4D0JGVKTh4Cx9h8ALoW106u9o0+Ab/Sev2u+t+AidNddAjckpRRuGFuGC9X300Gf6qWp4nAHXJdJUeyJADYxyUKW6/0MYBHFJl9ZiTyFsbkd74pS7lV7D+YSCnxObNm4K7AC+zLfGPd+ffAXK+oTqA+y9sZ9theShhXIaf+mdX+16u2C4xxVuXdn0mWDAJxZ/wTo7O5qQr2eaJA1viiBlCATTogy4QHL4uZmxkWIj+ouCwCTbALA6C+pmydAO7BhBLAdF6Dyd5akQvUvF1AWU0pfCBDSTIovPCAE33PiLjk9gOtG3kJw2d/Sr9UjAkSPAK6XfAGcpCeFDx8BoDMu+fnWApBocLSUYwBc0fnbTyQPoGMlw0w/BwgEzMFKHmvT5RX5Ng5AW2bhbBW3AN04wEKPArThXRJtiOp2MALgvwlwHz7U3w7XiaTyLjUoqnEs2fSukE55pUy4DYp90aAm8EkUhpHr6CKx7tFuRpZJkqBwiqZOkqJfyV5PBO+Era9xnYDIVmoEPPpgetvbXrYfp+8plK/c7toAAAAASUVORK5CYII='); } .market-logo-temu { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAALcklEQVR4nO2be3BU9RXHP+d3dxPyIiCPQJQASgKm6JSXvCkqAiNix6FO66Mj1lG0WtsKNmJ1tGOpUKXVacdp7TjVcUZt1VqLvIoFRKha8YFiABGRdwiGRwIhye79nf7x281ukt3NAuIq+J3JJPfe3+Occ8/75ickgX93ABv2QaQAdDQwBRgNFAPdAUk2N0NQoBrYDawBFoKsQbXOBDy834QTTkrIRKhCQCQP1anA9cAIoOPJofukoRZ4E/grIgtQPRKcp20GtRCAf5dH2PoYkXLgHuAKoMOXQe1JRAPwEvBrq1oZMB7eXL/5YbMAQhWCEbDKJOB3QPmXTurJRSVwhxGWWoWoNghAuMJgUQQmA38GSjJH50nFdmCGwhKDEJhnMQDqmC8H5nPqMg+Ot/kC5UpEA0IVAkge6F+AqzJJ3ZeIZ0FuBD1i3LVOxTm80wVXRHjGgBQA0/n6e/tjQQdgOkiBiSQ5IzJMUCYwAnS0AS4FCjNNTQZQCFxqgDGZpiSDGGOAnpmmIoPoaYCiTFORQRQZvnpV3ZcJMZmmINP4RgBpj9T4WlpbXbcZfNwEHT/0uPZNQwAK2fnQuTcEc8EqZBVErvMSb5pdCCbYjpDShYCXlXgtq86Kgx0cbcFcCHRwc2x6ewfaHaFgRt6GGXUruuNt7Lq/YQZdgxQPwq56CLv60ZgbtYqUXoSZ+ABatR677H6o2wNynH5WFek9AjNuJvbdp9ENC0F9J4xgDnLuVMyAKdC5hGYi1KIHPkMr/4VuWgx+I6n8fPsCAMjtAh3PRL5VjFc2yUkcgdwzWhLbfQBmysNI8SCk9ygIN2AXzgIb14+z6uhJRyjGIEOmIwOn4fWbgF30C+xbj0MgCzPhPsyYn0beeEsIwPlXYlfOxa58CGwo+Rbp8K/rX4Ta3W7pYA4gaM0W9IPnoyMgKxdz8T1I8aDY4kOuQ8ovd0xbBfGQ/hOdcNq1V4VgLlIUaUx1KESG/QiyC5BzLsSM/DF42eju9+HQzti0A5+he9dDVj5m7Cyk98iU5tC+AETQ7W+hm19tSd6WFWjVevcmLUjfccjAVhV1h0K8KfMxI2cg5VMwlz2Md83zmDE/A9OO8imQ0wkK4hLVw9UQbkD6TYDsAvCbsIvvwq6c5ybYMHbZ/dj/zAHrQ04npGxiykwnDR+g0LEHdB/QUi7dyiCvKxz53G1Qvx+t3Y106edUPspg596Y7/4R1DpnFqpHNy8DP5zaDBSkoBjJ6xq7te0NsGGkc+8I9dlI2UTsyt86Rx1qwG5ahJk8F4znxuR1O0EBiGCGz0B6XdDydp8xmGE3OOmLoDvfxj79PaTPaOSsocjQ62OD4962Vm/Ern+x3W0B5MzBkJ2P7ngLKSxxZmgCkNc9tvQFN0G4Ed2wAMTDXHwvZtDVsTUKe4GXDX7TcQjAKtJnJGb4TQmoM5gRt6CbFqN7PnBC2LUOrarE+8HY5Eyd0Rfpdi66dQ1EXhKqMZcggAXOKEGG3YDuWIv/zPcx4yvQuj1OAF4c2dn5mPEVMPp2dx3MbalZwRynDb6SSBVSCEAhpwDznTtb2mE8OvfGjJuF/+KN0KEQM+BStK4K6Xehe259OFLtYnVeN/c7pzNm9G1o0QDsB8/D0VrI7YScORg5e7wzkZ1vY8bdiXTrj//ctVCzDUINkfCXCx1atS/EQFZeclZSILkALEjZZGTAlJQLyHnTkA9fQLeuQkonYs4eB/lFzkGtehj93xPgBZBxMzHDbgQR5NzL0boqMP9ABl+NGXEzUjzYMWHDEG6AYB529SPopiXOVXsByCmEhoOwdwMUDUyPw/1bIJw8F0htAoer0f1bka6liesmtej+T+HoAag/iP/ybZgh05Gh05GCnmACSP/JkbEKjbXovo3om3/Cvv8s0q0/ZsL9bv0oTADEQ995ErviwZjtellIXnc05GNXPYzp3AfpeX7Ev7QOcwI2jO56B/v6I04TkzhcCVVIioAs0LkEUzYJigc77xvMgaZ69OBnsOtd7KalcGhHjEkECoqQXsNcvM+JJEt1Vei2Neiud+BwjXshgWwXTbqXI7ldIgLwXI7x6WvQdKSZcCmdAIf3ubgP0LEY6TGwrTlEcfQgWvUh1FWljDbtCICYgxKBYLbTBOtDuMk9S5TVtXZq0PI6fnz82HiYBGsiceslmRePNDLOtMIgEqm0Qg1xC0d+EtmWJLgtbf6IW79dKtoyku68dpBaAAoEsmJJRSJY3zkZEfdWTMDNSQY/7Oy6ebwHXhBCjYkZitKgFvxQy3mapARWnKYKKe0fUglABPn2VZjBP3R2n6gcFYGmI9i3Hkc/+qcLixfdjXQbkHx8/X7sf/+Abl7u/MuFs5GuZei6Z7Brn3LVXjMjivSfjBl9OzTUYl+bh+58D+nSFxlf0XyPIzUxJlWhoAhz0S8Bwa6YA7XJ/UASAbh4a4bPQPomT2qiMCaAv/EVTP/JLjNrB1Jfg25ejim9BDPiZnev5/lozVb0k+XO/lWRrqWYKfObCyKp241ufw8pnYAZPgOajqAbFqCfvt7C10jpJZiRtwKC7lyLrn0qqbkkEYBAqBHdshyJ1triQX53p67hRleYoC4Ubl4G4bBLUqJUHN4H4aO03lnDTejWVTHVjiKvK+bC2fh71kF9jQt7Y++IVYMAgRy3XDS1FpPQPCW7oDlsS1ZuSl+Z3ATUx654EPv2E84c8rpjrn4O6XIOuvt97N+vQ8MNzjbrqlvO9UP4r/wc3bKyFYEuPjvhtYX0uwgz6jbsq79CzpuGGXxtCtK/GKR2gn4THNzhXnS4yTkhgHADenA7hI6667Q7PtYlTTbcSjEUrAXjYUbeArU7kVG3Q1a+E7AkCitfDNILg2jbsNN8nYAwL4h32e8TmIBg17+AXTwbmhpjt9WilS8jfcZAfhFm6qPOnEJH0U2LkbJJx53rt4f0WmLHDHH+ItGTs8e7Zka8AMSgGxejVR9iLr63mVmtfBn7ztOuDZcMJ9h3PTkCUItuWwN1e1uaR7gJu+455+RaKI6AhrGrH0FKhiNlk9G9H2H/fR/kd0u+j5i2PcFj7I6fHAH4IeyrD6CblsVqfnCEWdqmueCYOXwQu/BOpOojdNMitPpjpCDBp8twRHsC2UjvEa5ijOYdgmvZR+jQ2t0pST05AjAecu5UpMvZrapIQRsOurBZuy/BPNCq9ejCWdHhbSGgO9e6IqegB2bYDa7C3PaGe9xnDGbIdQBo7S7YW3mCLbEotL2vQfGMBDCjf5L0sV05F7twdtv1oW2h1FqfBbS6Evvu05ixd0DhWXjTnoD6z93DvC7OgfpN6BuPoTWfpIxS6X0aE6DxEOzb6K4P7YiExFZJzoFtroRNa0HQur0ulNZ/jtZsTjzs0E63bnRfAD+MXT4Hu3yO60d4AehUAp16OYdavQG7qAL7xmPtvrT2y+Fm7hTp2g9KRrpM7sC2VpJVCOQg/S5GOpWQ2BMJ2liHfrzUJUPBHNe2Dh1Ft6xo+QElbo70GgpnnOPmHd3vJKPuOwOdeiE9BiKdekUaNFtdu76uKgkNxyuAiBCI9haTqVU63+Ti50fHJ3KMbfZNUAIn6guk++WJY3WC6dTgqRg53vGp9j3BvsA3/x+QaQIyDUNm/pvhqwI1wN5MU5FB7DXAnkxTkUHsMcDqTFORQaw2wCLgUKYpyQAOAYsMyBrc6arTDW+CrDGgdcCTuNNVpwsagCdB6yKtU1mAO1p2uuClCM8uiXTnhigHnufUOy7XGpXAlUBlcJ66TFAQ1D2YiTtadqpiOzBToVIiBYQBCMyz7nuDsAS4CSeMUw2VwE1GWCI4niGuFnAnKQ1WdSlORZ7l1HCMDThernS8GeLPECcsJOPOEp4ah6eRBZDG4el4+LMDWOsDX/Pj82idMR7eg4mPz/8fxZZV4R/O0sMAAAAASUVORK5CYII='); } .market-logo-trendyol { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAA81BMVEX////7ZxH7aBL7aRMdHRv6fij8gy0AAACGRh7/eyL7eiT8hS/8iDIJGBv8jDb8jzmQQxj7YQD9wpv9q478kzYFBQCRkZAYGBb+9vK9vb0REQ+cnJvv7+/4+Pj7WwDPz8/Z2dn+28j8n3L7fjrRwbi/nJCMOQD8rXtZWVgsLCo0NDJvb2+tra3k5ONjY2JDQ0F/f36CPQb/tZL/dg/8n1feikn5t5rw0L/8kVrtiVbm0MXbj23jcjfVflXiXADIppbvqI7aZRv8nF/8kk8zJBrJWRhBJxjbXBFnMBNNLBkgFw3fdBr9qm/akWH8gxvWnXr3yKgkrY2zAAACqUlEQVRYhe2XbVObQBCAAS/ZEmMq2uPCcbzEVCHhVa2prda2idba2uj//zVd0n4oCElu7Ix+8JkMZDn2ub0DhkNRXnh29AeT3aVM3veXpA9ODddYgat++NjU+55rqGtguGeiNn+4VvpCcZ48Kr8wPKxhTyIfDWcP5s+VyVdV921FcCpVAJbwqTIDhqpJoV6UZ2HgyuVrWmUME0NWYHwuCXblBV8eK9itCDYkeUqBpj1ZBdqGrnc6rW5beyjYP9heyddOtzWdBUdBq4gO9ksCE7ZWQTam02AY7AWz4SWGYJYFlBDCSBOM40Y9nc6mw2Hn+uobhrRGEI6a8scRI1vXF+fXV9vfby63RlGdgLEkBOyLc0Y4xQ3+pUXPnELqACc3Nz+wcqCMZU6tIBd2RMIwN8c8ss0RD9PcjjjDII9EljLG0oxiy5hmok7APSfxiKUkwrZF7CfcVrzYySEWsSdEphCeiTR2MMjqBTiEDMDygYaCAMS27QPkfuaMAUwH/BxyL3U4tvgNglEScmrFwCPHsizfsz1gmYg8KPqGyIcktS0M0iRsFGAFKEjFGCGFIBR4MoXIASZMn+QCeFFVrYDwxDJTFBDieZHp/RWAj0HiUIgVG0a+FZkiahKknheaJsdaYt9LIY8pyywY4Whyi/PQydiiJaKZVX8j4QX/c+UZZbjneIzhnQGMUiAQW4u4aMGjtYKl8Djk/8ZVweqHqXJG5WHaP3wlyWH5cT461iU5PqoIOpL8d4HekkR/doJ5W5L5pCTY0WUFevn1PphvSjIvLzD60oKflYXebbsrRftXOR/H0O0h3cVv9b43ry7zlGCzJ8HmXTVf6b/rvV6b3knNclvC0DupWWyjIZivl9+9q13uFzN5+2YNgqYPjkUVg/udpdwv/eR54Yn4DdDKh3CfrLeOAAAAAElFTkSuQmCC'); } /* Shared interaction treatment for the storefront and both panel roles. */ :root { --interaction-hover: #087f73; } :where(button:not(:disabled), a[href], summary, [role="button"]:not([aria-disabled="true"])):focus-visible { outline: 2px solid var(--interaction-hover); outline-offset: 2px; } @media (hover: hover) and (pointer: fine) { :where(button:not(:disabled), a[href], summary, [role="button"], .clickableproduct) { transition: box-shadow .16s ease, background-color .16s ease, color .16s ease; } :where(button:not(:disabled):not([aria-disabled="true"]), summary, [role="button"]:not([aria-disabled="true"]), .clickableproduct):hover { box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--interaction-hover) 65%, transparent), 0 3px 12px color-mix(in srgb, var(--interaction-hover) 15%, transparent); } :where(a[href]):hover { text-decoration: underline; text-underline-offset: .22em; text-decoration-color: var(--interaction-hover); text-decoration-thickness: 2px; } .operations-panel .market-channel:hover, .account-overview > button:hover { border-color: var(--interaction-hover); background: color-mix(in srgb, var(--interaction-hover) 9%, var(--surface, var(--panel-surface, #fff))); } :where(.market-channel, .op-shortcuts > button, .account-overview > button):not(:disabled):hover { translate: 0 -1px; } } @media (prefers-reduced-motion: reduce) { :where(button, a[href], summary, [role="button"], .clickableproduct):hover { transition: none; translate: none; } } .dealer-sync-history { list-style:none; margin:0; padding:0; } .dealer-sync-history li { padding:16px clamp(12px, 3vw, 24px); overflow-wrap:anywhere; } .dealer-sync-history li + li { border-top:1px solid var(--op-stroke); } .dealer-sync-heading { display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; gap:8px; } .dealer-sync-heading small { display:block; margin-top:4px; } .dealer-sync-history li p { margin:8px 0; } .dealer-sync-history time { color:var(--op-muted); font-size:.85rem; } @media (max-width: 640px) { .management-table table, .xml-history-table table { min-width:0; } .management-table, .xml-history-table { padding:10px; } .management-table .publication-table td, .xml-history-table .publication-table td { overflow-wrap:anywhere; } .management-table .publication-table td:last-child { align-items:flex-start; } .management-table td:last-child button { white-space:normal; } } .connected-marketplaces { padding:14px; } .connected-marketplaces > .op-empty { margin:0; } .market-channel-detail { color:var(--op-muted); line-height:1.4; overflow-wrap:anywhere; } .connected-marketplaces .market-directory { grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr)); } /* Bayi ve yönetici destek merkezi */ .support-shell{margin:18px 0 32px;max-width:1250px}.support-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.support-tabs button{border:1px solid var(--border,#dce3eb);background:var(--surface,#fff);padding:12px 17px;border-radius:11px;cursor:pointer;font-weight:650;color:inherit}.support-tabs button.active{background:#194f92;color:#fff;border-color:#194f92}.support-shell h3{font-size:19px;margin:24px 0 13px}.support-shell h3 small{font-size:14px;font-weight:500;color:light-dark(#64748b, #abc0d6)}.support-video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,285px),1fr));gap:16px}.support-video{background:var(--panel-surface, #fff);border:1px solid #e2e8f0;border-radius:14px;overflow:hidden}.support-video-frame{aspect-ratio:16/9;background:light-dark(#e9eff7, #22334a)}.support-video-frame iframe{width:100%;height:100%;border:0}.support-video-text{padding:16px}.support-video-text h4{margin:5px 0 8px;font-size:16px}.support-video-text small,.support-video-text p,.support-muted{color:light-dark(#64748b, #abc0d6)}.support-video-text p{line-height:1.55}.support-guide{display:grid;gap:9px}.support-guide details{background:var(--panel-surface, #fff);border:1px solid #e2e8f0;border-radius:12px;padding:16px}.support-guide summary{cursor:pointer;display:flex;justify-content:space-between;gap:12px;font-weight:700}.support-guide summary small{font-weight:400;color:light-dark(#64748b, #abc0d6)}.support-guide details p{line-height:1.6;margin:15px 0}.support-guide details button{padding:9px 12px;border-radius:9px}.support-form{background:var(--panel-surface, #fff);border:1px solid #e2e8f0;border-radius:14px;padding:20px;display:grid;gap:15px;max-width:750px}.support-form label,.support-reply label,.support-status-form label{display:grid;gap:7px;font-weight:600}.support-form input,.support-form textarea,.support-form select,.support-reply textarea,.support-status-form select{box-sizing:border-box;width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:9px;font:inherit;color:light-dark(#172b4d, #aecbff);background:var(--panel-surface, #fff)}.support-form button,.support-reply button{justify-self:start}.support-tickets-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.support-ticket-layout{display:grid;grid-template-columns:minmax(230px,0.85fr) minmax(0,1.5fr);gap:16px;align-items:start}.support-ticket-list{display:grid;gap:8px}.support-ticket-row{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;padding:15px;border:1px solid #e2e8f0;background:var(--panel-surface, #fff);border-radius:11px;width:100%;cursor:pointer;color:light-dark(#1e293b, #dbe8f7)}.support-ticket-row.selected{border-color:#2563eb;background:light-dark(#eff6ff, #22334a)}.support-ticket-row span{min-width:0}.support-ticket-row b{display:block;overflow-wrap:anywhere}.support-ticket-row small{display:block;color:light-dark(#64748b, #abc0d6);margin-top:5px;line-height:1.5}.support-ticket-row em{font-size:12px;font-style:normal;background:light-dark(#eaf2fb, #22334a);padding:5px 8px;border-radius:8px;flex-shrink:0}.support-detail{border:1px solid #e2e8f0;border-radius:14px;background:var(--panel-surface, #fff);padding:18px;min-height:260px;min-width:0}.support-detail-head h3{margin:0 0 5px}.support-detail-head small{color:light-dark(#64748b, #abc0d6)}.support-thread{display:grid;gap:10px;margin:20px 0}.support-message{background:light-dark(#f1f5f9, #22334a);border-radius:11px;padding:13px;max-width:95%;overflow-wrap:anywhere}.support-message.admin{background:light-dark(#e9f5ee, #17382f);margin-left:auto}.support-message small{color:light-dark(#64748b, #abc0d6)}.support-message p{white-space:pre-wrap;margin:8px 0 0;line-height:1.55}.support-reply{display:grid;gap:12px}.support-status-form{display:flex;align-items:end;gap:9px;flex-wrap:wrap;margin:16px 0}.support-status-form label{flex:1;min-width:130px}.support-status-form button{padding:12px}.support-empty{background:var(--panel-surface, #fff);border:1px dashed #cbd5e1;border-radius:14px;padding:32px;text-align:center;color:light-dark(#64748b, #abc0d6)}.support-error{color:light-dark(#b91c1c, #ffabb3)} @media(max-width:800px){.support-shell{margin:12px 0}.support-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.support-tabs button{padding:11px 7px;font-size:12px}.support-ticket-layout{grid-template-columns:minmax(0,1fr)}.support-ticket-list{max-height:290px;overflow-y:auto}.support-detail{padding:13px}.support-guide summary{flex-direction:column;gap:4px}.support-form{padding:14px}.support-status-form{display:grid;grid-template-columns:1fr 1fr}.support-status-form button{grid-column:1/-1}.support-tickets-head h3{font-size:17px}} /* Destek rehberi: bayi paneli sekme düğmeleriyle tutarlı hover/focus */ .support-guide details{padding:8px 10px;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease;} .support-guide details:hover{border-color:#64b8b2;box-shadow:0 3px 12px rgba(20,109,110,.12);background:light-dark(#f7fdfd, #22334a);} .support-guide details:focus-within{border-color:#4ca9a4;box-shadow:0 0 0 3px rgba(45,161,155,.13);} .support-guide details[open]{border-color:#72bbb5;background:var(--panel-surface, #fff);} .support-guide summary{padding:12px 14px;border-radius:10px;align-items:center;outline:none;transition:color .18s ease,background-color .18s ease;} .support-guide summary:hover,.support-guide summary:focus-visible{background:light-dark(#eaf7f5, #17382f);color:light-dark(#155f60, #8fe6cd);} .support-guide summary:focus-visible{outline:2px solid #58aaa6;outline-offset:2px;} .support-guide summary span{color:inherit;} .support-guide summary small{color:light-dark(#64748b, #abc0d6);} .support-guide details[open] summary{background:light-dark(#eef9f7, #17382f);color:light-dark(#155f60, #8fe6cd);} @media(max-width:800px){.support-guide details{padding:6px}.support-guide summary{padding:13px 12px;min-height:48px;}} @media(prefers-reduced-motion:reduce){.support-guide details,.support-guide summary{transition:none;}} /* Bayi sepeti: mobil uyumlu adet ve teslimat alanları */ .cart-checkout{max-height:80vh;overflow-y:auto}.cart-item{display:flex;gap:14px;align-items:center;justify-content:space-between}.cart-item>div:first-child{min-width:0;flex:1}.cart-qty{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.cart-qty button{min-width:36px;min-height:36px}.cart-delivery{margin:18px 0}.cart-delivery h3{margin:0 0 12px}.cart-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cart-fields label{min-width:0}.cart-delivery textarea,.cart-delivery select{width:100%;max-width:100%;box-sizing:border-box}#dealerWalletInfo{margin:12px 0;padding:12px;border:1px solid #d1dce5;border-radius:10px}@media(max-width:600px){.cart-item{align-items:flex-start;flex-direction:column}.cart-fields{grid-template-columns:1fr}.cart-checkout .actions{display:flex;flex-wrap:wrap}.cart-checkout .actions button{flex:1 1 160px}} /* Sepet modalı: tek kaydırma alanı, sabit başlık ve sağ kenar scrollbar */ #modal:has(.cart-checkout){padding:0!important;overflow-y:auto!important;overflow-x:hidden!important;max-height:min(90dvh,900px);width:min(640px,calc(100vw - 24px));box-sizing:border-box;scrollbar-gutter:stable;} #modal .cart-checkout{max-height:none!important;overflow:visible!important;padding:0 24px 24px;box-sizing:border-box;} #modal .cart-modal-heading{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#10243c;padding:18px 0 14px;margin:0 0 12px;} #modal .cart-modal-heading h2{margin:0;} #modal .cart-modal-close{display:inline-grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:10px;background:var(--panel-surface, #fff);color:light-dark(#10243c, #aecbff);font-size:27px;line-height:1;cursor:pointer;} @media(max-width:600px){#modal .cart-checkout{padding:0 15px 18px;}#modal .cart-modal-heading{padding:14px 0 12px;}} /* Sepet kapatma butonu: simgeyi tam ortala */ #modal .cart-modal-close{display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;line-height:1!important;font-family:Arial,sans-serif!important;font-size:26px!important;text-align:center!important;} /* Cart checkout: isolated responsive layout, preserving other panel screens. */ #modal:has(.cart-checkout){width:min(640px,calc(100vw - 20px));max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px);margin:auto;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;} #modal .cart-checkout{width:100%;min-width:0;} #modal .cart-checkout form,#modal .cart-delivery,#modal .cart-delivery label{min-width:0;max-width:100%;} #modal .cart-checkout input,#modal .cart-checkout textarea,#modal .cart-checkout .tm-select{min-width:0;max-width:100%;box-sizing:border-box;} #modal .cart-checkout .cart-item>div:first-child{min-width:0;overflow-wrap:anywhere;} #modal .cart-checkout .cart-qty{flex-shrink:0;} #modal .cart-checkout .carttotal{overflow-wrap:anywhere;} #modal .cart-modal-heading{z-index:12;} #modal .cart-modal-close{flex:0 0 42px!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;} @media(max-width:600px){ #modal:has(.cart-checkout){width:calc(100vw - 12px);max-width:calc(100vw - 12px);max-height:calc(100dvh - 12px);border-radius:14px;scrollbar-gutter:auto;} #modal .cart-checkout{padding:0 14px 18px!important;} #modal .cart-modal-heading{padding:12px 0!important;margin-bottom:10px;} #modal .cart-modal-heading h2{font-size:21px;} #modal .cart-item{flex-direction:column!important;align-items:stretch!important;gap:10px!important;padding:14px 0;} #modal .cart-qty{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px;} #modal .cart-qty button{min-width:42px;min-height:42px;} #modal .cart-fields{grid-template-columns:minmax(0,1fr)!important;gap:10px;} #modal .cart-checkout .actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:9px;} #modal .cart-checkout .actions button{width:100%;min-width:0;min-height:44px;} #modal .cart-delivery label{display:block;} #modal .cart-delivery input,#modal .cart-delivery textarea,#modal .cart-delivery .tm-select-button{width:100%!important;} } @media(max-width:380px){#modal .cart-checkout{padding:0 11px 15px!important;}#modal .cart-qty{gap:6px;}#modal .cart-qty button{padding:8px 10px;}} /* Dealer add-to-cart follows Appearance > Main color automatically. */ .operations-panel .dealer-add-cart, .dealer-add-cart{background:var(--primary)!important;border-color:var(--primary)!important;color:#fff!important;transition:background .16s,border-color .16s,filter .16s!important} .operations-panel .dealer-add-cart:hover:not(:disabled),.dealer-add-cart:hover:not(:disabled){background:var(--interaction-hover,var(--primary))!important;border-color:var(--interaction-hover,var(--primary))!important;filter:brightness(.96)} .dealer-add-cart:focus-visible{outline:2px solid var(--primary);outline-offset:2px} /* Bayi sepet aksiyonları: Görünüm > Ana renk ve Hover ayarlarıyla birlikte değişir. */ .operations-panel .dealer-add-cart:hover:not(:disabled), .dealer-add-cart:hover:not(:disabled){ background:color-mix(in srgb,var(--primary) 82%,var(--interaction-hover) 18%)!important; border-color:var(--primary)!important; filter:brightness(.97); } #toast button[onclick="openCartFromNotice()"]{ background:var(--primary)!important; border:1px solid var(--primary)!important; color:#fff!important; border-radius:8px; transition:background .16s ease,border-color .16s ease,filter .16s ease; } #toast button[onclick="openCartFromNotice()"]:hover{ background:color-mix(in srgb,var(--primary) 82%,var(--interaction-hover) 18%)!important; border-color:var(--primary)!important; filter:brightness(.97); } #toast button[onclick="openCartFromNotice()"]:focus-visible{ outline:2px solid var(--interaction-hover); outline-offset:2px; } /* Bayi Ürünler sayfasının sağ üstündeki Sepete git: tema ana rengi ve hover. */ .operations-panel button.primary[onclick="showCart()"], .operations-panel .publication-heading button.primary[onclick="showCart()"] { background:var(--primary)!important; border:1px solid var(--primary)!important; color:#fff!important; transition:background .16s ease,border-color .16s ease,filter .16s ease!important; } .operations-panel button.primary[onclick="showCart()"]:hover:not(:disabled), .operations-panel .publication-heading button.primary[onclick="showCart()"]:hover:not(:disabled) { background:color-mix(in srgb,var(--primary) 82%,var(--interaction-hover) 18%)!important; border-color:var(--interaction-hover)!important; filter:brightness(.97); } .operations-panel button.primary[onclick="showCart()"]:focus-visible { outline:2px solid var(--interaction-hover); outline-offset:2px; } /* PWA yükleme düğmesi: yönetici görünüm ayarlarına bağlı, bayi ve yönetici paneli */ #panel-install-desktop[data-panel-install], #panel-menu [data-panel-install] { background:var(--primary)!important; border:1px solid var(--primary)!important; color:#fff!important; font-weight:600!important; border-radius:9px!important; box-shadow:0 3px 10px color-mix(in srgb,var(--primary) 18%,transparent); transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease!important; } #panel-install-desktop[data-panel-install]:hover:not(:disabled), #panel-menu [data-panel-install]:hover:not(:disabled) { background:var(--interaction-hover,var(--primary))!important; border-color:var(--interaction-hover,var(--primary))!important; box-shadow:0 5px 15px color-mix(in srgb,var(--primary) 25%,transparent); transform:translateY(-1px); } #panel-install-desktop[data-panel-install]:focus-visible, #panel-menu [data-panel-install]:focus-visible {outline:2px solid var(--primary);outline-offset:3px} @media (prefers-reduced-motion:reduce){#panel-install-desktop[data-panel-install],#panel-menu [data-panel-install]{transition:none!important;transform:none!important}} /* Bayi sepet butonları: PWA yükleme butonuyla aynı tema ve hover davranışı. */ .operations-panel .dealer-add-cart:not(:disabled), .dealer-add-cart:not(:disabled), .operations-panel button.primary[onclick="showCart()"], #toast button[onclick="openCartFromNotice()"] { background:var(--primary)!important; border:1px solid var(--primary)!important; color:#fff!important; border-radius:9px!important; box-shadow:0 3px 10px color-mix(in srgb,var(--primary) 18%,transparent)!important; transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease!important; } .operations-panel .dealer-add-cart:hover:not(:disabled), .dealer-add-cart:hover:not(:disabled), .operations-panel button.primary[onclick="showCart()"]:hover:not(:disabled), #toast button[onclick="openCartFromNotice()"]:hover { background:var(--interaction-hover,var(--primary))!important; border-color:var(--interaction-hover,var(--primary))!important; box-shadow:0 5px 15px color-mix(in srgb,var(--primary) 25%,transparent)!important; filter:none!important; transform:translateY(-1px)!important; } @media (prefers-reduced-motion:reduce){ .operations-panel .dealer-add-cart,.dealer-add-cart, .operations-panel button.primary[onclick="showCart()"], #toast button[onclick="openCartFromNotice()"]{transition:none!important;transform:none!important;} } /* Destek: aktif sekme ve seçili talep temayla aynı renk, sabit yerleşim */ .support-tabs button.active{background:var(--primary,#087c72)!important;border-color:var(--primary,#087c72)!important;color:#fff!important;box-shadow:0 2px 8px color-mix(in srgb,var(--primary,#087c72) 18%,transparent)} .support-ticket-row.selected{border-color:var(--primary,#087c72)!important;background:color-mix(in srgb,var(--primary,#087c72) 11%,var(--panel-surface, #fff))!important;box-shadow:inset 3px 0 0 var(--primary,#087c72)} .support-ticket-row:hover{border-color:var(--interaction-hover,var(--primary,#087c72))} .support-ticket-row,.support-tabs button{transform:none!important;transition:background-color .14s,border-color .14s,box-shadow .14s!important} .support-detail{overflow-wrap:anywhere} [data-notification-bell]{position:relative} [data-notification-bell] span:not([hidden]){ position:absolute;inset:2px 2px auto auto;min-width:17px;padding:1px 3px;border-radius:10px; background:var(--primary,#087c72);color:white;font-size:10px;font-weight:700;line-height:15px;text-align:center; } .notification-controls,.notification-device{display:flex;align-items:center;gap:10px;flex-wrap:wrap} .notification-list{list-style:none;margin:0;padding:0;display:grid;gap:8px} .notification-row{ display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px; padding:14px;border:1px solid var(--border,#dce3eb);border-radius:12px; color:inherit;text-decoration:none;overflow-wrap:anywhere; } .notification-row.unread{background:color-mix(in srgb,var(--primary,#087c72) 7%,var(--surface,var(--panel-surface, #fff)))} .notification-row:hover,.notification-row:focus-visible{ border-color:var(--interaction-hover,var(--primary,#087c72)); background:color-mix(in srgb,var(--interaction-hover,var(--primary,#087c72)) 10%,var(--surface,var(--panel-surface, #fff))); } .notification-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--surface,#fff);color:var(--primary,#087c72)} .notification-summary,.notification-action{display:grid;gap:4px} .notification-summary small,.notification-summary time,.notification-device small{color:var(--muted,#526780);font-size:.8rem} .notification-action{color:var(--primary,#087c72);justify-items:end} .notification-device{margin-top:14px} .notification-device button[hidden],.support-ticket-row[hidden],.support-ticket-list [hidden]{display:none} .notification-empty{display:grid;justify-items:center;gap:8px;text-align:center;padding:24px 12px} .notification-empty svg{color:var(--primary,#087c72)} .support-ticket-sidebar{min-width:0;border:1px solid var(--border,#dce3eb);border-radius:14px;background:var(--surface,#fff);padding:12px} .support-search-label{display:grid;gap:6px;margin-bottom:12px} .support-ticket-list{max-height:min(62vh,700px);overflow:auto} .support-ticket-row em{max-width:42%;text-align:center;overflow-wrap:anywhere} .support-tickets-head{flex-wrap:wrap} .support-detail{scroll-margin-top:85px} @media(max-width:800px){ .support-ticket-list{max-height:220px} .notification-row{padding:10px;gap:8px} .notification-icon{width:32px;height:32px} .notification-action small{font-size:.67rem} .notification-controls{gap:6px} .notification-controls strong{font-size:.8rem} .support-tabs button,.notification-controls button,.notification-device button{min-height:44px} } .listing-channel-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,225px),1fr)); gap:12px; margin-block:18px; } .listing-channel-card { display:grid; gap:8px; align-content:start; min-width:0; padding:16px; border:1px solid var(--border); border-radius:14px; background:var(--surface,#fff); } .listing-channel-card > div { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; } .listing-channel-card button { justify-self:start; margin-top:4px; } .listing-channel-card small,.listing-table td { overflow-wrap:anywhere; } .listing-table td:first-child small { display:block; margin-top:4px; } .listing-origin { display:inline-block; padding:5px 9px; border-radius:12px; background:var(--panel,#edf2f6); color:var(--text,#172b41); } @media(max-width:600px) { .listing-filters { display:grid; grid-template-columns:minmax(0,1fr); } .listing-filters button { justify-self:start; } .listing-table td { flex-wrap:wrap; } .listing-table td:first-child { display:block; } } .listing-channel-card > div > b { display:inline-flex; align-items:center; gap:8px; } .listing-channel-card .market-logo { width:26px; height:26px; } .listing-channel-breakdown { display:flex; flex-wrap:wrap; gap:6px 12px; color:var(--muted); font-size:13px; } .listing-row-actions { display:flex; flex-wrap:wrap; gap:6px; } .listing-adoption-state { display:block; margin-top:5px; } .listing-action-form { display:grid; gap:12px; min-width:0; } .listing-action-form > button { justify-self:start; } .listing-action-preview { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,2fr); gap:8px 12px; margin:0; } .listing-action-preview dd { margin:0; overflow-wrap:anywhere; } .listing-action-confirm { display:flex; gap:8px; align-items:flex-start; } .listing-action-confirm input { width:auto; flex:none; } .listing-bulk-tools,.listing-bulk-progress { display:flex; flex-wrap:wrap; gap:8px; align-items:center; padding:12px; border:1px solid var(--border); border-radius:12px; margin-block:12px; } .listing-bulk-progress[hidden] { display:none; } .listing-selection-row { display:flex; gap:10px; align-items:flex-start; margin:0; } .listing-selection-row input { width:18px; height:18px; margin:2px 0; flex:none; } .listing-selection-row > span { min-width:0; overflow-wrap:anywhere; } .listing-bulk-samples { margin:0; padding-left:24px; max-height:36dvh; overflow:auto; } .listing-bulk-samples li { padding:5px; overflow-wrap:anywhere; } .listing-bulk-samples small { display:block; } @media(max-width:600px) { .listing-bulk-tools button { flex:1 1 130px; white-space:normal; } .listing-bulk-tools [data-listing-selection] { flex-basis:100%; } } @media(min-width:1101px){.dealer-overview-stats,.dealer-overview-steps{grid-template-columns:repeat(3,minmax(0,1fr))}} .dealer-xml { display:grid; gap:18px; min-width:0; } .dealer-xml .op-panel { margin:0; min-width:0; } .dealer-xml-body,.dealer-xml-steps { padding:clamp(14px,3vw,24px); margin:0; } .dealer-xml-body { display:grid; gap:14px; min-width:0; } .dealer-xml-body p,.dealer-xml-steps p { margin:0; line-height:1.6; overflow-wrap:anywhere; } .dealer-xml-state,.dealer-xml-actions button,.dealer-xml-actions a { display:inline-flex; align-items:center; gap:8px; } .dealer-xml-state { font-weight:700; } .dealer-xml-state svg,.dealer-xml-steps svg { color:var(--op-accent); flex:none; } .dealer-xml-actions { display:flex; flex-wrap:wrap; align-items:center; gap:10px; } .dealer-xml-actions a { padding:10px 13px; border-radius:9px; border:1px solid var(--op-stroke); color:inherit; } .dealer-xml [data-xml-feed-status]:not(:empty) { display:grid; gap:12px; min-width:0; border:1px solid var(--op-stroke); border-radius:12px; padding:14px; } .dealer-xml [data-xml-feed-status] label { display:grid; gap:6px; min-width:0; } .dealer-xml [data-xml-feed-status] input { width:100%; min-width:0; box-sizing:border-box; } .dealer-xml [data-xml-feed-status]:empty,.dealer-xml [data-xml-feed-message]:empty { display:none; } .dealer-xml-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; list-style:none; } .dealer-xml-steps li,.dealer-xml-fields>div,.dealer-xml-note { min-width:0; border:1px solid var(--op-stroke); border-radius:12px; padding:14px; } .dealer-xml-steps h3 { margin:8px 0 5px; } .dealer-xml-fields { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:0; } .dealer-xml-fields dt { display:flex; align-items:center; flex-wrap:wrap; gap:6px 10px; } .dealer-xml-fields code,.dealer-xml-body p code { padding:2px 6px; border-radius:5px; background:color-mix(in srgb,var(--op-accent) 9%,transparent); color:var(--op-ink); overflow-wrap:anywhere; } .dealer-xml-fields dd { margin:7px 0 0; line-height:1.5; overflow-wrap:anywhere; } .dealer-xml-note { display:flex; align-items:flex-start; gap:10px; background:color-mix(in srgb,var(--op-accent) 5%,transparent); } .dealer-xml-note svg { color:var(--op-accent); flex:none; } .dealer-xml-note p { margin-top:4px; } @media (hover:hover) and (pointer:fine) { .dealer-xml-actions a:hover,.dealer-xml-fields>div:hover { border-color:var(--interaction-hover); } } @media (max-width:700px) { .dealer-xml-steps,.dealer-xml-fields { grid-template-columns:minmax(0,1fr); } } .dealer-finance { display:grid; gap:18px; min-width:0; } .dealer-finance .op-panel { margin:0; min-width:0; } .finance-grid { display:grid; gap:14px; grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr)); } .finance-grid.finance-columns { grid-template-columns:repeat(2,minmax(0,1fr)); } .finance-metrics article { min-width:0; padding:18px; border:1px solid var(--op-stroke); background:var(--surface,#fff); border-radius:14px; } .finance-metrics h3 { margin:8px 0 6px; font-size:1rem; } .finance-metrics strong { font-size:clamp(1.2rem,2vw,1.6rem); overflow-wrap:anywhere; } .finance-metrics small,.finance-records small { display:block; color:var(--muted); margin-top:5px; line-height:1.45; overflow-wrap:anywhere; } .finance-icon { display:inline-grid; place-items:center; width:38px; height:38px; border-radius:10px; background:color-mix(in srgb,var(--op-accent) 10%,transparent); color:var(--op-accent); } .finance-body,.finance-form { padding:clamp(12px,2vw,20px); min-width:0; } .finance-body .finance-form { padding:0; } .finance-form { display:grid; gap:12px; align-items:end; grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr)); } .finance-form label,.finance-body>label { display:grid; gap:6px; min-width:0; } .finance-form input,.finance-form select,.finance-body input,.finance-body select { min-width:0; max-width:100%; width:100%; } .finance-body>label { max-width:350px; } .finance-label { display:inline-flex; align-items:center; gap:.45rem; min-width:0; overflow-wrap:anywhere; } .finance-label svg { flex:none; width:1em; height:1em; color:light-dark(#007c8e,#8ae8ef); } .finance-dealer-identity { display:flex; align-items:center; gap:.65rem; } .finance-dealer-identity>div { min-width:0; } .finance-actions { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-block:12px; } .finance-actions button[aria-pressed=true] { border-color:var(--op-accent); background:color-mix(in srgb,var(--op-accent) 10%,transparent); } .dealer-finance button svg { vertical-align:middle; } .finance-records { list-style:none; padding:0; margin:12px 0 0; } .finance-records li { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; padding:12px 4px; border-top:1px solid var(--op-stroke); } .finance-records li>div { min-width:0; overflow-wrap:anywhere; } .finance-records li>div:first-child { flex:1 1 180px; } .finance-records li b { display:flex; align-items:center; flex-wrap:wrap; gap:8px; } .finance-records .market-logo { width:29px; height:29px; flex:none; } .finance-records button { margin-top:5px; } [data-admin-finance-detail]:empty,[data-finance-entry]:empty,.dealer-finance p[role=status]:empty { display:none; } [data-finance-account]:not(:empty) { margin-top:14px; } @media(hover:hover) and (pointer:fine) { .finance-metrics article:hover { border-color:var(--interaction-hover); } } @media(max-width:700px) { .finance-grid.finance-columns { grid-template-columns:minmax(0,1fr); } } .operations-panel .headright>[data-panel-mode-toggle] { display:grid; place-items:center; flex:none; width:44px; height:44px; padding:0; } html[data-panel-mode="dark"] { --panel-surface:#1b293c; } html[data-panel-mode="dark"] body { --surface:var(--panel-surface); --page-bg:#111a29; --text:#edf4ff; --header:#1b293c; --scroll-thumb:#647e9f; --scroll-track:#19283b; --primary:color-mix(in srgb,#4caa9b 76%,white); --interaction-hover:#75d7c3; --success:#8fe6cd; --warning:#ffd197; } html[data-panel-mode="dark"] :is(.operations-panel,.dealer-gate-view,.panel-loading,.panel-login) { --op-bg:var(--page-bg); --op-ink:var(--text); --op-muted:#abc0d6; --op-stroke:#3e526b; --op-accent:#8fe6cd; --op-tint:#17382f; --muted:var(--op-muted); --border:var(--op-stroke); --gate-muted:var(--op-muted); background:var(--page-bg); color:var(--text); } html[data-panel-mode="dark"] :is(.operations-panel,.dealer-gate-view,.panel-login) :is(dialog,.loginbox,textarea) { background:var(--surface); color:var(--text); border-color:var(--op-stroke); } html[data-panel-mode="dark"] .operations-panel :is(.operations-flyout,.op-panel,.table,.listtable) { border-color:var(--op-stroke); } html[data-panel-mode="dark"] .operations-panel a[href] {color:#a8ccff} html[data-panel-mode="dark"] .operations-panel button:disabled {opacity:.65} html[data-panel-mode="dark"] .operations-panel :is(input,textarea)::placeholder {color:var(--op-muted)} html[data-panel-mode="dark"] .operations-panel :is(.account-details>div,.account-empty,.account-order-status,.market-price-results article,.market-tariff-note,.market-auto-preview) { background:#22334a; } html[data-panel-mode="dark"] .market-auto-preview[data-state="ready"] {background:#17382f;border-color:#3a6d61} html[data-panel-mode="dark"] .market-auto-preview[data-state="attention"], html[data-panel-mode="dark"] .market-pricing-form .market-pricing-choice:has(input:checked) {background:#342b23;border-color:#7b5543} html[data-panel-mode="dark"] .market-price-results strong {color:#ffc492} html[data-panel-mode="dark"] .market-channel[data-connection-state="live"] {--connection-color:#8fe6cd;border-color:#3a6d61} html[data-panel-mode="dark"] .market-channel[data-connection-state="test"] {--connection-color:#aecbff;border-color:#425670} html[data-panel-mode="dark"] .market-channel[data-connection-state="required"] {--connection-color:#ffd197} html[data-panel-mode="dark"] .market-channel[data-connection-state="unavailable"] {--connection-color:#ffabb3} html[data-panel-mode="dark"] .account-type {background:#17382f} html[data-panel-mode="dark"] .operations-panel .primary:not(.dealer-add-cart) {color:white} html[data-panel-mode="dark"] .operations-panel :is(.dealer-add-cart,[onclick="showCart()"].primary), html[data-panel-mode="dark"] :is(#panel-install-desktop,#panel-menu [data-panel-install],#toast button[onclick="openCartFromNotice()"]) { --primary:#087c72; --interaction-hover:#07665d; } html[data-panel-mode="dark"] #modal .cart-modal-heading {background:var(--surface)} html[data-panel-mode="dark"] .dealer-gate-intro {--gate-accent:#087c72} html[data-panel-mode="dark"] .dealer-gate-form button.primary {background:#087c72;color:white} html[data-panel-mode="dark"] .support-tabs button.active {--primary:#087c72} html[data-panel-mode="dark"] #panel-mobile-nav button[aria-current="page"], html[data-panel-mode="dark"] #panel-mobile-nav summary:hover, html[data-panel-mode="dark"] #panel-mobile-nav button:hover {color:var(--op-accent)} .panel-data-table{width:100%;overflow:auto;border:1px solid var(--op-stroke);border-radius:16px;margin:18px 0;background:var(--panel-surface,#fff)} .panel-data-table table{width:100%;border-collapse:collapse;font-size:13px} .panel-data-table th{padding:15px;text-align:left;background:light-dark(#f6f8fb,#22334a);color:var(--op-muted);font-size:11px;white-space:nowrap} .panel-data-table td{padding:18px 15px;border-top:1px solid var(--op-stroke);vertical-align:middle;overflow-wrap:anywhere} .panel-data-table tr:hover{background:var(--op-tint)} .panel-data-table small{display:block;color:var(--op-muted);margin-top:5px} .order-channel{display:inline-flex;align-items:center;gap:9px;white-space:nowrap} .order-channel .market-logo{width:38px;height:28px;flex:none;background-size:contain} .order-pill{display:inline-flex;border-radius:20px;padding:6px 10px;background:light-dark(#fff0df,#48341f);color:light-dark(#a3470f,#ffca91);font-size:12px} .order-pill.is-credit{background:light-dark(#e6f8ef,#183f35);color:light-dark(#087d56,#8ee8c5)} .order-pill.is-debit{background:light-dark(#fff0f1,#452b38);color:light-dark(#bb304b,#ffb6c7)} .panel-order-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:end} .panel-order-filters label{flex:1 1 220px;margin:0} .panel-order-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0} .panel-order-tabs button{display:flex;align-items:center;gap:7px} .panel-order-tabs button[aria-pressed=true]{border-color:var(--op-accent);background:var(--op-tint);color:var(--op-accent)} .panel-order-tabs .order-pill{background:transparent;color:inherit;padding:0} .panel-order-detail{display:grid;grid-template-columns:1fr 1fr;gap:15px} .panel-order-detail div{min-width:0;padding:12px;border:1px solid var(--op-stroke);border-radius:12px} .panel-order-detail dt{font-size:12px;color:var(--op-muted)} .panel-order-detail dd{margin:6px 0 0;overflow-wrap:anywhere} .panel-order-id{overflow-wrap:anywhere} @media(max-width:760px){ .panel-data-table{overflow:visible;border:0;background:transparent} .panel-data-table table,.panel-data-table tbody,.panel-data-table tr{display:block;width:100%} .panel-data-table thead{display:none} .panel-data-table tr{border:1px solid var(--op-stroke);border-radius:14px;margin:12px 0;padding:8px;background:var(--panel-surface,#fff)} .panel-data-table td{display:grid;grid-template-columns:minmax(95px,36%) minmax(0,1fr);gap:10px;padding:10px;border:0} .panel-data-table td:before{content:attr(data-label);font-size:12px;color:var(--op-muted)} .panel-data-table td>*{min-width:0} .panel-order-filters>button{flex:1} .panel-order-detail{grid-template-columns:1fr} } .panel-orders .op-panel-body,[data-order-channels]{padding:20px} [data-channel-orders],[data-channel-order-status]{margin:16px 20px} @media(max-width:760px){.panel-orders .op-panel-body,[data-order-channels]{padding:12px}[data-channel-orders],[data-channel-order-status]{margin:12px}} .channel-order-filters{margin:0 20px 20px}@media(max-width:760px){.channel-order-filters{margin:0 12px 12px}} .finance-close-account{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;min-height:44px} .finance-close-account>span{font-size:23px;line-height:1} @media(max-width:760px){[data-admin-finance-detail]>.op-panel>.op-panelhead{align-items:flex-start;flex-wrap:wrap;gap:12px}.finance-close-account{max-width:100%}} .order-workspace-tabs{display:flex;gap:10px;margin:0 0 22px;flex-wrap:wrap}.order-workspace-tabs button{display:flex;align-items:center;gap:9px;min-height:48px}.cart-inline{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;align-items:start}.cart-inline .cart-modal-heading{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}.cart-inline [data-cart-items]{padding:18px;border:1px solid var(--border,#d9e5ec);border-radius:20px;background:var(--panel-surface,#fff)}.cart-inline form{grid-column:2;grid-row:2/5;padding:24px;border:1px solid var(--border,#d9e5ec);border-radius:20px;background:var(--panel-surface,#fff);min-width:0}.cart-inline .carttotal{grid-column:1;margin:0;padding:20px;border-radius:16px;background:var(--panel-surface,#fff)}.cart-inline .cart-item{gap:12px;min-width:0}.cart-inline .cart-item>div:first-child{min-width:0;overflow-wrap:anywhere}.cart-inline .cart-qty{flex-wrap:wrap}.cart-inline [data-cart-empty]{grid-column:1/-1}.cart-inline label{display:block;margin-bottom:16px}.cart-inline .actions{flex-wrap:wrap}.cart-inline input,.cart-inline select,.cart-inline textarea{width:100%;min-width:0}.cart-inline .cart-delivery h3{margin-top:0}@media(max-width:800px){.cart-inline{grid-template-columns:minmax(0,1fr);gap:16px}.cart-inline form{grid-column:1;grid-row:auto;padding:16px}.cart-inline .cart-modal-heading{grid-column:1}.cart-inline [data-cart-items]{padding:12px}.cart-inline .cart-fields{grid-template-columns:1fr}.cart-inline .cart-qty button{min-width:44px;min-height:44px}} .order-advanced-filters{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:22px;border:1px solid var(--op-stroke);border-radius:18px;background:var(--panel-surface,#fff)}.order-advanced-filters[hidden]{display:none}.order-advanced-filters h3,.order-advanced-filters .actions{grid-column:1/-1}.order-advanced-filters input{min-width:0;width:100%}@media(max-width:1000px){.order-advanced-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.order-advanced-filters{grid-template-columns:minmax(0,1fr);padding:14px}} .order-advanced-filters{flex:1 0 100%;box-sizing:border-box}.cart-inline [hidden]{display:none!important} .cart-product-image{width:64px;height:64px;flex:0 0 64px;object-fit:contain;border-radius:12px;background:white}.cart-inline .cart-item{padding:16px;border:1px solid var(--op-stroke);border-radius:14px;margin-bottom:12px;transition:border-color .18s,box-shadow .18s}.cart-inline .cart-item:hover{border-color:var(--op-accent);box-shadow:0 4px 16px color-mix(in srgb,var(--op-accent) 12%,transparent)}.cart-inline .cart-item>div:not(.cart-qty){flex:1}.cart-inline .cart-item:last-child{margin-bottom:0}.cart-inline [data-cart-line-price]{color:var(--op-accent);font-weight:700}.cart-inline .carttotal{font-weight:750}@media(max-width:520px){.cart-inline .cart-item{flex-wrap:wrap;padding:12px}.cart-inline .cart-qty{width:100%;justify-content:flex-end}.cart-product-image{width:48px;height:48px;flex-basis:48px}} /* Sipariş ürün seçimi ortak panel yüzeylerini ve vurgu rengini kullanır. */ .order-product-picker{margin-bottom:24px}.order-product-picker h2{display:flex;align-items:center;gap:10px}.order-product-picker p{color:var(--op-muted);margin:12px 0 20px}.order-product-picker form{display:flex;align-items:end;gap:12px;margin-bottom:20px}.order-product-picker form label{flex:1;margin:0;min-width:0}.order-product-picker input{width:100%;min-width:0}.order-picker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.order-picker-product{border:1px solid var(--op-stroke);border-radius:16px;padding:14px;display:flex;align-items:center;gap:12px;min-width:0;background:var(--panel-surface,#fff);transition:border-color .18s,box-shadow .18s}.order-picker-product:hover{border-color:var(--op-accent);box-shadow:0 5px 18px color-mix(in srgb,var(--op-accent) 12%,transparent)}.order-picker-product img,.order-product-placeholder{width:54px;height:64px;object-fit:contain;flex:0 0 54px;border-radius:9px;background:light-dark(#f4f8fb,#22334a)}.order-product-placeholder{display:grid;place-items:center}.order-picker-product>div{min-width:0;flex:1}.order-picker-product b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:1.5}.order-picker-product small,.order-picker-product strong{display:block;margin-top:6px}.order-picker-product small{color:var(--op-muted);font-size:11px}.order-picker-product strong{color:var(--op-accent)}.order-picker-product button{display:flex;align-items:center;gap:5px;min-height:44px;flex-shrink:0}.operations-panel .order-workspace-tabs button[aria-pressed=true],.operations-panel .panel-order-tabs button[aria-pressed=true]{background:var(--op-accent);border-color:var(--op-accent);color:white;box-shadow:0 3px 12px color-mix(in srgb,var(--op-accent) 20%,transparent)}.order-workspace-tabs button[aria-pressed=true] svg{stroke:currentColor}.order-product-picker .op-actionrow{margin-top:18px} @media(max-width:1250px){.order-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.order-picker-grid{grid-template-columns:minmax(0,1fr)}.order-product-picker form{flex-wrap:wrap}.order-product-picker form label{flex-basis:100%}.order-picker-product{padding:12px}.order-picker-product button{max-width:110px}.order-product-picker .op-panel-body{padding:16px}} .claims-empty{padding:44px 18px;display:grid;justify-items:center;text-align:center;gap:14px;color:var(--op-muted)}.claims-empty>b{color:var(--op-ink)}[data-claim-channels]{margin-bottom:24px}[data-claim-statuses]{margin-bottom:22px}.operations-panel :is([data-claim-channels],[data-claim-statuses]) button[aria-pressed=true]{background:var(--op-accent);border-color:var(--op-accent);color:white} .operations-panel button[aria-pressed="true"],.operations-panel [role="tab"][aria-selected="true"]{background:var(--op-accent);border-color:var(--op-accent);color:white;font-weight:700} .operations-panel :is(.order-product-picker,.claims-panel,.notification-inbox) { min-width:0; } .operations-panel :is(.order-product-picker,.claims-panel) > .op-panel-body, .operations-panel .notification-content { padding:clamp(14px,2vw,26px); min-width:0; } .operations-panel .claims-panel .panel-order-filters { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; } .operations-panel :is(.claims-panel,.order-product-picker) form :is(label,input) { min-width:0; } .operations-panel :is(.claims-panel,.order-product-picker) form input { width:100%; } .operations-panel :is(.claims-panel,.order-product-picker) form button { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:44px; } .operations-panel :is(.claims-panel,.order-product-picker) .op-actionrow { flex-wrap:wrap; align-items:center; } .order-picker-page { font-variant-numeric:tabular-nums; } .order-picker-product:hover,.order-picker-product:focus-within { border-color:var(--interaction-hover,var(--op-accent)); box-shadow:0 5px 18px color-mix(in srgb,var(--interaction-hover,var(--op-accent)) 12%,transparent); } .notification-inbox .op-panelhead { flex-wrap:wrap; gap:12px; } .notification-inbox .notification-controls button { display:inline-flex; align-items:center; gap:6px; min-height:44px; } .notification-inbox .notification-icon { background:color-mix(in srgb,var(--op-accent) 12%,var(--panel-surface,#fff)); } .notification-inbox .notification-row { transition:background-color .16s,border-color .16s; } @media(max-width:520px) { .operations-panel .claims-panel .panel-order-filters { grid-template-columns:minmax(0,1fr); } .operations-panel :is(.claims-panel,.order-product-picker) form button { width:100%; } .operations-panel .order-picker-product { display:grid; grid-template-columns:auto minmax(0,1fr); } .operations-panel .order-picker-product button { grid-column:2; justify-self:start; max-width:100%; white-space:normal; } } .notification-filters { margin-bottom:16px; } .notification-filters button { min-height:44px; } .notification-state { border-radius:999px; padding:3px 8px; background:color-mix(in srgb,var(--op-muted) 10%,transparent); } .notification-row.unread .notification-state { color:var(--op-ink); background:color-mix(in srgb,var(--op-accent) 17%,transparent); font-weight:700; } .market-code-form .market-pricing-switch { display:flex; justify-content:space-between; align-items:center; gap:12px; border:1px solid var(--op-stroke); border-radius:12px; padding:10px 14px; min-height:52px; cursor:pointer; } .market-code-form .market-pricing-switch input { appearance:none; position:relative; flex:none; width:52px; height:28px; min-height:28px; margin:0; padding:0; border:1px solid #828fa1; border-radius:999px; background:#828fa1; cursor:pointer; } .market-code-form .market-pricing-switch input::after { content:""; position:absolute; top:2px; left:2px; width:22px; height:22px; border-radius:50%; background:#fff; } .market-code-form .market-pricing-switch input:checked { background:var(--channel-accent); border-color:var(--channel-accent); } .market-code-form .market-pricing-switch input:checked::after { transform:translateX(24px); } #modal:has(.supplier-settings){width:min(1180px,calc(100% - 32px));max-width:calc(100% - 32px);padding:0;color:var(--text);background:var(--surface);border-color:var(--border);border-radius:20px} .supplier-settings{display:grid;gap:16px;padding:clamp(14px,3vw,30px);margin:0} .supplier-settings .supplier-heading,.supplier-settings .supplier-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap} .supplier-settings .supplier-heading{position:sticky;top:0;z-index:5;background:var(--surface);border-bottom:2px solid var(--border);padding:14px 0}.supplier-settings .supplier-heading button{flex:none;font-size:24px}.supplier-settings section{background:color-mix(in srgb,var(--surface) 96%,#087f78)} .supplier-settings .supplier-heading h2,.supplier-settings h3{margin:4px 0} .supplier-settings section,.supplier-settings details{min-width:0;border:1px solid var(--border);border-radius:14px;padding:clamp(12px,2vw,20px)} .supplier-settings section>details{margin-top:12px} .supplier-settings details[open]>summary{margin-bottom:12px} .supplier-settings summary{cursor:pointer;font-weight:700;color:inherit} .supplier-settings .supplier-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;margin:12px 0} .supplier-settings label{display:grid;gap:5px;min-width:0;margin:0} .supplier-settings input,.supplier-settings textarea{width:100%;min-width:0;margin:0} .supplier-settings textarea{resize:vertical} .supplier-settings small,.supplier-settings p{display:block;margin:6px 0;line-height:1.5} .supplier-settings .supplier-presets{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 4px} .supplier-settings .supplier-footer .actions{margin:0} @media(max-width:600px){#modal:has(.supplier-settings){width:calc(100% - 16px);max-width:calc(100% - 16px)}.supplier-settings .supplier-grid{grid-template-columns:minmax(0,1fr)}.supplier-settings .supplier-footer .actions{width:100%}} .supplier-category-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:14px;align-items:end;margin:12px 0;padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--surface)} @media(max-width:600px){.supplier-category-row{grid-template-columns:minmax(0,1fr)}.supplier-category-row button{justify-self:start}} /* Turkuaz ikon pariltisi: mevcut menu hover davranisi korunur. */ @media (hover:hover) and (pointer:fine) { .operations-panel nav .op-navbtn .op-navicon, .operations-panel nav .op-navbtn[data-home] > svg { transition: background-color .22s ease, color .22s ease, box-shadow .28s ease, filter .28s ease, transform .22s ease; } .operations-panel nav .op-navbtn:hover .op-navicon, .operations-panel nav .op-navbtn:hover[data-home] > svg { background:color-mix(in srgb,var(--op-accent,#0e7971) 21%,transparent); color:light-dark(#087c73,#8fffe7); box-shadow:0 0 0 1px color-mix(in srgb,var(--op-accent,#0e7971) 38%,transparent),0 0 11px color-mix(in srgb,var(--op-accent,#0e7971) 53%,transparent),0 0 23px color-mix(in srgb,var(--op-accent,#0e7971) 29%,transparent); filter:drop-shadow(0 0 4px color-mix(in srgb,var(--op-accent,#0e7971) 52%,transparent)); transform:translateY(-1px); } .operations-panel nav .op-navbtn:hover .op-navicon svg { filter:drop-shadow(0 0 3px color-mix(in srgb,var(--op-accent,#0e7971) 75%,transparent)); } } @media (prefers-reduced-motion:reduce) { .operations-panel nav .op-navbtn .op-navicon, .operations-panel nav .op-navbtn[data-home] > svg {transition:none;transform:none} } /* Sol panel menu metinleri: ikon isigi ve hover korunur. */ .operations-panel aside nav .op-navbtn { font-weight: 650; } .operations-panel aside .workspace { font-weight: 650; } .operations-panel aside .workspace small { font-weight: 550; } .operations-panel aside .asidebottom { font-weight: 600; } .operations-panel aside .asidebottom small { font-weight: 550; } /* Ust panel: belirgin tipografi, uyumlu ikonlar ve turkuaz neon hover. */ .operations-panel .headright > button {font-size:12px;font-weight:700;} .operations-panel .operation-tab button {font-size:12px;font-weight:650;} .operations-panel .headright > .op-header-action {display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;transition:background-color .22s,color .22s,border-color .22s,box-shadow .25s,transform .22s;} .operations-panel .headright > .op-header-action svg {width:17px;height:17px;flex:none;transition:filter .25s,color .22s,transform .22s;} @media(hover:hover) and (pointer:fine){ .operations-panel .headright > .op-header-action:hover {background:color-mix(in srgb,var(--op-accent,#0e7971) 13%,var(--panel-surface,#fff))!important;border-color:color-mix(in srgb,var(--op-accent,#0e7971) 55%,transparent)!important;color:light-dark(#087c73,#8fffe7)!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--op-accent,#0e7971) 17%,transparent),0 0 15px color-mix(in srgb,var(--op-accent,#0e7971) 22%,transparent);transform:translateY(-1px);} .operations-panel .headright > .op-header-action:hover svg {filter:drop-shadow(0 0 4px color-mix(in srgb,var(--op-accent,#0e7971) 85%,transparent)) drop-shadow(0 0 8px color-mix(in srgb,var(--op-accent,#0e7971) 50%,transparent));transform:scale(1.07);} } @media(prefers-reduced-motion:reduce){.operations-panel .headright > .op-header-action,.operations-panel .headright > .op-header-action svg{transition:none;transform:none!important;}} [data-batch-review] > [role="status"] { margin: 16px 16px 20px; } .market-batch-review .tablewrap { overflow-x: auto; } .market-batch-review .tablewrap table { width: 100%; min-width: 610px; table-layout: fixed; } .market-batch-review th:first-child { width: 38%; } .market-batch-review th:nth-child(2) { width: 22%; } .market-batch-review th, .market-batch-review td { vertical-align: top; word-break: normal; overflow-wrap: break-word; } .market-batch-review td small { display: block; margin-top: 4px; } .market-batch-review .batch-issues { margin-bottom: 8px; } .market-batch-review .batch-issues summary { cursor: pointer; color: var(--op-accent, #087f78); font-weight: 600; } .market-batch-review .batch-issues ul { margin: 8px 0; padding-inline-start: 20px; } .market-batch-review .batch-issues li + li { margin-top: 5px; } .market-transfer-error { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) auto; align-items: center; gap: 16px; padding-block: 10px; border-bottom: 1px solid var(--border); } .market-transfer-error-reasons { color: var(--muted); } .market-transfer-error button { justify-self: start; } @media (max-width: 760px) { .market-transfer-error { grid-template-columns: minmax(0, 1fr); gap: 8px; } } .marketplace-questions-panel { min-width: 0; max-width: 100%; } .marketplace-questions-panel > .op-panel-body { padding: 20px; min-width: 0; } .marketplace-questions-panel [data-q-info], .marketplace-questions-panel [data-q-list] { padding-inline: 20px; overflow-wrap: anywhere; } .marketplace-questions-panel [data-q-list] > p { margin-block: 12px; } .marketplace-questions-panel [data-q-status] { min-width: 210px; max-width: 100%; } .marketplace-questions-panel textarea { width: 100%; max-width: 100%; box-sizing: border-box; } .marketplace-questions-panel .publication-source > div { min-width: 0; width: 100%; } .customer-messages-empty { padding: 24px; color: var(--op-muted); } .customer-messages-empty strong { color: var(--op-ink); } @media (max-width: 600px) { .marketplace-questions-panel [data-q-info], .marketplace-questions-panel [data-q-list] { padding-inline: 14px; } .marketplace-questions-panel .op-actionrow { flex-wrap: wrap; } .marketplace-questions-panel [data-q-status] { min-width: 0; flex: 1 1 200px; } } /* Shared action icons for admin, dealer, flyout and mobile panels. */ .siasoft-action-icon { display:inline-grid;place-items:center;vertical-align:middle;flex:0 0 28px; width:28px;height:28px;margin-inline-end:8px;border-radius:8px; color:var(--op-accent,#087f78);background:color-mix(in srgb,var(--op-accent,#087f78) 10%,transparent); transition:background-color .2s,color .2s,box-shadow .2s,filter .2s; } .siasoft-action-icon svg {width:18px;height:18px;flex-shrink:0} .operations-panel .op-panelhead .siasoft-action { font-size:13px;font-weight:650;min-height:44px; border-color:color-mix(in srgb,var(--op-accent,#087f78) 40%,transparent); color:var(--op-accent,#087f78);background:color-mix(in srgb,var(--op-accent,#087f78) 7%,var(--panel-surface,#fff)); } .operations-flyout button.siasoft-action {display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:10px;align-items:center} .operations-flyout button.siasoft-action > .siasoft-action-icon {grid-row:1 / span 2;width:32px;height:32px;margin:0} .operations-flyout button.siasoft-action > b,.operations-flyout button.siasoft-action > small {grid-column:2;min-width:0} .operations-panel button.primary .siasoft-action-icon, .operations-panel button[aria-pressed=true] .siasoft-action-icon {color:inherit;background:#ffffff20} :where(.operations-panel,.operations-flyout,#modal,#panel-menu) button:focus-visible { outline:2px solid var(--op-accent,#087f78);outline-offset:3px; } @media (hover:hover) and (pointer:fine) { :where(.operations-panel,.operations-flyout,#modal,#panel-menu) button:hover:not(:disabled) .siasoft-action-icon, :where(.operations-panel,.operations-flyout,#modal,#panel-menu) button:focus-visible .siasoft-action-icon { box-shadow:0 0 0 1px #087f7860,0 0 11px #087f7887,0 0 23px #087f784a; filter:drop-shadow(0 0 4px #087f7880); } :where(.operations-panel,.operations-flyout,#modal,#panel-menu) button:hover:not(:disabled) svg, :where(.operations-panel,.operations-flyout,#modal,#panel-menu) button:focus-visible svg { filter:drop-shadow(0 0 4px #087f78b0); } } @media(prefers-reduced-motion:reduce){.siasoft-action-icon{transition:none}} /* Center each tab's close target without asymmetric text-button padding. */ .operations-panel .operation-tab button[data-dismiss] { display:grid;place-items:center;flex:0 0 24px; width:24px;min-width:24px;height:24px;min-height:24px; padding:0;margin:0 5px 0 0;border:0;border-radius:50%; font-size:17px;line-height:1;text-align:center; transform:none;box-sizing:border-box; } .operations-panel .operation-tab button[data-dismiss]:hover, .operations-panel .operation-tab button[data-dismiss]:focus-visible { padding:0;transform:none;background:color-mix(in srgb,var(--op-accent,#087f78) 15%,transparent); color:var(--op-accent,#087f78); box-shadow:0 0 0 1px color-mix(in srgb,var(--op-accent,#087f78) 40%,transparent); } /* Cart actions always use the Siasoft teal palette and white pictograms. */ .operations-panel button.dealer-add-cart, .operations-panel button.dealer-add-cart:not(:disabled), button.dealer-add-cart, button.dealer-add-cart:not(:disabled) { --primary:#087f78;--interaction-hover:#06675f; background:#087f78!important;border-color:#087f78!important;color:#fff!important; box-shadow:0 3px 10px #087f7826!important; } .operations-panel button.dealer-add-cart .siasoft-action-icon, button.dealer-add-cart .siasoft-action-icon { color:#fff;background:transparent;box-shadow:none; } .operations-panel button.dealer-add-cart svg,button.dealer-add-cart svg {color:#fff;stroke:currentColor} .operations-panel button.dealer-add-cart:hover:not(:disabled), button.dealer-add-cart:hover:not(:disabled) { background:#06675f!important;border-color:#06675f!important; box-shadow:0 0 0 1px #087f7850,0 4px 16px #087f7845!important; } .operations-panel button.dealer-add-cart:disabled,button.dealer-add-cart:disabled {opacity:.5;cursor:not-allowed} #toast button[onclick="openCartFromNotice()"] { --primary:#087f78;--interaction-hover:#06675f; display:inline-flex;align-items:center;justify-content:center;gap:8px; background:#087f78!important;border-color:#087f78!important;color:#fff!important; box-shadow:0 3px 10px #087f7826!important; } #toast button[onclick="openCartFromNotice()"] .siasoft-action-icon { color:#fff;background:transparent;margin-inline-end:0;box-shadow:none; } #toast button[onclick="openCartFromNotice()"] svg {color:#fff;stroke:currentColor} #toast button[onclick="openCartFromNotice()"]:hover { background:#06675f!important;border-color:#06675f!important; box-shadow:0 0 0 1px #70e5d560,0 4px 16px #087f7845!important; } #toast button[onclick="openCartFromNotice()"]:focus-visible {outline:2px solid #fff;outline-offset:3px} #modal:has(.cart-checkout) { width:min(1180px,calc(100vw - 40px));max-width:calc(100vw - 40px); max-height:calc(100dvh - 48px);border-radius:24px; background:var(--panel-surface,#fff);color:var(--op-ink,#182c42);border-color:var(--op-stroke,#dce6ef); } #modal .cart-checkout { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:20px 28px; padding:0 30px 30px!important;align-items:start; } #modal .cart-modal-heading { grid-column:1/-1;background:var(--panel-surface,#fff)!important; border-bottom:1px solid var(--op-stroke,#dce6ef);padding:22px 0!important;margin:0; } #modal .cart-breadcrumb {display:block;color:var(--op-muted,#667e94);margin-bottom:5px} #modal .cart-modal-heading h2 {display:flex;align-items:center;gap:10px;font-size:24px;color:inherit} #modal .cart-modal-close { width:48px!important;height:48px!important;flex-basis:48px!important; border-radius:12px;background:#087f78!important;border:1px solid #087f78!important;color:#fff!important; } #modal .cart-modal-close:hover {background:#06675f!important;box-shadow:0 0 15px #087f7845} #modal .cart-checkout [data-cart-items] {grid-column:1;grid-row:2;min-width:0} #modal .cart-checkout .carttotal { grid-column:1;grid-row:3;margin:0;padding:18px;border-radius:14px; background:color-mix(in srgb,#087f78 8%,var(--panel-surface,#fff));color:var(--op-ink,#182c42);font-weight:700; } #modal .cart-checkout > form {grid-column:2;grid-row:2 / span 3;min-width:0;gap:18px} #modal .cart-checkout [data-cart-empty] {grid-column:1/-1} #modal .cart-checkout .cart-item { display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px; padding:16px;border:1px solid var(--op-stroke,#dce6ef);border-radius:14px;margin-bottom:12px; color:var(--op-ink,#182c42);background:var(--panel-surface,#fff); } #modal .cart-checkout .cart-item .cart-product-image {width:64px;height:76px;grid-row:1} #modal .cart-checkout .cart-item > div:not(.cart-qty) {min-width:0;overflow-wrap:anywhere} #modal .cart-checkout .cart-qty {grid-column:1/-1;display:flex;align-items:center;gap:8px} #modal .cart-checkout .cart-qty button {min-height:44px;min-width:44px;border-radius:10px} #modal .cart-checkout .cart-item small {display:block;margin-top:5px;color:var(--op-muted,#667e94)} #modal .cart-checkout .cart-delivery {margin:0} #modal .cart-checkout .cart-delivery h3 {display:flex;align-items:center;gap:8px;margin:0 0 18px} #modal .cart-checkout label {display:block;font-weight:600;margin-bottom:14px;color:var(--op-ink,#182c42)} #modal .cart-checkout :is(input,textarea,select,.tm-select-button) { width:100%;margin-top:6px;min-height:46px;border:1px solid var(--op-stroke,#dce6ef); border-radius:10px;background:var(--panel-surface,#fff);color:var(--op-ink,#182c42);font:inherit;padding:12px; } #modal .cart-checkout :is(input,textarea,select):focus { outline:2px solid #087f7870;outline-offset:2px;border-color:#087f78; } #modal .cart-checkout small {color:var(--op-muted,#667e94)} #modal .cart-checkout .actions {display:flex;flex-wrap:wrap;gap:10px} #modal .cart-checkout .actions button {min-height:46px} #modal .cart-checkout .actions button.primary {background:#087f78;color:#fff;border-color:#087f78} #modal .cart-checkout .actions button.primary .siasoft-action-icon {color:#fff;background:transparent} #modal .cart-checkout .actions button.primary:hover:not(:disabled) {background:#06675f} .publication-channel > b {display:flex;align-items:center;gap:7px;font-weight:700} .publication-channel .market-logo {width:24px;height:24px;flex:0 0 24px} @media(max-width:800px){ #modal:has(.cart-checkout) {width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:18px} #modal .cart-checkout {grid-template-columns:minmax(0,1fr);padding:0 16px 20px!important;gap:16px} #modal .cart-checkout [data-cart-items],#modal .cart-checkout .carttotal,#modal .cart-checkout > form {grid-column:1;grid-row:auto} #modal .cart-checkout .cart-fields {grid-template-columns:minmax(0,1fr);gap:0} #modal .cart-checkout .actions button {flex:1 1 180px} #modal .cart-modal-heading {padding:16px 0!important} } #modal:has(#operationQuery) { width:min(720px,calc(100vw - 32px));max-width:calc(100vw - 32px); max-height:calc(100dvh - 40px);padding:0 26px 26px;border-radius:22px; background:var(--panel-surface,#fff);color:var(--op-ink,#182c42);border-color:var(--op-stroke,#dce6ef); } #modal .operation-search-heading { position:sticky;top:0;z-index:5;background:var(--panel-surface,#fff); padding:20px 0;margin-bottom:20px;border-bottom:1px solid var(--op-stroke,#dce6ef); } #modal .operation-search-heading > span {display:flex;align-items:center;gap:9px;font-weight:700;color:#087f78;letter-spacing:normal} #modal .operation-search-heading button {background:#087f78;color:#fff;border-color:#087f78;border-radius:12px} #operationQuery {width:100%;box-sizing:border-box;margin:10px 0 16px;padding:14px;border:1px solid var(--op-stroke,#dce6ef);border-radius:12px;background:var(--panel-surface,#fff);color:inherit;min-height:48px} #operationQuery:focus {outline:2px solid #087f7860;border-color:#087f78;outline-offset:2px} #operationResults {display:grid;gap:10px} #operationResults button {padding:14px;border:1px solid var(--op-stroke,#dce6ef);border-radius:12px;background:var(--panel-surface,#fff);color:var(--op-ink,#182c42)} #operationResults button:hover,#operationResults button:focus-visible {background:color-mix(in srgb,#087f78 8%,var(--panel-surface,#fff));border-color:#087f78} #operationResults small {display:block;margin-top:6px} @media(max-width:600px){#modal:has(#operationQuery){width:calc(100vw - 16px);max-width:calc(100vw - 16px);padding:0 16px 20px;max-height:calc(100dvh - 16px)}} .market-channel-title .market-wordmark {display:grid;place-items:center;background:transparent;padding:0;min-width:48px} .market-channel-title .market-wordmark .market-logo {width:44px;height:44px} .market-section-tabs > button {display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:650;min-height:46px} .market-section-tabs > button > svg {flex:0 0 20px;width:20px;height:20px} .operations-panel .market-section-tabs > button[aria-pressed=true] {background:#087f78!important;border-color:#087f78!important;color:#fff!important} .market-section-tabs {display:flex;flex-wrap:wrap;gap:8px} @media(max-width:600px){.market-section-tabs > button{flex:1 1 150px;min-width:0;white-space:normal}} .operations-panel {--primary:#087f78;--interaction-hover:#06675f} .operations-panel button.primary, .operations-panel button[aria-pressed="true"], .operations-panel button[role="tab"][aria-selected="true"], .operations-panel #modal button.primary { background:#087f78!important;border-color:#087f78!important;color:#fff!important; } .operations-panel button.primary:hover:not(:disabled), .operations-panel button[aria-pressed="true"]:hover:not(:disabled) { background:#06675f!important;border-color:#06675f!important;box-shadow:0 4px 14px #087f7835; } .operations-panel button.primary .siasoft-action-icon, .operations-panel button[aria-pressed="true"] .siasoft-action-icon {color:#fff;background:#ffffff20} .operations-panel input:is([type="checkbox"],[type="radio"]) {accent-color:#087f78} .panel-identity-card {display:flex;align-items:center;gap:10px;padding:12px 10px;border:1px solid var(--op-stroke,#dce6ef);border-radius:14px;background:var(--panel-surface,#fff)} .panel-identity-avatar {width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;border-radius:12px;background:#087f7814;color:#087f78} .panel-identity-copy {min-width:0;flex:1;text-align:left} .panel-identity-copy b {display:block;overflow-wrap:anywhere;font-size:13px;color:var(--op-ink,#182c42)} .panel-identity-copy small {display:flex;align-items:center;gap:5px;margin-top:5px;font-size:11px;color:var(--op-muted,#667e94)} .panel-identity-copy small::before {content:'';width:6px;height:6px;border-radius:50%;background:#087f78;flex-shrink:0} .operations-panel .panel-identity-logout {display:grid;place-items:center;width:36px;height:40px;min-width:36px;padding:0;border-radius:10px;border:1px solid #087f7830;color:#087f78;background:#087f780c} .operations-panel .panel-identity-logout:hover {background:#087f78!important;color:#fff!important;box-shadow:0 0 14px #087f7840} .cart-field-label {display:flex;align-items:center;gap:8px;min-width:0;line-height:1.5;margin-bottom:6px} .cart-field-label svg {color:#087f78;flex:0 0 18px} #modal .cart-checkout .cart-delivery h3 > svg {color:#087f78;flex:0 0 20px;width:20px;height:20px} .cart-field-label > span {min-width:0;overflow-wrap:anywhere} .publication-channels {display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0} .publication-channel {min-width:0;max-width:100%;box-sizing:border-box} .publication-channel > b {font-size:12px} .publication-channel .market-logo {display:inline-block;flex-shrink:0} @media(max-width:600px){ .publication-channels {gap:6px} .publication-channel .market-logo {width:24px;height:24px} } .publication-channel.publication-channel-compact { display:inline-flex;align-items:center;gap:7px;padding:7px 9px; border-radius:10px;white-space:nowrap; } .publication-channel-compact .market-logo {width:26px;height:26px;flex:0 0 26px} .publication-channel-compact .publication-channel-price { font-size:13px;font-weight:750;color:var(--op-ink,#182c42);line-height:1.3; } @media(max-width:600px){ .publication-channel.publication-channel-compact {padding:6px;gap:6px} .publication-channel-compact .publication-channel-price {font-size:12px} } .fulfillment-connection {display:grid;gap:12px;padding:20px;border-bottom:1px solid var(--op-stroke)} .fulfillment-connection h3 {display:flex;align-items:center;gap:9px;margin:0} .fulfillment-connection label {display:grid;gap:6px;min-width:0} .fulfillment-connection :is(input:not([type=checkbox]),select) {width:100%;min-height:44px} .fulfillment-connection fieldset {border:1px solid var(--op-stroke);border-radius:12px;display:flex;flex-wrap:wrap;gap:14px;padding:14px} .fulfillment-connection fieldset label,.fulfillment-connection .fulfillment-enabled {display:flex;align-items:center;gap:8px} .fulfillment-connection input[type=checkbox] {width:18px;height:18px;accent-color:#087f78} .fulfillment-connection > button {justify-self:start;min-height:44px} .fulfillment-filters {display:flex;flex-wrap:wrap;gap:14px;padding:20px} .fulfillment-filters label {display:grid;gap:6px;flex:1 1 180px} .fulfillment-table {min-width:850px} .fulfillment-table small {display:block;margin-top:5px} .fulfillment-table td {vertical-align:top} .fulfillment-upload {display:flex;gap:6px;align-items:center;margin-top:10px;font-size:12px;flex-wrap:wrap} .fulfillment-upload input {max-width:150px} .fulfillment-split-notice {padding:20px} [data-fulfillment-message] {padding-inline:20px} @media(max-width:600px){.fulfillment-connection {padding:16px}.fulfillment-filters {padding:16px}.fulfillment-connection fieldset {flex-direction:column}} .siasoft-logo {display:block;width:100%;max-width:240px;height:auto;aspect-ratio:3 / 1;object-fit:contain;flex-shrink:0} .siasoft-symbol {display:block;width:42px;height:42px;object-fit:contain;flex-shrink:0} .operations-panel aside .brand {display:flex;justify-content:center;padding:4px 6px} .operations-panel aside .brand .siasoft-logo {width:100%;max-width:210px} .integration-brand:has(.siasoft-logo) {display:flex;flex-direction:column;align-items:flex-start;gap:2px;white-space:normal} .integration-brand .siasoft-logo {width:230px;max-width:min(230px,48vw)} .siasoft-brand-caption {font-size:10px;font-weight:650;letter-spacing:.04em;color:var(--landing-muted,#45617b)} .storebrand .siasoft-logo {width:210px;max-width:45vw} .dealer-gate-brand .siasoft-logo {width:230px;max-width:55vw} .siasoft-login-logo {display:block;width:min(260px,100%);margin:0 auto 28px} .siasoft-login-logo .siasoft-logo {max-width:100%} .siasoft-gate-logo {width:min(310px,100%);padding:12px 18px;margin-bottom:24px;background:#fff;border-radius:16px} .siasoft-gate-logo .siasoft-logo {max-width:100%} .integration-footer .siasoft-logo {width:170px;max-width:50vw} .operations-panel main > footer .siasoft-logo {width:120px;max-width:32vw} .mobile-drawer-logo .siasoft-logo {width:160px;max-width:50vw} .operations-panel .panel-mobile-brand .siasoft-symbol {width:42px;height:42px} #modal .install-help-heading .siasoft-logo {width:210px;max-width:55vw} html[data-panel-mode=dark] :is(.brand,.dealer-gate-brand,.integration-brand,.siasoft-login-logo):has(.siasoft-logo) {background:#fff;border-radius:12px;padding:8px} html[data-panel-mode=dark] .operations-panel main > footer .siasoft-logo {background:#fff;border-radius:6px;padding:4px} @media(max-width:800px){ .operations-panel .headright [data-panel-site] {display:none} .operations-panel .panel-mobile-brand {display:flex;align-items:center} .operations-panel header {gap:8px} } @media(max-width:600px){ .integration-brand .siasoft-logo {width:180px;max-width:47vw} .dealer-gate-brand .siasoft-logo {width:190px} .siasoft-brand-caption {font-size:9px;letter-spacing:0} .siasoft-gate-logo {width:220px;margin-bottom:18px} .integration-footer .siasoft-logo {width:150px} .install-help-heading {align-items:center} } /* Shared Siasoft cyan palette, matched to the supplied logo. */ :root { --siasoft-cyan:#00c5d3; --siasoft-cyan-light:#68f5ef; --siasoft-cyan-deep:#007f91; --siasoft-cyan-ink:#06364a; --siasoft-cyan-gloss:linear-gradient(155deg,#72f8ef 0%,#24e2e8 24%,#00c5d3 58%,#00a7bd 100%); } :is(.operations-panel,.dealer-gate-view) { --primary:var(--siasoft-cyan);--admin-primary:var(--siasoft-cyan); --accent:var(--siasoft-cyan-light);--op-accent:var(--siasoft-cyan-deep); --op-tint:#e1fafd;--interaction-hover:#00a8bb; } .operations-panel button.primary, .operations-panel button[aria-pressed=true], .operations-panel button[role=tab][aria-selected=true], .operations-panel .market-section-tabs > button[aria-pressed=true], .operations-panel #modal button.primary, .operations-panel button.dealer-add-cart, .operations-panel button.dealer-add-cart:not(:disabled), #toast button[onclick="openCartFromNotice()"], .dealer-gate-submit { background:var(--siasoft-cyan-gloss)!important; border-color:var(--siasoft-cyan)!important; color:var(--siasoft-cyan-ink)!important; box-shadow:inset 0 1px 0 #ffffffb0,0 3px 12px #00c5d32c!important; font-weight:700; } .operations-panel button.primary:hover:not(:disabled), .operations-panel button[aria-pressed=true]:hover:not(:disabled), .operations-panel button.dealer-add-cart:hover:not(:disabled), #toast button[onclick="openCartFromNotice()"]:hover, .dealer-gate-submit:hover:not(:disabled) { background:linear-gradient(155deg,#b7fff9 0%,#45edf0 28%,#00d2de 65%,#00b2c4 100%)!important; border-color:#1ae7eb!important; color:#052f43!important; box-shadow:inset 0 1px 0 #fff,0 0 0 1px #00c5d340,0 0 20px #00c5d350!important; } .operations-panel button.primary .siasoft-action-icon, .operations-panel button[aria-pressed=true] .siasoft-action-icon, .operations-panel button.dealer-add-cart .siasoft-action-icon, #toast button[onclick="openCartFromNotice()"] .siasoft-action-icon, .operations-panel #modal button.primary .siasoft-action-icon { background:#ffffff40;color:var(--siasoft-cyan-ink); } .operations-panel button.dealer-add-cart svg, #toast button[onclick="openCartFromNotice()"] svg {color:inherit;stroke:currentColor} .siasoft-action-icon,.tm-option-icon {color:var(--siasoft-cyan-deep);background:#00c5d315} .operations-panel nav .op-navbtn.active, .operations-panel nav .op-navbtn[aria-expanded=true] { background:light-dark(#ddfafd,#143c48);border-color:#00c5d36b;color:light-dark(#075369,#91f6f1); } .operations-panel nav .op-navbtn.active .op-navicon { background:var(--siasoft-cyan-gloss);color:var(--siasoft-cyan-ink); box-shadow:inset 0 1px #ffffff90,0 0 10px #00c5d32c; } .operations-panel .operation-tab.selected {background:light-dark(#dffbfc,#123d4b);border-color:#00c5d380} .operations-panel .operation-tab.selected button {color:light-dark(#074e62,#92fff4)} .operations-panel input:is([type=checkbox],[type=radio]) {accent-color:#008c9d} .operations-panel button:focus-visible,.tm-select-button:focus-visible {outline-color:var(--siasoft-cyan)!important} .tm-select-option[aria-selected=true] {background:light-dark(#d9fafc,#123c4a)!important;color:light-dark(#07566a,#91fff6)!important;box-shadow:inset 3px 0 var(--siasoft-cyan)} .tm-select-option[aria-selected=true] .tm-option-icon {background:var(--siasoft-cyan-gloss);color:var(--siasoft-cyan-ink)} .tm-select-option:hover:not(:disabled),.tm-select-option:focus-visible {background:light-dark(#e4fcfd,#174653)!important} #modal :is(.cart-modal-close,.detail-close), #modal .supplier-heading button, #modal .operation-search-heading button { background:var(--siasoft-cyan-gloss)!important;color:var(--siasoft-cyan-ink)!important;border-color:var(--siasoft-cyan)!important; } .cart-field-label svg,#modal .cart-checkout .cart-delivery h3 > svg {color:var(--siasoft-cyan-deep)} #modal .cart-checkout .carttotal {background:light-dark(#e0fafc,#153b48);border:1px solid #00c5d330} .operations-panel .panel-identity-avatar,.operations-panel .panel-identity-logout {color:var(--siasoft-cyan-deep);background:#00c5d312;border-color:#00c5d345} .operations-panel .panel-identity-logout:hover {background:var(--siasoft-cyan-gloss)!important;color:var(--siasoft-cyan-ink)!important} .operations-panel .panel-identity-copy small::before {background:#00b3c3} @media(hover:hover) and (pointer:fine){ .operations-panel nav .op-navbtn:hover .op-navicon, :where(.operations-panel,.operations-flyout,#modal,#panel-menu) button:hover:not(:disabled) .siasoft-action-icon, :where(.operations-panel,.operations-flyout,#modal,#panel-menu) button:focus-visible .siasoft-action-icon { color:var(--siasoft-cyan-deep); background:#00c5d328; box-shadow:0 0 0 1px #00c5d36b,0 0 12px #00c5d38a,0 0 24px #00c5d347; filter:drop-shadow(0 0 4px #00dce56b); } :where(.operations-panel,.operations-flyout,#modal,#panel-menu) button:hover:not(:disabled) svg { filter:drop-shadow(0 0 4px #00dce58a); } :is(.brand,.integration-brand,.dealer-gate-brand):hover .siasoft-logo {filter:drop-shadow(0 0 6px #00c5d340)} } @media(prefers-reduced-motion:reduce){ :is(.brand,.integration-brand,.dealer-gate-brand) .siasoft-logo {transition:none} } .operations-panel .eyebrow {color:var(--siasoft-cyan-deep);font-weight:700} .dealer-gate-intro .dealer-gate-kicker {color:#9afff4} .panel-loading #panel-start-status {display:flex;align-items:center;justify-content:center;gap:10px} /* Dashboard cards and charts share the Siasoft cyan treatment. */ .operations-panel .op-stat {transition:background .18s,border-color .18s,box-shadow .18s,color .18s} .operations-panel .op-stat.s0 { background:var(--siasoft-cyan-gloss)!important;border-color:var(--siasoft-cyan)!important;color:var(--siasoft-cyan-ink)!important; box-shadow:inset 0 1px #ffffffb0,0 3px 14px #00c5d32c; } .operations-panel .op-stat.s0 :is(span,strong,small) {color:var(--siasoft-cyan-ink)!important} .operations-panel .op-stat i {background:#00c5d31a;color:#007f91} .operations-panel .op-stat.s0 i {background:#ffffff55;color:var(--siasoft-cyan-ink)} .operations-panel .op-chart i { background:linear-gradient(90deg,#10b6ce 0%,#57f1ef 46%,#00bdcf 100%); box-shadow:inset 1px 0 #a5fff790,0 0 8px #00c5d328; } .operations-panel .op-shortcuts button > span {background:#00c5d315;color:#007f91} .operations-panel .overview-sales-grid > button {border-top-color:#00c5d3} .operations-panel .overview-sales-grid > button:nth-child(2) {border-top-color:#50e8e7} .operations-panel .overview-sales-grid > button:nth-child(3) {border-top-color:#009eb7} .operations-panel .operation-tab.selected {background:var(--siasoft-cyan-gloss);border-color:#00c5d3;box-shadow:inset 0 1px #ffffff90,0 2px 8px #00c5d32c} .operations-panel .operation-tab.selected button {color:#06364a!important} .operations-flyout button[aria-current=page], #panel-menu button[aria-current=page] { background:var(--siasoft-cyan-gloss)!important;color:#06364a!important; box-shadow:inset 0 1px #ffffff90; } .operations-flyout button[aria-current=page] small {color:#164f60} .operations-flyout button[aria-current=page] .siasoft-action-icon {background:#ffffff50;color:#06364a} .operations-panel .listing-bulk-tools button[aria-pressed=true] {background:var(--siasoft-cyan-gloss)!important;border-color:#00c5d3!important;color:#06364a!important;font-weight:750} @media(hover:hover) and (pointer:fine){ .operations-panel .op-stat:hover:not(:disabled), .operations-panel .op-stat:focus-visible { background:var(--siasoft-cyan-gloss)!important;border-color:#00c5d3!important; color:#06364a!important;box-shadow:inset 0 1px #ffffffb0,0 0 0 1px #00c5d345,0 0 18px #00c5d340!important; } .operations-panel .op-stat:is(:hover,:focus-visible) :is(span,strong,small) {color:#06364a!important} .operations-panel .op-stat:is(:hover,:focus-visible) i {background:#ffffff55;color:#06364a} .operations-panel .op-shortcuts button:hover, .operations-panel .op-shortcuts button:focus-visible, .operations-panel .overview-sales-grid > button:hover, .operations-panel .overview-sales-grid > button:focus-visible { background:light-dark(#dffbfc,#153f4d)!important;color:light-dark(#06364a,#adfff5)!important; border-color:#00c5d3;box-shadow:0 0 14px #00c5d32c; } .operations-panel .op-shortcuts button:is(:hover,:focus-visible) > span {background:var(--siasoft-cyan-gloss);color:#06364a;box-shadow:0 0 12px #00c5d360} } @media(prefers-reduced-motion:reduce){.operations-panel .op-stat{transition:none}} .operations-panel .support-tabs button.active { background:var(--siasoft-cyan-gloss)!important;border-color:#00c5d3!important;color:#06364a!important; box-shadow:inset 0 1px #ffffff90,0 2px 8px #00c5d32c; } .operations-panel .gallerythumbs button.selected {border-color:#00c5d3!important;box-shadow:0 0 0 1px #00c5d3,0 0 10px #00c5d32c} /* Siasoft: shared page, menu and dialog scrollbars. */ :root{--scroll-thumb:#00b9ca;--scroll-track:#e7f9fb} html,body,body *{scrollbar-color:var(--scroll-thumb,#00b9ca) var(--scroll-track,#e7f9fb);scrollbar-width:thin} ::-webkit-scrollbar{width:10px;height:10px} ::-webkit-scrollbar-track{background:var(--scroll-track,#e7f9fb)} ::-webkit-scrollbar-thumb{background:var(--scroll-thumb,#00b9ca);border:2px solid var(--scroll-track,#e7f9fb);border-radius:999px} ::-webkit-scrollbar-thumb:hover{background:#00d6df} ::-webkit-scrollbar-corner{background:var(--scroll-track,#e7f9fb)} /* Pricing engine cards share the selected Siasoft theme across marketplaces. */ .market-pricing-form .market-pricing-choice{transition:background .18s,border-color .18s,box-shadow .18s} .market-pricing-form .market-pricing-choice:hover{border-color:#00c5d3;background:#effcfd;box-shadow:0 0 14px #00c5d322} .market-pricing-form .market-pricing-choice:has(input:checked),html[data-panel-mode="dark"] .market-pricing-form .market-pricing-choice:has(input:checked){border-color:#00c5d3;background:linear-gradient(135deg,#e8ffff,#c4f6f8);box-shadow:inset 0 1px 0 #fff,0 0 13px #00c5d32b;color:#06364a} .market-pricing-form .market-pricing-choice:has(input:checked) b{color:#06364a} .market-pricing-form .market-pricing-choice:has(input:checked) small{color:#285e6c} .market-pricing-form .market-pricing-choice input{accent-color:#00b9ca} .market-pricing-form .market-pricing-choice:has(input:focus-visible){outline:2px solid #00c5d3;outline-offset:3px} @media(prefers-reduced-motion:reduce){.market-pricing-form .market-pricing-choice{transition:none}} /* Support and notification components: shared admin/dealer cyan states. */ .support-tabs button,.notification-filters button{display:inline-flex;align-items:center;justify-content:center;gap:9px} .support-tabs button svg,.notification-filters button svg{flex-shrink:0} .support-guide summary{color:#16475b} .support-guide-title{display:flex;align-items:center;gap:12px;min-width:0;overflow-wrap:anywhere} .support-guide-title svg{flex-shrink:0;color:#00899d} .support-guide details:hover,.support-guide details:focus-within{border-color:#00c5d3;background:#f1fdfe;box-shadow:0 0 13px #00c5d328} .support-guide details[open]{border-color:#00c5d3;background:#f7feff} .support-guide details[open] summary{background:linear-gradient(135deg,#e8ffff,#c4f6f8);color:#06364a} .support-guide summary:hover,.support-guide summary:focus-visible{background:#e2f9fb;color:#06364a} .support-guide summary:focus-visible{outline:2px solid #00c5d3} .support-ticket-row.selected{border-color:#00c5d3;background:#dffafd;box-shadow:inset 3px 0 #00b9ca} .notification-row{color:#172c49;min-width:0;transition:border-color .18s,box-shadow .18s,background .18s} .notification-summary{min-width:0;overflow-wrap:anywhere} .notification-summary b{font-weight:750} .notification-row .notification-icon{background:#e3f9fb;color:#00879a;flex-shrink:0} .notification-row:hover,.notification-row:focus-visible{background:#effcfd;border-color:#00c5d3;color:#172c49;box-shadow:0 0 14px #00c5d326} .notification-row.unread{border-color:#00b9ca;background:#e5fbfd;box-shadow:inset 3px 0 #00b9ca} .notification-action{color:#00879a} .notification-state{color:#35576a;background:#edf5f8;font-weight:650} .notification-row.unread .notification-state{background:#bdf3f6;color:#06364a} html[data-panel-mode="dark"] .support-guide summary,html[data-panel-mode="dark"] .notification-row{color:#e5f8ff} html[data-panel-mode="dark"] .support-guide details:hover,html[data-panel-mode="dark"] .support-guide details[open],html[data-panel-mode="dark"] .notification-row:hover,html[data-panel-mode="dark"] .notification-row.unread{background:#123b49;color:#e5f8ff} html[data-panel-mode="dark"] .support-ticket-row.selected{background:#123b49;color:#e5f8ff} @media(max-width:600px){.support-tabs{grid-template-columns:1fr}.support-tabs button{font-size:14px}.notification-filters{display:flex;flex-wrap:wrap;gap:8px}.notification-filters button{flex:1;min-width:90px}.support-guide summary small{padding-left:31px}.notification-action{flex-shrink:0}} /* Product dialogs live outside the panel: target their selected tabs explicitly. */ #modal .dealer-detail-tabs button[aria-selected="true"],#modal .dealer-detail-tabs button[aria-selected="true"]:hover{background:var(--siasoft-cyan-gloss)!important;border-color:#00c5d3!important;color:#06364a!important;font-weight:750;box-shadow:inset 0 1px 0 #c5ffff,0 3px 13px #00c5d338} #modal .dealer-detail-tabs button:hover{border-color:#00c5d3;background:#e7fcfd;color:#06364a} #modal .dealer-detail-tabs button:focus-visible{outline:2px solid #00c5d3;outline-offset:2px} #modal .dealer-detail-tabs button[aria-selected="true"] svg{color:inherit;stroke:currentColor} @media(prefers-reduced-motion:reduce){.notification-row{transition:none}} /* Shared glossy selection for product variants and cart close controls. */ #modal .tm-size.chosen,#modal .tm-size.chosen:hover,#modal .tm-color.chosen,#modal .tm-color.chosen:hover,#modal .cart-modal-heading .cart-modal-close,#modal .cart-modal-heading .cart-modal-close:hover{background:var(--siasoft-cyan-gloss)!important;color:#06364a!important;border-color:#00c5d3!important;box-shadow:inset 0 1px 0 #c5ffff,0 3px 13px #00c5d338;font-weight:750} #modal .tm-size:not(:disabled):hover,#modal .tm-color:not(:disabled):hover{border-color:#00c5d3;box-shadow:0 0 12px #00c5d32b} #modal .tm-size:not(:disabled):focus-visible,#modal .tm-color:not(:disabled):focus-visible,#modal .cart-modal-close:focus-visible{outline:2px solid #00c5d3;outline-offset:3px} /* Desktop compact sidebar; mobile keeps its existing drawer. */ .sidebar-toggle,.sidebar-compact-logo{display:none} @media(min-width:801px){ .operations-panel aside{transition:width .2s ease;padding-top:48px} .operations-panel main{transition:margin-left .2s ease;min-width:0} .operations-panel .sidebar-toggle{display:grid;place-items:center;position:absolute;top:9px;right:15px;width:32px;height:32px;min-width:32px;padding:0;border:1px solid #00c5d355;border-radius:9px;background:#e3fbfd;color:#07566a;cursor:pointer} .operations-panel .sidebar-toggle:hover,.operations-panel .sidebar-toggle:focus-visible{background:var(--siasoft-cyan-gloss);box-shadow:0 0 13px #00c5d340} html[data-sidebar-collapsed=true] .operations-panel aside{width:84px!important;padding-left:10px;padding-right:10px} html[data-sidebar-collapsed=true] .operations-panel main{margin-left:84px!important} html[data-sidebar-collapsed=true] .operations-panel aside .brand .siasoft-logo{display:none} html[data-sidebar-collapsed=true] .operations-panel aside .brand .sidebar-compact-logo{display:block;width:62px;height:52px;object-fit:contain} html[data-sidebar-collapsed=true] .operations-panel aside .workspace,html[data-sidebar-collapsed=true] .operations-panel aside>label{display:none} html[data-sidebar-collapsed=true] .operations-panel aside #nav{margin-top:18px} html[data-sidebar-collapsed=true] .operations-panel aside #nav .op-navbtn{width:100%;padding:9px 5px;justify-content:center;gap:0;min-height:51px} html[data-sidebar-collapsed=true] .operations-panel aside #nav .op-navbtn>span:not(.op-navicon){display:none} html[data-sidebar-collapsed=true] .operations-panel aside #nav .op-navicon{width:38px;height:38px} html[data-sidebar-collapsed=true] .operations-panel .panel-identity-card{padding:8px 0;justify-content:center;flex-wrap:wrap;gap:7px} html[data-sidebar-collapsed=true] .operations-panel .panel-identity-copy{display:none} html[data-sidebar-collapsed=true] .operations-panel .asidebottom{padding-left:0;padding-right:0} html[data-sidebar-collapsed=true] .operations-panel .sidebar-toggle svg{transform:rotate(180deg)} } @media(prefers-reduced-motion:reduce){.operations-panel aside,.operations-panel main{transition:none}} /* Prominent sidebar toggle in both expanded and compact modes. */ @media(min-width:801px){ .operations-panel aside{padding-top:65px} .operations-panel .sidebar-toggle{width:44px;height:44px;min-width:44px;top:10px;right:18px;border-radius:12px;border:1px solid #00b9ca;background:var(--siasoft-cyan-gloss);color:#06364a;box-shadow:inset 0 1px 0 #c5ffff,0 3px 12px #00c5d335} .operations-panel .sidebar-toggle svg{width:27px;height:27px;stroke-width:2.3} .operations-panel .sidebar-toggle:hover{filter:brightness(1.07);box-shadow:0 0 18px #00c5d365} .operations-panel .sidebar-toggle:focus-visible{outline:3px solid #007f91;outline-offset:3px} } .workspace-symbol{width:44px;height:38px;object-fit:contain;flex:0 0 44px} @media(min-width:801px){ .operations-panel aside{padding-top:24px} .operations-panel header>.sidebar-toggle{display:grid;place-items:center;position:static;flex:0 0 44px;width:44px;height:44px;min-width:44px;padding:0;border-radius:12px;border:1px solid #00b9ca;background:var(--siasoft-cyan-gloss);color:#06364a;box-shadow:inset 0 1px 0 #c5ffff,0 3px 12px #00c5d335;cursor:pointer} .operations-panel header>.sidebar-toggle svg{width:27px;height:27px;stroke-width:2.3} .operations-panel header>.sidebar-toggle:hover{filter:brightness(1.07);box-shadow:0 0 18px #00c5d365} .operations-panel header>.sidebar-toggle:focus-visible{outline:3px solid #007f91;outline-offset:3px} html[data-sidebar-collapsed=true] .operations-panel header>.sidebar-toggle svg{transform:rotate(180deg)} } .market-return-addresses { list-style: none; padding: .3rem clamp(.85rem, 2vw, 1.25rem); margin: 0; } .market-return-addresses li { display: flex; align-items: flex-start; flex-wrap: wrap; gap: .6rem 1rem; justify-content: space-between; padding: .8rem 0; border-bottom: 1px solid var(--op-stroke); } .market-return-addresses li > span:first-child { flex: 1 1 15rem; min-width: 0; overflow-wrap: anywhere; } [data-buybox-panel], .buybox-items, .buybox-item, .buybox-item > *, .buybox-actions > * { min-width: 0; max-width: 100%; } .buybox-items { display: grid; grid-template-columns: minmax(0, 1fr); gap: .65rem; margin-block: .8rem; } .buybox-item { box-sizing: border-box; display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .85fr) minmax(0, 1fr); align-items: center; gap: .7rem 1rem; padding: .8rem; border: 1px solid var(--line, #9aa4ad); border-radius: .65rem; overflow-wrap: anywhere; } .buybox-item small { display: block; margin-top: .25rem; } .buybox-item form { margin: 0; } .buybox-actions { display: flex; align-items: end; flex-wrap: wrap; gap: .45rem; } .buybox-actions label { display: grid; gap: .25rem; min-width: 0; flex: 1 1 8rem; } .buybox-actions input:not([type=checkbox]) { width: 100%; min-width: 0; box-sizing: border-box; } .buybox-actions button { min-height: 44px; max-width: 100%; white-space: normal; } .buybox-actions .buybox-filter { display: inline-flex; align-items: center; flex: 0 1 auto; gap: .4rem; min-height: 44px; } .buybox-filter input { width: auto; margin: 0; } .buybox-rivals { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .35rem; margin: 0; } .buybox-rivals dd { margin: .2rem 0 0; font-weight: 600; overflow-wrap: anywhere; } @media (max-width: 1100px) { .buybox-item { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } .buybox-item form { grid-column: 1 / -1; } } @media (max-width: 700px) { .buybox-item { grid-template-columns: minmax(0, 1fr); } .buybox-actions label:not(.buybox-filter) { flex-basis: 100%; } } .market-return-addresses li:last-child { border-bottom: 0; } .market-return-addresses li > .op-step-status { max-width: 100%; white-space: normal; overflow-wrap: anywhere; } [data-buybox-panel] { box-sizing: border-box; padding: .85rem clamp(.85rem, 2vw, 1.25rem); } .market-channel-page .op-panel:has(.market-return-addresses) > .op-panelhead { flex-wrap: wrap; } .market-channel-page .op-panel:has(.market-return-addresses) > .op-panelhead > div { flex: 1 1 16rem; min-width: 0; } @media (max-width: 700px) { .market-return-addresses li { display: grid; grid-template-columns: minmax(0, 1fr); justify-items: start; } } .own-catalog { padding: clamp(.75rem,2vw,1.25rem); } .own-tools { display: flex; flex-wrap: wrap; gap: .6rem; align-items: end; } .own-tools button, .own-editor button { min-height: 44px; max-width: 100%; white-space: normal; } .own-tools > label, .own-editor label { min-width: 0; overflow-wrap: anywhere; } .own-status { margin: .75rem 0; overflow-wrap: anywhere; } .own-products { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,21rem),1fr)); gap: .8rem; } .own-product { min-width: 0; border: 1px solid var(--op-stroke); border-radius: .8rem; padding: .8rem; overflow-wrap: anywhere; } .own-card-main { display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: .65rem; } .own-card-main > div:only-child { grid-column: 1 / -1; } .own-card-main img { width: 58px; height: 66px; object-fit: contain; } .own-card-main label { display: flex; align-items: flex-start; gap: .35rem; } .own-card-main small,.own-publications small { display: block; margin: .2rem 0; } .own-product .own-tools { margin-top: .55rem; } .own-publications { padding-left: 1rem; margin-block: .55rem; } .own-editor { display: grid; gap: .7rem; padding: clamp(.75rem,2vw,1.25rem); } .own-editor input:not([type=checkbox]), .own-editor select, .own-editor textarea { width: 100%; max-width: 100%; box-sizing: border-box; } .own-form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .65rem; } @media (max-width: 650px) { .own-form-grid { grid-template-columns: minmax(0,1fr); } .own-tools > button { flex: 1 1 10rem; } .own-editor :is(input,textarea,select) { font-size: 16px; } } .own-page-heading [hidden], .own-catalog [hidden] { display: none !important; } .own-toolbar { display: flex; align-items: end; justify-content: space-between; flex-wrap: wrap; gap: .85rem; padding-bottom: 1rem; border-bottom: 1px solid var(--op-stroke); } .own-toolbar-controls { display: flex; align-items: end; flex-wrap: wrap; gap: .5rem 1rem; min-width: 0; } .own-store { display: grid; gap: .35rem; flex: 1 1 13rem; min-width: 0; max-width: 22rem; } .own-store :is(select,.tm-select) { width: 100%; min-width: 0; } .own-select-all { display: inline-flex; align-items: center; gap: .5rem; min-height: 44px; cursor: pointer; } .own-select-all input, .own-card-main input[type=checkbox] { appearance: auto; width: 1.1rem; height: 1.1rem; flex: none; margin: .1rem 0 0; accent-color: var(--primary); } .own-selection-count { align-self: center; color: var(--muted); font-size: .85rem; } .own-status:empty { margin: 0; } .own-toolbar:not([hidden]) ~ .own-products { margin-top: .9rem; } .own-empty { grid-column: 1 / -1; display: grid; justify-items: center; gap: .65rem; text-align: center; padding: clamp(1.6rem,5vw,3.7rem) .75rem; } .own-empty p, .own-empty h2 { margin: 0; } .own-empty p { color: var(--muted); } .own-empty .primary { margin-top: .35rem; min-height: 44px; } .own-empty-icon { display: grid; place-items: center; width: 3.25rem; height: 3.25rem; border-radius: .9rem; background: color-mix(in srgb,var(--primary) 13%,var(--surface)); color: var(--primary); } #modal:has(.own-editor) { width: min(920px,calc(100vw - 32px)); max-width: calc(100vw - 32px); max-height: min(90dvh, 920px); box-sizing: border-box; padding: 0; overflow: hidden; border: 1px solid var(--border); border-radius: 22px; background: var(--surface); color: var(--text); box-shadow: 0 25px 100px #142b5a38; } #modal .own-editor { grid-template-rows: auto minmax(0,1fr) auto; max-height: min(90dvh, 920px); gap: 0; margin: 0; padding: 0; } .own-editor .own-editor-header, .own-editor-footer { box-sizing: border-box; padding: .85rem clamp(.9rem,3vw,1.7rem); margin: 0; background: var(--surface); color: var(--text); } .own-editor .own-editor-header { align-items: center; } .own-editor-header h2 { margin: .15rem 0 0; font-size: clamp(1.2rem,3vw,1.65rem); } .own-editor-header small { color: var(--muted); } .own-editor .own-editor-header .own-editor-close { flex: 0 0 44px; width: 44px; height: 44px; min-height: 44px; padding: 0; border-radius: .65rem; background: var(--primary); border-color: var(--primary); color: white; } .own-editor-body { min-height: 0; min-width: 0; overflow-y: auto; overscroll-behavior: contain; padding: .9rem clamp(.9rem,3vw,1.7rem); } .own-editor-section { display: grid; gap: .65rem; min-width: 0; } .own-editor-section + .own-editor-section { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid var(--border); } .own-editor-section h3 { font-size: .95rem; margin: 0; } .own-editor-section label { display: block; color: var(--text); } .own-editor-section :is(input:not([type=checkbox]),select,textarea) { color: var(--text); background: var(--surface); border: 1px solid var(--border); border-radius: .55rem; } .own-editor-section textarea { padding: .65rem .75rem; font: inherit; resize: vertical; } .own-editor-section p, .own-editor-section small { color: var(--muted); } .own-editor-footer { border-top: 1px solid var(--border); } .own-editor-footer p:empty { display: none; } .own-editor-footer p { margin: 0 0 .35rem; overflow-wrap: anywhere; } .own-editor-footer .actions { justify-content: flex-end; flex-wrap: wrap; margin: 0; } @media (max-width: 650px) { .own-toolbar, .own-toolbar-controls, .own-bulk-actions { width: 100%; } .own-store { flex-basis: 100%; max-width: none; } .own-store :is(select,.tm-select) { font-size: 16px; } #modal:has(.own-editor) { width: calc(100vw - 16px); max-width: calc(100vw - 16px); max-height: calc(100dvh - 16px); border-radius: 16px; } #modal .own-editor { max-height: calc(100dvh - 18px); } .own-editor-footer .actions > button { flex: 1 1 7rem; } } .own-editor-section .own-ready-switch { --channel-accent: #ad3817; display: flex; min-width: 0; gap: .75rem; align-items: center; justify-content: space-between; } .own-ready-switch > span { min-width: 0; overflow-wrap: anywhere; } .own-ready-switch small { display: block; margin-top: .2rem; } .own-ready-switch .market-switch-control { flex: none; margin: 0; } .own-heading-label { display: inline-flex; align-items: center; gap: .55em; min-width: 0; } .own-heading-icon { display: inline-grid; place-items: center; flex: 0 0 auto; width: 1.85em; height: 1.85em; border-radius: .55em; background: #00c5d318; color: light-dark(#007f91,#7ee4eb); } .own-heading-icon svg { width: 1.05em; height: 1.05em; } .own-page-heading h1 .own-heading-icon, .own-editor-header h2 .own-heading-icon { width: 1.55em; height: 1.55em; } .own-editor-section :is(input:not([type=checkbox]):not([type=hidden]), textarea):hover { border-color: var(--siasoft-cyan, #00c5d3); } .own-editor-section :is(input:not([type=checkbox]):not([type=hidden]), textarea):focus { outline: 2px solid var(--siasoft-cyan, #00c5d3); outline-offset: 1px; border-color: var(--siasoft-cyan, #00c5d3); } .own-editor-section input[type=file] { display: block; min-width: 0; margin-top: .35rem; padding: .45rem; } .own-editor-section input[type=file]::file-selector-button,.application-document input[type=file]::file-selector-button { min-height: 44px; margin-inline-end: .65rem; padding: .45rem .75rem; border: 1px solid var(--siasoft-cyan, #00c5d3); border-radius: .5rem; background: var(--siasoft-cyan-gloss, linear-gradient(155deg,#72f8ef,#00c5d3,#00a7bd)); color: #06364a; font: inherit; font-weight: 650; cursor: pointer; } .own-editor-section input[type=file]::file-selector-button:hover,.application-document input[type=file]::file-selector-button:hover { box-shadow: 0 0 0 2px #00c5d340; } .sia-removal-tools { align-items: center; } .sia-removal-tools label { display: inline-flex; align-items: center; gap: .45rem; min-height: 44px; } .sia-removal-tools button, .sia-removal-form button { min-height: 44px; max-width: 100%; white-space: normal; } [data-sia-item], [data-sia-page] { accent-color: var(--siasoft-cyan, #00c5d3); flex: none; } .sia-removal-form { display: grid; gap: .75rem; min-width: 0; overflow-wrap: anywhere; } .sia-removal-form .tm-select { width: 100%; } @media (max-width: 650px) { .sia-removal-tools button { flex: 1 1 11rem; } } .sia-row-actions { display: flex; flex-wrap: wrap; gap: .45rem; min-width: 0; max-width: 100%; } .sia-row-actions button { min-width: 0; max-width: 100%; white-space: normal; overflow-wrap: anywhere; } .publication-product:has([data-sia-item]) > div { min-width: 0; } .publication-product:has([data-sia-item]) .link { max-width: 100%; white-space: normal; overflow-wrap: anywhere; } #modal:has(.sia-removal-form) { box-sizing: border-box; max-width: calc(100vw - 24px); } #modal:has(.sia-removal-form) .detailtop > h2 { min-width: 0; overflow-wrap: anywhere; } @media (max-width: 650px) { .sia-row-actions { flex: 1; justify-content: flex-end; } .sia-row-actions button { flex: 1 1 8rem; } } #modal:has(.sia-paused-list) { max-width: calc(100vw - 24px); box-sizing: border-box; } .sia-paused-actions, .sia-paused-list li { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; } .sia-paused-list ul { padding: 0; list-style: none; } .sia-paused-list li { padding: .6rem 0; border-bottom: 1px solid var(--border); } .sia-paused-list label { display: flex; align-items: flex-start; gap: .45rem; min-width: 0; overflow-wrap: anywhere; } .sia-paused-list li label { flex: 1 1 15rem; } .sia-paused-list li small { display: block; } .sia-paused-list input[type=checkbox] { flex: none; accent-color: var(--siasoft-cyan, #00c5d3); } .sia-paused-list button { min-height: 44px; max-width: 100%; white-space: normal; } label.sia-permission-switch { --channel-accent: var(--siasoft-cyan, #00c5d3); display: flex; width: 100%; box-sizing: border-box; } .sia-permission-switch > span { flex: 1; min-width: 0; overflow-wrap: anywhere; } .sia-permission-symbol { flex: none; width: 40px; height: 24px; object-fit: contain; } .sia-permission-switch small { display: block; margin-top: .2rem; } .sia-permission-switch input.market-switch-control { flex: 0 0 52px; width: 52px; height: 28px; min-height: 28px; margin: 0; padding: 0; appearance: none; } .application-document input[type=file] { max-width: 100%; min-width: 0; box-sizing: border-box; } .application-document input[type=file]:focus-visible { outline: 2px solid var(--siasoft-cyan, #00c5d3); outline-offset: 2px; } .application-storefront-benefits { display: grid; gap: .75rem; list-style: none; padding: 0; } .application-storefront-benefits li { display: flex; gap: .75rem; align-items: flex-start; } .application-storefront-benefits li > svg { flex: none; color: light-dark(#007f91, #8ae8ef); } .application-storefront-benefits strong { display: block; margin-bottom: .2rem; } .application-field-label { display: inline-flex; align-items: center; gap: .4rem; } .application-field-label svg { width: 16px; height: 16px; flex: none; color: light-dark(#007c8e, #8ae8ef); } .application-communication { display: grid; gap: .55rem; } .application-communication .sia-permission-switch > svg { flex: none; color: light-dark(#007c8e,#8ae8ef); } .application-communication p { margin: 0 0 .35rem; color: var(--gate-muted); font-size: .88rem; } .account-list article { display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; align-items: center; gap: .75rem; } .account-row-icon { display: inline-grid; place-items: center; flex: none; width: 38px; height: 38px; border-radius: 10px; background: #00c5d31a; color: light-dark(#00788b, #9bedf4); } .account-row-identity { min-width: 0; overflow-wrap: anywhere; } .account-list .account-row-identity b { display: block; font-size: .95rem; } .account-list .account-row-email { display: flex; align-items: flex-start; gap: .4rem; margin-top: .2rem; color: var(--text); font-size: .85rem; font-weight: 600; } .account-row-email svg { flex: none; width: 1em; height: 1em; margin-top: .2em; color: light-dark(#007c8e,#8ae8ef); } #accountRows [data-account-detail] { border-color: #00a4b7; background: var(--siasoft-cyan-gloss,linear-gradient(155deg,#72f8ef,#00c5d3,#00a7bd)); color: #073247; font-size: .9rem; font-weight: 750; } #accountRows [data-account-detail]:hover { box-shadow: 0 0 0 3px #00c5d333; } .account-list button, .account-detail-actions button { min-height: 44px; white-space: normal; } .account-detail-content { display: grid; gap: 1rem; min-width: 0; overflow-wrap: anywhere; } .account-detail-header > div:first-child { min-width: 0; overflow-wrap: anywhere; } .account-page-heading,.account-detail-header small,.account-detail-header h2 { display: flex; align-items: center; gap: .5rem; } .account-detail-header small { color: var(--text); font-weight: 750; } .account-detail-header h2 { font-weight: 800; } .account-page-heading svg,.account-detail-header :is(small,h2) svg { flex: none; color: light-dark(#007c8e,#8ae8ef); } .account-detail-window-actions { display: flex; align-items: center; gap: .5rem; flex: none; } #modal :is([data-minimize-account],[data-expand-account]) { display: grid; place-items: center; width: 48px; min-height: 48px; padding: 0; border: 1px solid var(--border); border-radius: 10px; color: var(--text); background: var(--surface); font-size: 1.4rem; } #modal :is([data-minimize-account],[data-expand-account]):hover, #modal [data-expand-account][aria-pressed=true] { border-color: #00a4b7; background: color-mix(in srgb,#00c5d3 16%,var(--surface)); } .account-detail-dock:not([hidden]) { position: fixed; z-index: 20; inset-inline-end: 1rem; bottom: max(1rem,env(safe-area-inset-bottom)); display: flex; max-width: calc(100vw - 2rem); padding: .25rem; gap: .25rem; border: 1px solid #00a4b7; border-radius: 14px; background: var(--surface); box-shadow: 0 8px 28px #12304936; } .account-detail-dock button { min-height: 44px; } .account-detail-dock [data-restore-account] { display: flex; align-items: center; gap: .5rem; min-width: 0; background: var(--siasoft-cyan-gloss,linear-gradient(155deg,#72f8ef,#00c5d3,#00a7bd)); color: #073247; font-weight: 750; } .account-detail-dock [data-restore-account] span { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .account-detail-dock svg,.account-detail-dock [data-dismiss-account-dock] { flex: none; } #modal.detailmodal:has(.account-detail-content) { box-sizing: border-box; width: min(1060px, calc(100% - 32px)); height: min(860px, 88dvh); max-width: none; max-height: none; scrollbar-gutter: stable; } .account-detail-section { min-width: 0; border: 1px solid var(--border); border-radius: 14px; padding: clamp(.75rem, 2vw, 1.25rem); } .account-detail-section h3 { display: flex; align-items: center; gap: .65rem; margin: 0 0 .75rem; } .account-detail-content .account-details > div { min-width: 0; background: color-mix(in srgb, var(--page-bg) 70%, var(--surface)); } .account-detail-content .account-details dd { white-space: pre-line; } .account-detail-actions { display: flex; flex-wrap: wrap; gap: .65rem; margin-top: .75rem; } .account-detail-actions a { display: inline-flex; align-items: center; gap: .5rem; min-height: 44px; padding: .45rem .75rem; border: 1px solid var(--border); border-radius: 9px; color: var(--text); } .account-detail-actions a:hover { border-color: #00c5d3; background: #00c5d31a; } .account-detail-content summary { padding: .7rem 0; cursor: pointer; } [data-account-products]>summary { display: flex; align-items: center; gap: .65rem; min-height: 48px; box-sizing: border-box; padding: .45rem .75rem; border: 1px solid var(--border); border-radius: 10px; color: var(--text); background: var(--surface); font-weight: 700; } [data-account-products]>summary::-webkit-details-marker { display: none; } [data-account-products]>summary>span:nth-child(2) { flex: 1; min-width: 0; } [data-account-products]>summary>svg { flex: none; color: light-dark(#007c8e,#8ae8ef); } [data-account-products][open]>summary>svg { transform: rotate(180deg); } [data-account-products][open]>summary,[data-account-products]>summary:hover { border-color: #00a4b7; background: color-mix(in srgb,#00c5d3 10%,var(--surface)); } [data-account-products]>summary:focus-visible { outline: 2px solid #00a4b7; outline-offset: 3px; } [data-account-product-list]:not(:empty) { margin-top: .7rem; } .account-detail-product { border-top: 1px solid var(--border); } .operations-panel #content { width:100%; max-width:none; min-width:0; box-sizing:border-box; } .account-detail-images { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .5rem; } .account-detail-images img { display: block; width: 78px; height: 78px; object-fit: contain; border: 1px solid var(--border); border-radius: 8px; } @media (max-width: 560px) { #modal [data-expand-account] { display: none; } #modal.detailmodal:has(.account-detail-content) { width: 100vw; height: 100dvh; margin: 0; border-radius: 0; padding: 14px !important; } .account-list article { grid-template-columns: auto minmax(0, 1fr) auto; } .account-list article button { grid-column: 2 / -1; justify-self: start; max-width: 100%; } } @media (min-width: 561px) { #modal.detailmodal:has([data-expand-account][aria-pressed=true]) { width: 100vw; height: 100dvh; margin: 0; border-radius: 0; } } .publication-product>[hidden]{display:none!important}