
/* TOKI Studio — operational interface for a coffee farm. */
#view-admin.toki-studio{font-family:'Noto Sans Thai',sans-serif;color:#193b30;background:#f4f3eb}
.toki-studio .admin-view-container{padding:0!important}
.toki-studio .admin-topbar{height:70px;padding:0 30px;margin:0;border:0;border-bottom:1px solid #dce0d3;background:#fbfaf5;box-shadow:none;border-radius:0;display:flex;justify-content:space-between;position:sticky;top:0;z-index:51;gap:16px}
.ts-topbar-left,.ts-topbar-right{display:flex;align-items:center;gap:20px;min-width:0}
.ts-topbar-label{font:600 13px Georgia,serif;letter-spacing:2px;color:#163b30}
.ts-divider{color:#bdc4b5}#adminActiveTabBreadcrumb{font-size:11px;color:#71806c;white-space:nowrap}
.ts-local-dot{font-size:9px;letter-spacing:1px;white-space:nowrap;color:#6b7d61}
.ts-local-dot:before{content:'';width:6px;height:6px;background:#84946e;display:inline-block;border-radius:50%;margin-right:7px}
.toki-studio button,.toki-studio input,.toki-studio select{font-family:inherit}
.toki-studio :focus-visible{outline:2px solid #ac5737;outline-offset:3px}
.ts-text-button{border:0;background:none;color:#365d46;font-size:11px;font-weight:500;cursor:pointer;padding:7px 0;text-align:left}
.ts-text-button:hover{text-decoration:underline}.ts-logout{font-size:11px;border:1px solid #d5dccf;border-radius:3px;background:transparent;padding:8px 12px;color:#6b7762;cursor:pointer}
.ts-icon{width:19px;height:19px;object-fit:contain;flex-shrink:0}
.toki-studio .admin-layout-wrapper{display:grid;grid-template-columns:245px minmax(0,1fr);gap:0;align-items:start}
.toki-studio .admin-sidebar{width:auto;min-width:0;background:#173c31;border:0;border-radius:0;box-shadow:none;position:sticky;top:70px;height:calc(100dvh - 70px);overflow-y:auto;padding:30px 17px 24px;display:block;color:#dae1cd}
.ts-brand{display:block;text-decoration:none;color:#eeeedd;text-align:center;margin-bottom:36px}
.ts-brand>img{width:86px;height:78px;object-fit:contain;filter:brightness(0) invert(.94)}
.ts-brand>span{display:block;font:16px Georgia,serif;line-height:1.5;margin-top:8px}
.ts-brand small{display:block;font:9px 'Noto Sans Thai',sans-serif;color:#98b09b;margin-top:8px}
.ts-nav-label{font-size:9px;letter-spacing:1px;color:#91a590;padding:0 16px;margin-bottom:12px}
.toki-studio .admin-sidebar .admin-sidebar-btn{width:100%;border:0!important;border-radius:4px;background:transparent;color:#cad8c7;display:flex;align-items:center;gap:12px;padding:12px 14px;margin:3px 0;font-size:12px;text-align:left;line-height:1.6;cursor:pointer;font-weight:400;white-space:normal}
.toki-studio .admin-sidebar .admin-sidebar-btn .ts-icon{filter:brightness(0) invert(.81);width:18px;height:18px}
.toki-studio .admin-sidebar .admin-sidebar-btn.active{background:#e8ecd9;color:#1b4233;font-weight:500}
.toki-studio .admin-sidebar .admin-sidebar-btn.active .ts-icon{filter:none}
.toki-studio .admin-sidebar .admin-sidebar-btn:hover{background:#2d5140;color:#f1f3e6}
.toki-studio .admin-sidebar .admin-sidebar-btn.active:hover{background:#e8ecd9;color:#1b4233}
.ts-nav-count{margin-left:auto;border-radius:3px;background:#b26241;color:#fff8ed;font-size:10px;min-width:18px;text-align:center}.ts-nav-count:empty{display:none}
.ts-content-menu{border-top:1px solid #ffffff1a;margin:25px 0 16px;padding-top:18px}
.ts-content-menu>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;padding:5px 14px;font-size:10px;color:#a8b99e}
.ts-content-menu>summary::-webkit-details-marker{display:none}.ts-content-menu[open]>summary{margin-bottom:12px}
.ts-content-menu[open]>summary>span{transform:rotate(45deg)}
.ts-settings-nav{padding-top:10px;border-top:1px solid #ffffff1a}
.ts-sidebar-foot{border-top:1px solid #ffffff1a;margin:28px 14px 0;padding-top:22px}
.ts-sidebar-foot>span{font-size:8px;letter-spacing:1.2px;color:#91a88b}.ts-sidebar-foot>p{font-size:10px;line-height:1.8;color:#92a58d;margin-top:10px}
.toki-studio .admin-main-content{min-width:0;width:auto;padding:30px 36px 55px;border-radius:0;background:#f4f3eb;overflow:visible}
.ts-workspace-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}
.ts-kicker{font-size:9px;letter-spacing:1.4px;font-weight:500;color:#8a7352;margin:0 0 8px;line-height:1.6}
.ts-workspace-heading h1{font:500 27px/1.5 'Noto Sans Thai',sans-serif;letter-spacing:-.5px;color:#193b30;margin:0 0 4px}
#tsPageDescription{font-size:11px;color:#7a8472;line-height:1.8}
.ts-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #244f3b;background:#244f3b;color:#fbf8ef;border-radius:4px;min-height:39px;padding:10px 16px;font-size:11px;cursor:pointer;line-height:1.6;white-space:nowrap}
.ts-button:hover{background:#376046}.ts-button:disabled{opacity:.5;cursor:wait}
.ts-outline{background:transparent;color:#3b5e45;border-color:#bac7ae}.ts-outline:hover{background:#e7ebdf}
.ts-welcome{display:grid;grid-template-columns:1fr 1.25fr;min-height:218px;background:#e4e8d8;overflow:hidden;border-radius:5px;margin-bottom:22px}
.ts-welcome>div{padding:30px 32px;align-self:center}
.ts-welcome .ts-kicker{font-size:8px;letter-spacing:1.4px;color:#7c8969}
.ts-welcome h2{font:400 28px/1.45 'Noto Sans Thai',sans-serif;letter-spacing:-.6px;margin:9px 0 12px;color:#274e3a}
.ts-welcome p:not(.ts-kicker){font-size:10px;color:#6f8062}
.ts-welcome>img{height:100%;width:100%;object-fit:cover;max-height:235px;mix-blend-mode:multiply;mask-image:linear-gradient(to right,transparent,black 22%)}
.ts-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}
.ts-metric{background:#fdfcf7;border:1px solid #dce1d1;border-radius:5px;padding:17px 18px}
.ts-metric>div{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#607358;font-size:10px}
.ts-metric .ts-icon{width:17px;height:17px;opacity:.65}
.ts-metric>strong{font:400 32px/1.5 Georgia,'Noto Sans Thai',serif;display:block;margin:11px 0 3px;color:#234933}
.ts-metric>small{display:block;font-size:8px;line-height:1.8;color:#84907a}
.ts-dashboard-columns{display:grid;grid-template-columns:1.15fr 1fr;gap:20px;margin-bottom:20px;align-items:start}
.ts-panel{background:#fdfcf7;border:1px solid #dce1d1;border-radius:5px;min-width:0;overflow:hidden}
.ts-panel-head{padding:21px 22px 17px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.ts-panel-head .ts-kicker{font-size:8px;margin-bottom:6px}
.ts-panel h2{font:500 16px/1.5 'Noto Sans Thai',sans-serif;color:#2b4f38;margin:0}
.ts-panel-head .ts-text-button{font-size:10px;flex-shrink:0}
.ts-workflow{display:flex;border-top:1px solid #e4e7dc;border-bottom:1px solid #e4e7dc;margin:0 22px}
.ts-workflow>button{flex:1;background:transparent;border:0;text-align:left;padding:13px 12px;cursor:pointer;color:#61765a;position:relative}
.ts-workflow>button:first-child{padding-left:0}.ts-workflow>button+button{border-left:1px solid #e4e7dc}
.ts-workflow>button:hover{background:#eef0e5}.ts-workflow span{display:block;font-size:9px}.ts-workflow b{display:block;font:25px Georgia,serif;margin-top:7px;color:#365639}
.ts-order-queue{padding:0 22px}
.ts-order-queue>button{display:flex;justify-content:space-between;gap:14px;background:transparent;border:0;border-bottom:1px solid #e4e7dc;padding:15px 0;width:100%;text-align:left;cursor:pointer;color:#274d36}
.ts-order-queue>button:last-child{border:0}.ts-order-queue>button>span{min-width:0}
.ts-order-queue strong{font-size:10px;font-weight:500;display:block}
.ts-order-queue small{display:block;font-size:9px;color:#7b8771;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px;margin-top:5px}
.ts-order-queue b{display:block;font:17px Georgia,serif;margin-top:8px;text-align:right}
.ts-badge{font:500 9px/1.5 'Noto Sans Thai',sans-serif;color:#6a765b;background:#eef0e6;border:1px solid #dce2cd;border-radius:3px;padding:4px 7px;display:inline-block;white-space:nowrap}
.ts-status-unread,.ts-status-pending_verification{background:#f6e9d6;color:#916331;border-color:#ebd8b9}
.ts-status-in_progress,.ts-status-payment_verified{background:#e5ecdf;color:#48633b;border-color:#cedbc2}
.ts-status-shipping{background:#e3ece7;color:#426a5a;border-color:#c7dbd1}
.ts-status-completed,.ts-status-closed{background:#e8eddf;color:#61754b;border-color:#d7e0c8}
.ts-status-cancelled,.ts-status-refunded{background:#f3e7de;color:#9b654c;border-color:#e8cdbb}
.ts-farm-list{padding:0 22px 12px}.ts-farm-list>button{width:100%;border:0;background:transparent;display:flex;align-items:center;gap:15px;text-align:left;padding:15px 0;cursor:pointer}
.ts-farm-list>button+button{border-top:1px solid #e4e7dc}
.ts-date-tile{background:#eff0e4;border:1px solid #e2e5d5;padding:10px;border-radius:4px;min-width:66px;text-align:center;display:grid;justify-items:center;gap:8px;font-size:9px;color:#77856c}
.ts-farm-list strong{display:block;font-size:12px;font-weight:500;color:#32553e}
.ts-farm-list small{display:block;margin:4px 0 7px;font-size:10px;color:#77836d}
.ts-empty{text-align:center;padding:36px 18px;color:#7c8b70}.ts-empty .ts-icon{width:28px;height:28px;opacity:.4;margin-bottom:12px}
.ts-empty h3{font-size:13px;font-weight:500;color:#738563;margin:0 0 7px}.ts-empty p{font-size:10px;line-height:1.8;margin:0}
.ts-stock-summary{display:grid;grid-template-columns:repeat(4,1fr);padding:4px 22px 20px;gap:14px}
.ts-stock-summary>button{display:flex;gap:12px;align-items:center;text-align:left;border:0;background:transparent;cursor:pointer;min-width:0;padding:0}
.ts-stock-summary img{width:53px;height:65px;object-fit:cover;border-radius:3px}
.ts-stock-summary strong{display:block;font:14px/1.3 Georgia,serif;color:#35533b}.ts-stock-summary small{display:block;font-size:8px;line-height:1.8;color:#7a866d;margin-top:6px}
.ts-panel-note{border-top:1px solid #e4e7dc;font-size:10px;color:#839075;padding:14px 22px;line-height:1.7;margin:0}
.ts-data-note{font-size:9px;color:#8b947f;margin:19px 0 0}
.ts-orders-toolbar{display:flex;gap:18px;align-items:center;flex-wrap:wrap;padding:20px 22px;border-bottom:1px solid #dce1d1}
.ts-search{display:flex;align-items:center;gap:9px;flex:1;min-width:180px;border:1px solid #d7dfcc;padding:9px 12px;border-radius:3px;background:#fffef9}
.ts-search input{min-width:0;width:100%;font-size:11px;color:#30523c;background:transparent;border:0;outline:0}
.ts-filter{display:flex;gap:10px;align-items:center;font-size:10px;color:#6b7c60}
.ts-filter select,.ts-order-status,.ts-request-status select{border:1px solid #cfdbc4;background:#fffdf7;color:#3d5e43;border-radius:3px;padding:8px 10px;font-size:11px}
.ts-table-scroll{overflow:auto;max-width:100%}
.ts-table{width:100%;border-collapse:collapse;font-size:11px;min-width:800px;text-align:left}
.ts-table th{background:#edf0e5;color:#77866a;padding:12px;font-size:10px;font-weight:500;white-space:nowrap}
.ts-table td{padding:18px 12px;vertical-align:top;border-bottom:1px solid #e7eadf;color:#345039}
.ts-table th:first-child,.ts-table td:first-child{padding-left:22px;width:35px}
.ts-table small{display:block;font-size:9px;line-height:1.7;color:#879278;margin-top:5px}.ts-table td>strong{display:block;font-size:11px;font-weight:500;margin-top:10px}
.ts-table .ts-text-button{padding-top:0;font-size:10px}.ts-table input[type=checkbox]{accent-color:#31573c;width:15px;height:15px}
.ts-order-item+.ts-order-item{margin-top:15px}.ts-order-item strong{font-weight:500;font-size:11px}
.ts-table .ts-price{font:20px Georgia,serif;white-space:nowrap}
.ts-order-status{display:block;width:145px;margin:10px 0;font-size:10px}
.ts-table-actions{display:flex;flex-direction:column;gap:7px}
.ts-small-button{padding:6px 10px;border:1px solid #d7dfca;background:transparent;color:#5b744f;border-radius:3px;font-size:9px;white-space:nowrap;cursor:pointer}
.ts-product-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}
.ts-product-heading>p{font-size:11px;color:#7a896d}
.ts-inventory-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.ts-inventory-card{background:#fdfcf7;border:1px solid #dce1d1;border-radius:5px;padding:23px}
.ts-coffee-card-top{display:flex;align-items:center;gap:22px;margin-bottom:22px}
.ts-coffee-card-top>img{width:90px;height:108px;object-fit:cover;border-radius:3px}
.ts-coffee-card-top h2{font:23px/1.3 Georgia,serif;color:#32543a;margin:0}
.ts-coffee-card-top p:not(.ts-kicker){font-size:10px;color:#849075;margin:8px 0}.ts-coffee-card-top .ts-kicker{font-size:8px;text-transform:uppercase}
.ts-size-list>div{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;border-bottom:1px solid #e6e9dc;padding:12px 0;font-size:12px;color:#526e47}
.ts-size-list>div>:last-child{text-align:right}.ts-size-list .ts-size-head{font-size:9px;color:#88967a;background:#eff1e7;padding:8px 10px}
.ts-size-list strong{font-weight:500}.ts-size-list small{font-size:9px;font-weight:400;color:#8b987e}.ts-low-stock{color:#ab5835!important}
.ts-variant-note{font-size:9px;color:#89977a;line-height:1.8;margin:18px 0}
.ts-inventory-actions{display:flex;justify-content:space-between;align-items:center;gap:15px}
.ts-delete{background:none;border:0;color:#aa7658;font-size:10px;cursor:pointer;padding:10px}
.ts-inquiry-notice{display:flex;align-items:start;gap:13px;background:#e8ebdd;padding:18px 22px;border-radius:4px;margin-bottom:24px}
.ts-inquiry-notice p{font-size:11px;line-height:1.8;color:#6f7e60;margin:0}
.ts-request{border-bottom:1px solid #e0e6d5}.ts-request:last-child{border:0}
.ts-request summary{list-style:none;display:flex;align-items:center;gap:18px;padding:23px;cursor:pointer}
.ts-request summary::-webkit-details-marker{display:none}
.ts-request-icon{display:grid;place-items:center;background:#eef0e3;width:44px;height:44px;border-radius:4px;flex-shrink:0}
.ts-request-title{flex:1;min-width:0}.ts-request-title strong{display:block;font:500 14px/1.5 'Noto Sans Thai',sans-serif;color:#325638}
.ts-request-title small{display:block;font-size:10px;line-height:1.7;color:#81916f;overflow-wrap:anywhere;margin-top:5px}
.ts-request-arrow{font:22px Georgia,serif;color:#8b9a7c}.ts-request[open] .ts-request-arrow{transform:rotate(45deg)}
.ts-request-body{padding:0 24px 24px 85px}
.ts-request-body dl{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:16px;margin:0 0 18px}
.ts-request-body dt{font-size:9px;color:#8d9a7f;margin-bottom:6px}.ts-request-body dd{font-size:11px;line-height:1.6;color:#48643d;margin:0;overflow-wrap:anywhere}
.ts-message-text{padding:20px;background:#f1f2e8;border-radius:4px;white-space:pre-wrap;font-size:12px;line-height:1.8;color:#60764e;margin:0 0 22px;overflow-wrap:anywhere}
.ts-request-status{display:flex;align-items:center;gap:14px;font-size:11px;color:#5c744a}
.ts-request-feedback{margin:12px 0 0;color:#6c8754;font-size:10px;min-height:18px}
.ts-loading{padding:35px;color:#869675;font-size:12px;text-align:center}
.ts-sr-only{position:absolute!important;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}
.ts-mobile-menu{display:none}
.toki-studio .admin-table-card{border:1px solid #dce1d1;border-radius:5px;box-shadow:none;background:#fdfcf7;overflow:hidden}
.toki-studio .admin-table-header{background:#fdfcf7;border-color:#dce1d1}
.toki-studio .form-control{background:#fffef9;border-color:#cfdac3;color:#365136;border-radius:3px;font-family:inherit}
.toki-studio .btn-action-green,.toki-studio .btn-save-section{background:#31573d!important;border-color:#31573d!important;box-shadow:none!important}
.toki-studio .admin-table th{background:#edf0e5;color:#718263}
.toki-studio .admin-table td{border-color:#e0e5d5}
#view-admin-login{background:#f1f0e6;min-height:100dvh;display:grid}
#view-admin-login .ts-login{display:grid;grid-template-columns:1fr 1fr;max-width:1040px;margin:40px auto;background:#fbfaf4;border:1px solid #d4ddc8;border-radius:6px;overflow:hidden;min-height:560px}
.ts-login-art{position:relative;background:#e1e7d3;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.ts-login-art>div{position:relative;z-index:1;padding:40px}
.ts-login-art h1{font:46px Georgia,serif;color:#345336;line-height:1.1;margin:25px 0}
.ts-login-art p{font:12px/1.9 'Noto Sans Thai',sans-serif;color:#75866a}
.ts-login-art>img{width:100%;height:280px;object-fit:cover;mix-blend-mode:multiply}
.ts-login-form{padding:60px 50px;align-self:center}
.ts-login-form h2{font:500 25px 'Noto Sans Thai',sans-serif;color:#35563a;margin:14px 0}
.ts-login-form p{font:12px/1.9 'Noto Sans Thai',sans-serif;color:#7f8f72;margin-bottom:26px}
.ts-login-form label{display:block;font:12px 'Noto Sans Thai',sans-serif;color:#59754d;margin:19px 0 9px}
.ts-login-form input{width:100%;padding:12px;background:#fffef9;border:1px solid #cbd7bd;border-radius:3px;font:14px 'Noto Sans Thai',sans-serif}
.ts-login-form .ts-button{width:100%;margin-top:27px;font-size:13px}
.ts-login-form a{display:block;color:#718765;font:11px 'Noto Sans Thai',sans-serif;text-align:center;margin-top:24px;text-decoration:none}
@media(max-width:1200px){
 .toki-studio .admin-layout-wrapper{grid-template-columns:220px minmax(0,1fr)}.toki-studio .admin-main-content{padding:25px}
 .ts-metrics{gap:10px}.ts-metric{padding:16px 12px}.ts-metric>div{font-size:9px}
 .ts-stock-summary{grid-template-columns:1fr 1fr;gap:22px}.ts-dashboard-columns{grid-template-columns:1fr}
 .ts-inventory-grid{gap:15px}.ts-inventory-card{padding:18px}.ts-coffee-card-top{gap:15px}.ts-coffee-card-top>img{width:70px;height:95px}.ts-coffee-card-top h2{font-size:20px}
}
@media(max-width:850px){
 .toki-studio .admin-layout-wrapper{display:block}.toki-studio .admin-topbar{height:61px;padding:0 20px}
 .toki-studio .admin-sidebar{position:fixed!important;z-index:60;left:0;top:61px;width:270px;height:calc(100dvh - 61px);display:none!important;box-shadow:15px 0 60px #173c3155}
 .toki-studio .admin-sidebar.mobile-open{display:block!important}.ts-mobile-menu{display:grid;place-items:center;border:0;background:transparent;padding:8px;cursor:pointer}
 .ts-topbar-left,.ts-topbar-right{gap:12px}.ts-local-dot,.ts-divider,#adminActiveTabBreadcrumb{display:none}
 .ts-topbar-label{font-size:12px}.ts-welcome>div{padding:26px}.ts-welcome h2{font-size:25px}
 .ts-workspace-heading h1{font-size:24px}.ts-workspace-heading .ts-kicker{font-size:8px}
 #view-admin-login .ts-login{grid-template-columns:.8fr 1fr}.ts-login-form{padding:40px 30px}.ts-login-art>div{padding:30px}.ts-login-art h1{font-size:38px}
}
@media(max-width:560px){
 .toki-studio .admin-main-content{padding:22px 17px 40px}
 .toki-studio .admin-topbar{padding:0 12px}.ts-topbar-left,.ts-topbar-right{gap:8px}
 .ts-topbar-right .ts-text-button,.ts-logout{font-size:10px}.ts-logout{padding:7px 9px}
 .ts-workspace-heading{align-items:start;gap:12px;margin-bottom:22px}
 .ts-workspace-heading h1{font-size:21px}#tsPageDescription{font-size:10px;max-width:250px}.ts-workspace-heading .ts-button{font-size:9px;padding:8px 10px;min-height:34px}
 .ts-workspace-heading .ts-kicker{font-size:7px;letter-spacing:1px}
 .ts-welcome{grid-template-columns:1fr;min-height:0;position:relative;min-height:185px}
 .ts-welcome>div{position:relative;z-index:1;padding:24px}.ts-welcome>img{position:absolute;width:70%;height:100%;right:0;opacity:.32;max-height:none}
 .ts-welcome h2{font-size:25px}.ts-welcome p:not(.ts-kicker){font-size:9px}
 .ts-metrics{grid-template-columns:1fr 1fr;gap:10px}.ts-metric{padding:15px}
 .ts-metric>div{font-size:9px}.ts-metric>strong{font-size:29px}.ts-metric>small{font-size:8px}
 .ts-panel-head{padding:18px}.ts-panel h2{font-size:15px}.ts-panel-head .ts-text-button{font-size:9px}
 .ts-workflow{margin:0 18px}.ts-order-queue{padding:0 18px}.ts-order-queue small{max-width:160px}
 .ts-stock-summary{padding:3px 18px 18px;gap:20px 12px}.ts-stock-summary>button{gap:9px}.ts-stock-summary img{width:39px;height:52px}.ts-stock-summary strong{font-size:13px}
 .ts-panel-note{padding:13px 18px;font-size:9px}.ts-data-note{font-size:8px;line-height:1.8}
 .ts-orders-toolbar{padding:18px;gap:13px}.ts-search{flex-basis:100%}.ts-filter{font-size:9px}.ts-filter select{font-size:10px}
 .ts-inventory-grid{grid-template-columns:1fr}.ts-product-heading{gap:15px}.ts-product-heading>p{font-size:10px}.ts-product-heading .ts-button{font-size:10px;padding:9px 12px}
 .ts-inventory-card{padding:22px}.ts-coffee-card-top>img{width:88px;height:105px}.ts-coffee-card-top h2{font-size:24px}
 .ts-inquiry-notice{padding:16px;gap:10px}.ts-inquiry-notice p{font-size:10px}
 .ts-request summary{padding:18px 15px;gap:10px;flex-wrap:wrap}
 .ts-request-icon{width:32px;height:32px}.ts-request-title{flex-basis:calc(100% - 66px)}.ts-request summary>.ts-badge{margin-left:42px}.ts-request-arrow{margin-left:auto;font-size:19px}
 .ts-request-title strong{font-size:13px}.ts-request-title small{font-size:9px}
 .ts-request-body{padding:0 18px 22px}.ts-request-body dl{grid-template-columns:1fr 1fr}.ts-request-body dl>div:last-child{grid-column:1/-1}
 .ts-request-status{flex-wrap:wrap;gap:10px;font-size:10px}
 #view-admin-login{padding:18px!important}#view-admin-login .ts-login{display:block;margin:10px auto;min-height:0}
 .ts-login-art{height:190px}.ts-login-art>div{padding:22px;z-index:1}.ts-login-art h1{font-size:32px;margin:12px 0}
 .ts-login-art p{font-size:9px}.ts-login-art>img{position:absolute;right:0;width:60%;height:100%;opacity:.35;mask-image:linear-gradient(to right,transparent,black)}
 .ts-login-form{padding:30px 25px}.ts-login-form h2{font-size:23px}
}

.toki-studio .ts-metric>div{font-size:12px;align-items:flex-start}
.toki-studio .ts-metric>small{font-size:10px;color:#69795e}
.toki-studio .ts-workflow span{font-size:11px}
.toki-studio .ts-panel-head .ts-kicker{font-size:9px}
.toki-studio .ts-panel-head .ts-text-button{font-size:11px}
.toki-studio .ts-order-queue strong{font-size:12px}
.toki-studio .ts-order-queue small{font-size:11px;color:#69795e;max-width:240px}
.toki-studio .ts-stock-summary small{font-size:10px;color:#69795e}
.toki-studio .ts-badge{font-size:10px}
.toki-studio .ts-empty p{font-size:12px;color:#69795e}
.toki-studio .ts-panel-note{font-size:11px;color:#69795e}
.toki-studio .admin-sidebar .admin-sidebar-btn{font-size:13px}
.toki-studio .ts-table{font-size:12px}
.toki-studio .ts-table th,.toki-studio .ts-table small{font-size:11px;color:#627555}
.toki-studio .ts-small-button{font-size:11px;min-height:32px}
.toki-studio .ts-table .ts-text-button{font-size:12px}
.toki-studio .ts-order-item strong{font-size:12px}
.toki-studio .ts-order-status{font-size:12px;min-height:38px}
.toki-studio .ts-request-title small{font-size:12px;color:#657959}
.toki-studio .ts-request-body dd{font-size:13px}
.toki-studio .ts-request-body dt{font-size:11px}
.toki-studio .ts-inquiry-notice p{font-size:12px;color:#627555}
.toki-studio .ts-data-note{font-size:10px}
@media(max-width:560px){
 .toki-studio .ts-metric>div{font-size:11px}.toki-studio .ts-metric>small{font-size:9px}
 .toki-studio .ts-order-queue small{max-width:150px;font-size:10px}
 .toki-studio .ts-order-queue strong{font-size:10px}
 .toki-studio .ts-stock-summary small{font-size:9px}
 .toki-studio .ts-request-title small{font-size:11px}
}

.toki-studio .admin-layout-wrapper{margin-top:0}
.toki-studio [hidden]{display:none!important}
