/* YOUROOM framed sheet. 1280 canvas = 212 rail + 20 gap + remaining sheet.
   Same sage/peach family as the storefront, quieter inside working screens. */
.yr-workspace{background:#fbfaf5;--muted:#626e64}
.yr-workspace #app{max-width:1360px;padding-top:24px}
.yr-workspace .float-chat{display:none}
.yr-workspace .ops-shell{grid-template-columns:212px minmax(0,1fr);gap:20px;background:#f0f2e9;border-radius:24px;padding:10px;align-items:start}
.yr-workspace .ops-sheet{padding:28px;min-height:0;border:1px solid #e5e8df;border-radius:18px;background:#fffefb}
.yr-workspace .ops-sidebar{padding:18px 8px;top:14px}
.yr-service-brand{display:flex;align-items:center;gap:10px;margin:0 10px 22px!important;font-size:22px!important;font-weight:700;letter-spacing:0!important}
.yr-service-brand small{display:block;font-size:10px;letter-spacing:1.5px;font-weight:500;margin-top:0}
.yr-service-mark{width:18px;height:28px;border:2px solid #b7422a;border-bottom:0;border-radius:20px 20px 0 0}
.yr-service-menu>summary{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;color:#5e6a60;font-size:12px;list-style:none;cursor:pointer}
.yr-service-menu>summary::-webkit-details-marker{display:none}
.yr-menu-caption{display:none}
.yr-service-menu-links{display:grid;gap:3px;margin:8px 0}
.yr-service-menu-links>button{width:100%;text-align:left;padding:11px 12px;border-radius:10px;min-height:44px;font-size:14px}
.yr-service-menu-links>button:hover{background:#e7ebe0}
.yr-service-menu-links>button.is-active{background:#fffefb;font-weight:600;color:#254a3c}
.yr-service-menu-links>button.is-active:after{content:'↗';float:right;font-size:16px}
.yr-workspace .ops-account{margin:24px 12px 0;padding-top:20px;border-color:#dce2d4;font-size:13px}
.yr-workspace .ops-account small{font-size:12px;color:#626e64}
.yr-workspace .ops-account button{min-height:44px;font-size:13px}
.yr-workspace .ops-heading{gap:20px;margin:0 0 24px;padding:20px 24px;background:#fcf0e6;border-radius:14px;border:0}
.yr-workspace .ops-heading p{font-size:11px;color:#646e63;letter-spacing:1px}
.yr-workspace .ops-heading h1,.yr-workspace .hm-page-head h1,.yr-workspace .dl-heading h1,.yr-workspace>.section-title h1{font-family:'Noto Serif TC','Songti TC','PMingLiU',serif;font-size:28px;line-height:1.5;margin:6px 0}
.yr-workspace .ops-heading span{font-size:14px;color:#626e64;line-height:1.8}
.yr-workspace :is(.primary,.secondary){min-height:44px;border-radius:12px;padding:10px 17px;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none}
.yr-workspace .primary{background:#254b3d;border-color:#254b3d}
.yr-workspace .primary:hover{background:#173c2c}
.yr-workspace .secondary{background:#fffefb;border-color:#d5ddcf}
.yr-workspace .secondary:hover{background:#f0f3e8}
.yr-workspace :is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid #a33d29;outline-offset:3px}
.yr-workspace :is(input,select,textarea){border-radius:10px;border-color:#ccd5c6;background:#fff;font-size:14px;min-height:44px;max-width:100%;min-width:0}
.yr-workspace input::placeholder,.yr-workspace textarea::placeholder{color:#687269;opacity:1}
.yr-workspace :is(.form label,.auto-ship-order-bar label){font-size:14px;gap:8px}
.yr-workspace .form{gap:18px;min-width:0}
.yr-workspace .ops-summary{gap:0;border:0;background:#f2f4eb;border-radius:14px;padding:20px 0;margin:0 0 24px}
.yr-workspace .ops-summary>div{padding:0 22px;min-width:0}
.yr-workspace .ops-summary>div+div{border-left:1px solid #dce2d4}
.yr-workspace .ops-summary span{font-size:13px;color:#5d6b60}
.yr-workspace .ops-summary b{font-size:28px;font-weight:500;margin-top:8px;color:#243d30;overflow-wrap:anywhere}
.yr-workspace .ops-summary b small{font-size:12px;color:#5c6b5e}
.yr-workspace .ops-section-bar{margin:24px 0 16px;gap:16px}
.yr-workspace .ops-section-bar h2{font-size:18px;font-weight:600}
.yr-workspace .ops-section-bar input{font-size:14px;width:280px}
.yr-workspace .ops-table{font-size:13px}
.yr-workspace .ops-table th{font-size:12px;color:#5f6b61;background:transparent}
.yr-workspace .ops-table td{font-size:13px;padding-top:18px;padding-bottom:18px;border-color:#e9ece3}
.yr-workspace .ops-table small{font-size:12px;color:#626e64;max-width:360px}
.yr-workspace .ops-table th:nth-child(2),.yr-workspace .ops-table td:nth-child(2){display:table-cell}
.yr-workspace .ops-order-link{font-size:13px;text-decoration:none;min-height:32px;overflow-wrap:anywhere}
.yr-workspace .ops-order-link:hover{text-decoration:underline}
.yr-order-identity{display:flex;gap:12px;align-items:flex-start}
.yr-order-identity>img{width:58px;height:64px;object-fit:contain;border-radius:9px;background:#f4f3eb;flex:none}
.yr-order-identity>img[hidden]{display:none}
.yr-order-copy{min-width:0;flex:1}
.yr-workspace .ops-text-button{font-size:13px;min-height:40px;text-decoration:none;padding:8px;color:#294f3d}
.yr-workspace .ops-text-button:hover{text-decoration:underline;background:#f2f4ec}
.yr-workspace .ops-badge,.yr-workspace .hm-label{font-size:11px;border-radius:6px;padding:3px 8px;line-height:1.7;white-space:normal}
.yr-workspace .ops-badge.attention{color:#765414;background:#faf0d7;border-color:#eee1ba}
.yr-workspace :is(.ops-note,.muted,.source-note){font-size:12px;color:#626e64;line-height:1.9}
.yr-workspace :is(.warn,.auto-ship-notice,.dl-notice,.bank-notice){background:#faf3e4;color:#70552f;border:1px solid #ece1c8;border-radius:12px;font-size:12px;line-height:1.9;padding:14px 16px}
.yr-workspace .ops-empty{background:#faf5ec;border:0;border-radius:14px;padding:30px 24px}
.yr-workspace .ops-empty h3{font-family:'Noto Serif TC','Songti TC','PMingLiU',serif;font-size:21px;color:#334e3c}
.yr-workspace .ops-empty p{color:#626e64;font-size:14px;max-width:520px}
.yr-workspace .ops-empty.compact{background:#f5f6ef;padding:20px}
.yr-workspace .ops-empty.compact p{margin-bottom:0}
.yr-workspace .ops-connection{background:#f4f5ee;border-color:#e7eadd;border-radius:12px;margin-top:24px;gap:16px}
.yr-workspace .ops-connection b{font-size:14px}
.yr-workspace .ops-connection p{color:#626e64;font-size:12px}
.yr-workspace .panel{border-color:#e5e8df;border-radius:14px;box-shadow:none;background:#fffefb}
.yr-workspace .ops-inset .panel{border-radius:12px}
.yr-workspace .ops-object{background:#f3f5ec;border:0;border-radius:12px;padding:18px;gap:14px;flex-wrap:wrap}
.yr-workspace .ops-object>b{font-size:27px;font-weight:600}
.yr-workspace .ops-object>span{color:#5a695d}
.yr-workspace .hm-page{padding:0;max-width:none}
.yr-workspace .hm-page-head{margin-bottom:24px;gap:16px}
.yr-workspace .hm-order-line{border-color:#e8ebdf}
.yr-workspace .hm-receipt{text-align:left;max-width:none}
.yr-receipt-intro{background:#fcf0e6;border-radius:14px;padding:22px;margin-bottom:24px}
.yr-workspace .hm-receipt .hm-success-icon{width:34px;height:34px;font-size:19px;margin:0 0 12px;background:#e4ebd8;color:#365940}
.yr-workspace .hm-receipt h1{font-family:'Noto Serif TC','Songti TC','PMingLiU',serif;font-size:27px;margin:8px 0}
.yr-workspace .hm-receipt>div>p{font-size:14px;line-height:1.8}
.yr-workspace .hm-receipt .hm-disclaimer{font-size:12px;color:#70552f;background:#fff9eb;line-height:1.9;margin-bottom:0}
.yr-workspace .hm-receipt .hm-buy-actions{justify-content:flex-start}
.yr-workspace .hm-receipt :is(.hm-info-row,.hm-summary-line){font-size:14px}
.yr-workspace .hm-info-row span,.yr-workspace .hm-summary-line small{color:#626e64}
.yr-workspace .hm-summary-line>div{min-width:0;overflow-wrap:anywhere}
.yr-workspace .hm-summary-line strong{font-variant-numeric:tabular-nums}
.yr-workspace .hm-simulation summary{min-height:44px;align-content:center;margin-top:16px;cursor:pointer;font-size:14px}
.yr-workspace .test-sales-entry{margin-top:24px;background:#f7f6ee}
.yr-workspace .test-sales-entry .ops-section-bar{margin-top:0}
/* A delivery journal: reached marks form one route; the current node carries the ink. */
.yr-workspace .auto-ship-card{border-top-color:#e4e9dc;margin-top:24px;padding:24px 0 0}
.yr-workspace .auto-ship-head{background:#f1f4e9;border-radius:12px;padding:20px;gap:16px}
.yr-workspace .auto-ship-head h2{font-size:22px!important;margin-bottom:10px}
.yr-workspace .auto-ship-head p{color:#596a5b}
.yr-workspace .auto-ship-destination{font-size:14px;line-height:1.9}
.yr-workspace .auto-ship-order-bar{margin:24px 0 16px;gap:12px}
.yr-delivery-explanation>summary{min-height:30px;align-content:center;cursor:pointer;font-size:13px;font-weight:500}
.yr-delivery-explanation>p{margin:12px 0 0}
.yr-workspace .auto-ship-timeline{margin:28px 10px 16px}
.yr-workspace .auto-ship-timeline li{padding-bottom:24px;min-height:100px;gap:18px}
.yr-workspace .auto-ship-timeline li:before{left:12px!important;top:26px!important;background:#dbe2d2!important}
.yr-workspace .auto-ship-dot{width:26px;height:26px;background:#fffefb;border-color:#b4c1a6}
.yr-workspace .auto-ship-timeline .is-reached .auto-ship-dot{background:#365b40;border-color:#365b40}
.yr-workspace .yr-current-step .auto-ship-dot{outline:5px solid #e7edde;outline-offset:2px}
.yr-workspace .auto-ship-timeline b{font-size:15px}
.yr-workspace .auto-ship-timeline time,.yr-workspace .auto-ship-timeline small{font-size:13px;color:#606f5d}
.yr-workspace .auto-ship-timeline .is-pending b{color:#626f5d}
.yr-workspace .auto-ship-event{font-size:13px}
.yr-workspace .auto-ship-card summary,.yr-workspace .dl-rules summary{min-height:44px;align-content:center;font-size:14px}
.yr-workspace .dl-page{padding:0;margin:0}
.yr-workspace .dl-layout{grid-template-columns:minmax(230px,.7fr) minmax(0,1.3fr);gap:20px}
.yr-workspace .dl-layout>.panel{padding:20px}
.yr-workspace .dl-stats{gap:0;border-radius:12px;background:#f1f4e9;overflow:hidden}
.yr-workspace .dl-stats>div{background:transparent;border:0;border-radius:0;color:#5e6b5d}
.yr-workspace .dl-stats b{font-size:26px;font-weight:500}
.yr-workspace .dl-order{border-color:#e4e9dd;border-radius:12px;font-size:14px;padding:16px}
.yr-workspace .dl-order.selected{box-shadow:none;background:#f0f4e7;border-color:#8ba17c}
.yr-workspace :is(.dl-order small,.dl-order span,.dl-order em,.dl-meta dt,.dl-event time,.dl-event p,.dl-product-names){font-size:12px;color:#606e5c}
.yr-workspace .dl-event{gap:14px;font-size:14px;line-height:1.8}
.yr-workspace .dl-event i{width:26px;height:26px}
.yr-workspace .dl-event>span{color:#725a2b;background:#f8f0dc;font-size:11px;flex:none}
.yr-workspace .dl-tools label{font-size:13px;color:#5c6d58;min-width:0}
.yr-workspace .dl-tools input{max-width:100%}
/* Conversations keep their quiet configuration beside a full-height reading pane. */
.yr-workspace[data-view="chat"] #app>.section-title{margin:0 0 24px}
.yr-workspace[data-view="chat"] #app>.section-title h1{font-family:'Noto Serif TC','Songti TC','PMingLiU',serif;font-size:28px;margin:6px 0}
.yr-workspace[data-view="chat"] .section-title p{font-size:13px;color:#626e64}
.yr-workspace .chat-layout{grid-template-columns:310px minmax(0,1fr);gap:20px;align-items:start;background:#f0f2e9;padding:10px;border-radius:24px}
.yr-workspace .yr-chat-config{padding:0;background:transparent;border:0;border-radius:12px;min-width:0}
.yr-chat-settings>summary{display:flex;justify-content:space-between;gap:12px;align-items:center;list-style:none;padding:18px 12px;cursor:pointer;font-size:16px;font-weight:600}
.yr-chat-settings>summary::-webkit-details-marker{display:none}
.yr-chat-settings summary small{font-size:12px;color:#606e5c;font-weight:400}
.yr-chat-settings-body{padding:6px 12px 12px}
.yr-workspace .yr-chat-config .form{gap:16px}
.yr-workspace .yr-chat-config label{font-size:13px}
.yr-workspace .yr-chat-config :is(input,select,textarea){width:100%;min-width:0;font-size:14px}
.yr-workspace .yr-chat-thread{padding:24px;min-width:0;position:relative}
.yr-chat-thread>.row{gap:12px;border-bottom:1px solid #e6e9de;padding-bottom:16px;align-items:center;flex-wrap:wrap}
.yr-chat-thread h3{font-size:18px;margin:0}
.yr-workspace .chat-preview-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.yr-workspace .chat-preview-actions button{min-width:44px;min-height:44px;font-size:13px;border:1px solid #dce2d4;border-radius:10px;padding:8px 12px}
.yr-workspace .chat-close-button{position:static;color:#3b5342;background:#f4f5ed;line-height:1.5}
.yr-workspace .chatbox{margin:20px 0 0;min-height:360px;max-height:560px;height:55vh;background:#faf8f1;border-radius:12px;padding:20px;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#c4cfb8 transparent}
.yr-workspace .chatbox .empty{font-size:14px;line-height:1.9;color:#60705b;padding:60px 16px}
.yr-workspace .bubble{max-width:86%;padding:14px 16px;background:#fffefb;border:1px solid #e9e8df;border-radius:0 16px 16px 16px;font-size:14px;line-height:1.9;overflow-wrap:anywhere;margin:0 0 16px}
.yr-workspace .bubble.buyer{background:#eaf0df;border-color:#dfe7d5;border-radius:16px 0 16px 16px}
.yr-workspace .bubble small{font-size:12px;color:#5d6b58;margin-bottom:5px}
.yr-workspace .yr-chat-composer{display:grid;grid-template-columns:86px minmax(0,1fr) auto;gap:10px;margin-top:0;background:#fffefb;padding:18px 0 8px;position:sticky;bottom:0}
.yr-workspace .yr-chat-composer :is(input,select){width:100%;min-width:0;font-size:14px}
.yr-workspace .test-conversation{margin-top:28px;padding-top:24px}
.yr-workspace .test-dialogue-messages{gap:16px;padding:20px;background:#faf8f1;border-radius:14px;max-height:640px;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin}
.yr-workspace .test-dialogue-message{max-width:86%;width:auto;min-width:160px;border:1px solid #e5e8df;background:#fffefb;padding:16px 18px;border-radius:0 16px 16px 16px}
.yr-workspace .test-dialogue-message.is-buyer{background:#eaf0df;border-color:#dfe7d5;border-radius:16px 0 16px 16px}
.yr-workspace .test-dialogue-message :is(span,time){font-size:12px;color:#5e6b5b}
.yr-workspace .test-dialogue-message p{font-size:14px;line-height:1.9}
.yr-workspace .test-dialogue-future{background:#f3f5ec;border-radius:12px;padding:12px 16px}
.yr-workspace .test-dialogue-future>summary{min-height:44px;align-content:center;font-size:14px;cursor:pointer}
@media(max-width:1100px){
 .yr-workspace .ops-sheet{padding:24px}
 .yr-workspace .ops-summary>div{padding-inline:16px}
 .yr-workspace .dl-layout{grid-template-columns:1fr}
 .yr-workspace .chat-layout{grid-template-columns:280px minmax(0,1fr)}
}
@media(max-width:1000px){
 .yr-workspace .chat-layout{display:block}
 .yr-workspace .yr-chat-config{margin-bottom:8px}
 .yr-workspace .ops-shell{display:block;padding:8px}
 .yr-workspace .ops-sidebar{display:block;position:static;padding:0;overflow:visible}
 .yr-workspace .yr-service-brand{display:none}
 .yr-service-menu>summary{min-height:52px;padding:12px 16px;font-size:14px;font-weight:600}
 .yr-menu-caption{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:400}
 .yr-service-menu[open] .yr-menu-caption>span{transform:rotate(45deg)}
 .yr-service-menu-links{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 8px 12px;gap:6px}
 .yr-service-menu-links>button{background:#fafbf5;padding:12px;font-size:14px;line-height:1.6}
 .yr-workspace .ops-account{display:block;margin:0 16px 16px;padding-top:14px}
 .yr-service-menu:not([open]) .yr-service-menu-links,.yr-service-menu:not([open]) .ops-account{display:none}
 .yr-workspace .ops-sheet{min-height:0}
}
@media(max-width:760px){
 .yr-workspace #app{padding:16px 12px 36px}
 .yr-workspace header{padding:14px 16px;min-height:72px}
 .yr-workspace header .search,.yr-workspace>nav,.yr-workspace>.topbar{display:none}
 .yr-workspace header .brand{margin-right:auto}
 .yr-workspace .headerlink{min-height:44px;min-width:44px;font-size:12px}
 .yr-workspace header .headerlink:has(#account){font-size:0;padding:4px}
 .yr-workspace header #account{font-size:12px;max-width:64px;display:block;overflow:hidden;text-overflow:ellipsis}
 .yr-workspace header .headerlink:last-child{font-size:0;display:flex;align-items:center;gap:4px;padding:4px}
 .yr-workspace header .headerlink:last-child:before{content:'購物車';font-size:12px}
 .yr-workspace header .headerlink:last-child b{font-size:11px}
 .yr-workspace .ops-shell{border-radius:18px;padding:6px}
 .yr-workspace .ops-sheet{padding:20px 16px;border-radius:14px}
 .yr-workspace .ops-heading{flex-wrap:wrap;gap:14px;margin-bottom:20px;padding:16px}
 .yr-workspace .ops-heading h1,.yr-workspace .hm-page-head h1{font-size:25px}
 .yr-workspace .ops-heading>div{flex:1 1 140px;min-width:0}
 .yr-workspace .ops-heading span{font-size:13px}
 .yr-workspace :is(.primary,.secondary){min-height:44px;font-size:14px;padding:10px 14px}
 .yr-workspace :is(input,select,textarea){font-size:16px!important;min-height:46px}
 .yr-workspace .ops-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:14px 4px;border-radius:12px;margin-bottom:20px}
 .yr-workspace .ops-summary>div{display:block;padding:0 9px}
 .yr-workspace .ops-summary>div+div{border-left:1px solid #dce2d4;border-top:0}
 .yr-workspace .ops-summary span{font-size:12px;min-height:38px;line-height:1.6}
 .yr-workspace .ops-summary b{font-size:22px;margin:6px 0 0;text-align:left}
 .yr-workspace .ops-summary b small{font-size:12px}
 .yr-workspace .ops-section-bar{flex-wrap:wrap;margin:20px 0 14px}
 .yr-workspace .ops-section-bar input{width:100%}
 .yr-workspace .ops-table-scroll{overflow:visible;margin:0}
 .yr-workspace .ops-sheet>.ops-table{display:table;overflow:visible}
 .yr-workspace .yr-responsive-table{display:block!important;width:100%;font-size:14px}
 .yr-workspace .yr-responsive-table thead{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .yr-workspace .yr-responsive-table tbody{display:block}
 .yr-workspace .yr-responsive-table tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:14px;margin-bottom:16px;padding:16px;border:1px solid #e1e7d9;border-radius:12px;background:#fffefb}
 .yr-workspace .yr-responsive-table td:first-child,.yr-workspace .yr-responsive-table td[data-label="建立時間"],.yr-workspace .yr-responsive-table td:has(button){grid-column:1/-1}
 .yr-workspace .yr-responsive-table td,.yr-workspace .yr-responsive-table td:nth-child(2){display:block!important;text-align:left;white-space:normal;min-width:0;padding:8px 0;border:0;font-size:14px;overflow-wrap:anywhere}
 .yr-workspace .yr-responsive-table td:not(:first-child)::before{content:attr(data-label);display:block;color:#626e64;font-size:12px;margin-bottom:3px}
 .yr-workspace .yr-responsive-table td:first-child{padding-top:0;padding-bottom:12px;border-bottom:1px solid #edf0e7;font-weight:500}
 .yr-workspace .yr-responsive-table td:last-child{padding-bottom:0}
 .yr-workspace .yr-responsive-table td.num{font-variant-numeric:tabular-nums;font-weight:500}
 .yr-workspace .yr-responsive-table td small{max-width:none;font-size:12px;font-weight:400}
 .yr-workspace .yr-responsive-table .ops-order-link{font-size:14px;line-height:1.7;min-height:44px}
 .yr-workspace .yr-responsive-table .ops-text-button{display:inline-flex;font-size:14px;padding:9px 12px;min-height:44px;margin:4px 8px 0 0;background:#f2f5eb;border:1px solid #dce4d3;border-radius:9px;white-space:normal;align-items:center}
 .yr-order-identity>img{width:48px;height:58px}
 .yr-workspace .ops-note{font-size:12px}
 .yr-workspace .ops-empty{padding:24px 16px}
 .yr-workspace .ops-empty h3{font-size:20px}
 .yr-workspace .ops-empty p{font-size:14px}
 .yr-workspace .ops-connection{display:block;padding:16px}
 .yr-workspace .ops-connection .secondary{margin-top:14px;width:100%}
 .yr-workspace .hm-page-head{flex-wrap:wrap;align-items:flex-start}
 .yr-workspace .hm-page-head>div{min-width:0}
 .yr-workspace .hm-receipt .hm-info-row{flex-wrap:wrap;gap:4px}
 .yr-workspace .hm-receipt .hm-info-row>b{overflow-wrap:anywhere;text-align:left}
 .yr-workspace .hm-simulation .hm-info-row{display:block}
 .yr-workspace .hm-simulation .hm-info-row>b{display:block;font-size:13px;line-height:1.8;margin-top:4px;color:#626e64;text-align:left}
 .yr-workspace .hm-buy-actions button{white-space:normal;min-width:120px}
 .yr-workspace dialog .close{width:44px;height:44px}
 .yr-workspace .bank-layout,.yr-workspace .fund-page .bank-layout,.yr-workspace .ship-layout,.yr-workspace .ship-person{grid-template-columns:minmax(0,1fr)}
 .yr-workspace .fund-totals{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
 .yr-workspace .fund-totals>div{min-width:0;padding:12px 0}
 .yr-workspace .fund-totals b{font-size:25px}
 .yr-workspace .bank-layout>.panel{padding:20px 0}
 .yr-workspace .auto-ship-order-bar{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
 .yr-workspace .auto-ship-order-bar button{justify-self:start}
 .yr-workspace .auto-ship-head{flex-wrap:wrap;padding:16px}
 .yr-workspace .auto-ship-head h2{font-size:21px!important;overflow-wrap:anywhere}
 .yr-workspace .auto-ship-timeline{margin-inline:2px}
 .yr-workspace .auto-ship-timeline li{gap:14px;min-height:100px}
 .yr-workspace .auto-ship-timeline li>div{min-width:0}
 .yr-workspace .auto-ship-timeline time,.yr-workspace .auto-ship-timeline small{font-size:12px}
 .yr-workspace .dl-stats{grid-template-columns:1fr 1fr}
 .yr-workspace .dl-stats>div{padding:16px;font-size:12px}
 .yr-workspace .dl-tools{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
 .yr-workspace .dl-tools input{width:100%}
 .yr-workspace .dl-meta>div{gap:4px}
 .yr-workspace .dl-event{gap:10px}
 .yr-workspace .dl-event>div{min-width:0}
 .yr-workspace .chat-layout{display:block;padding:6px;border-radius:18px}
 .yr-workspace .yr-chat-config{margin-bottom:6px}
 .yr-chat-settings>summary{min-height:56px;padding:14px;font-size:15px}
 .yr-chat-settings-body{padding:8px 14px 20px}
 .yr-workspace .yr-chat-thread{padding:16px;border-radius:14px}
 .yr-chat-thread>.row{display:block;padding-bottom:14px}
 .yr-chat-thread h3{font-size:17px;margin-bottom:12px}
 .yr-workspace .chatbox{min-height:320px;height:52svh;max-height:600px;padding:14px;margin-top:16px}
 .yr-workspace .bubble{max-width:94%;font-size:14px;padding:12px 14px}
 .yr-workspace .yr-chat-composer{grid-template-columns:82px minmax(0,1fr);gap:8px;padding:14px 0 calc(8px + env(safe-area-inset-bottom));bottom:0}
 .yr-workspace .yr-chat-composer input{grid-column:1/-1;grid-row:1}
 .yr-workspace .yr-chat-composer button{justify-self:end;min-width:90px}
 .yr-workspace .test-dialogue-messages{padding:14px;max-height:65svh}
 .yr-workspace .test-dialogue-message{max-width:94%;min-width:0;padding:13px 14px}
 .yr-workspace .test-dialogue-message p{font-size:14px}
 .yr-workspace .test-dialogue-message>div{font-size:12px}
 .yr-workspace .test-sales-entry{padding:16px}
 .yr-workspace .test-sales-entry .ops-section-bar{display:block}
 .yr-workspace .test-sales-entry .secondary{margin-top:14px;width:100%}
 .yr-workspace #app>.section-title h1{font-size:25px!important}
 .yr-workspace footer{padding:24px 16px}
}