:root{--twm-orange:#f47b20;--twm-orange-dark:#d75f09;--twm-ink:#172033;--twm-muted:#657084;--twm-line:#e4e7ec;--twm-soft:#f5f6f8;--twm-danger:#bd2c2c}
.twmio-app{max-width:680px;margin:0 auto;background:#fff;color:var(--twm-ink);min-height:80vh;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC","Microsoft JhengHei",sans-serif;box-shadow:0 0 35px #1f293712}
.twmio-top{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#fff;border-bottom:1px solid var(--twm-line)}
.twmio-top strong,.twmio-top small{display:block}.twmio-top small,.twmio-top span{font-size:12px;color:var(--twm-muted)}
.twmio-app section{padding:12px 12px 90px}.twmio-toolbar{display:flex;gap:8px}.twmio-toolbar input{flex:1}.twmio-app input,.twmio-app select,.twmio-app textarea,.twmio-app button{font:inherit}
.twmio-app input,.twmio-app select,.twmio-app textarea{width:100%;border:1px solid #d5d9e0;border-radius:10px;padding:11px;background:#fff}.twmio-app textarea{min-height:88px}
.twmio-app button{min-height:44px;border:1px solid var(--twm-line);border-radius:10px;background:#fff;padding:9px 12px;font-weight:700}.twmio-app button.primary,#twmio-submit{background:var(--twm-orange);color:#fff;border-color:var(--twm-orange)}.twmio-app button:disabled{opacity:.48}
.twmio-filters{display:block;margin:10px 0;padding:10px;border:1px solid var(--twm-line);border-radius:12px;background:#fafbfc}.twmio-manager-actions{display:flex;gap:8px;margin:10px 0;flex-wrap:wrap}
.twmio-list-summary{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:9px 2px 6px}.twmio-result-count{color:var(--twm-muted);font-size:13px;font-weight:750}.twmio-list-head,.twmio-row{display:grid;grid-template-columns:1.05fr 1.55fr .85fr;gap:8px;align-items:center}.twmio-list-head{padding:0 7px;background:#f7f8fa;border-block:1px solid var(--twm-line)}.twmio-app .twmio-sort-head{display:flex;align-items:center;gap:4px;min-width:0;min-height:39px;padding:7px 0!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--twm-muted);font-size:13px;font-weight:800;text-align:left;box-shadow:none!important}.twmio-app .twmio-sort-head:hover,.twmio-app .twmio-sort-head:focus-visible{background:transparent!important;color:var(--twm-orange);box-shadow:none!important}.twmio-app .twmio-sort-head[aria-pressed="true"]{color:var(--twm-ink)}.twmio-sort-indicator{color:var(--twm-orange);font-size:9px}
.twmio-row{width:100%;border:0!important;border-bottom:1px solid var(--twm-line)!important;border-radius:0!important;text-align:left;padding:13px 7px!important}.twmio-row span{font-size:14px;line-height:1.45;overflow-wrap:anywhere}.twmio-row span:first-child{font-weight:800}.twmio-row .muted{color:var(--twm-muted);font-size:13px}
.twmio-pagination{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin-top:14px}.twmio-pagination button:first-child{justify-self:start}.twmio-pagination button:last-child{justify-self:end}.twmio-pagination span{color:var(--twm-muted);font-size:13px;font-weight:700}.twmio-pagination button{min-width:86px}.twmio-pagination button,.twmio-manager-actions button,.twmio-form-actions button{min-height:40px;padding:7px 10px;font-size:13px}
.twmio-back{border:0!important;color:var(--twm-orange-dark);padding-left:0!important}.twmio-hero h2{margin:3px 0}.twmio-hero p{margin:3px 0;color:var(--twm-muted)}
.twmio-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.twmio-meta div{background:var(--twm-soft);padding:9px;border-radius:10px;font-size:12px}
.twmio-tabs{display:grid;grid-template-columns:repeat(3,1fr);position:sticky;top:58px;background:#fff;z-index:10}.twmio-tabs button{border:0;border-radius:0;border-bottom:3px solid transparent}.twmio-tabs button.active{color:var(--twm-orange-dark);border-bottom-color:var(--twm-orange)}
.twmio-card,.twmio-form-section{border:1px solid var(--twm-line);border-radius:12px;margin:12px 0;overflow:hidden}.twmio-card h3,.twmio-form-section h3{font-size:14px;margin:0;padding:11px 12px;background:#f8f9fa}.twmio-grid{display:grid;grid-template-columns:1fr 1fr}.twmio-grid div{padding:10px 12px;border-top:1px solid var(--twm-line)}.twmio-grid small{display:block;color:var(--twm-muted);font-size:11px}.twmio-grid p{margin:4px 0 0;font-size:13px;white-space:pre-wrap}.twmio-full{grid-column:1/-1}
.twmio-form-section .body{padding:12px}.twmio-field{margin-bottom:14px}.twmio-field label{display:block;font-size:13px;font-weight:750;margin-bottom:6px}.twmio-field .req{color:var(--twm-danger)}.twmio-segments{display:grid;gap:7px}.twmio-segments.two{grid-template-columns:repeat(2,1fr)}.twmio-segments.three{grid-template-columns:repeat(3,1fr)}.twmio-segments input{position:absolute;opacity:0}.twmio-segments label{margin:0;text-align:center;border:1px solid #d5d9e0;border-radius:10px;padding:10px}.twmio-segments input:checked+label{border-color:var(--twm-orange);background:#fff3e9;color:#934408}.twmio-error{border-color:var(--twm-danger)!important}.twmio-error-text{font-size:12px;color:var(--twm-danger);margin-top:4px}.twmio-error-summary,.twmio-notice{padding:10px 12px;border-radius:10px;margin:10px 0;background:#fff2f2;color:#842424}.twmio-notice.success{background:#ebf8ef;color:#17623a}
.twmio-progress{position:sticky;top:58px;z-index:12;background:#fff;padding:10px 0}.twmio-progress span,.twmio-progress strong{font-size:12px}.twmio-progress strong{float:right}.twmio-progress i{display:block;height:7px;background:#edf0f3;border-radius:10px;overflow:hidden;margin-top:6px}.twmio-progress b{display:block;height:100%;width:0;background:var(--twm-orange)}.twmio-form-actions{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,680px);display:flex;gap:8px;padding:10px 12px;background:#fffffff2;border-top:1px solid var(--twm-line);z-index:25}.twmio-form-actions button{flex:1}.twmio-upload-progress{height:6px;background:#eee;margin-top:5px}.twmio-upload-progress b{display:block;height:100%;background:var(--twm-orange)}
.twmio-photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;padding:12px}.twmio-photo-item{display:flex;flex-direction:column;gap:6px;min-width:0}.twmio-photo-item a{display:block;border:1px solid var(--twm-line);border-radius:9px;overflow:hidden;background:#f7f8fa}.twmio-photo-item img{display:block;width:100%;height:110px;object-fit:cover}.twmio-photo-item span{font-size:12px;overflow-wrap:anywhere}.twmio-photo-item button{min-height:34px;padding:6px 8px;font-size:12px}
.twmio-photo-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.twmio-photo-actions button{min-height:40px;padding:7px 10px;font-size:13px}.twmio-photo-actions .twmio-photo-camera{border-color:#f6b27f;background:#fff8f2;color:#a84708}.twmio-photo-selected{display:block;min-height:18px;margin-top:6px;color:var(--twm-muted);font-size:12px;overflow-wrap:anywhere}
.twmio-user-form,.twmio-user-row{display:grid;grid-template-columns:1fr 1.35fr .75fr .9fr .7fr;gap:8px;align-items:center;border:1px solid var(--twm-line);border-radius:12px;padding:10px;margin:10px 0}.twmio-user-form button{grid-column:1/-1}.twmio-user-form label,.twmio-user-row label{display:flex;align-items:center;gap:6px;font-size:12px}.twmio-user-form input[type=checkbox],.twmio-user-row input[type=checkbox]{width:auto}.twmio-user-actions{grid-column:1/-1;display:flex;gap:8px}.twmio-user-actions button{flex:1}.twmio-app button.danger{border-color:#e3a8a8;color:#a42626;background:#fff8f8}
@media(max-width:560px){.twmio-app{box-shadow:none}.twmio-list-head,.twmio-row{grid-template-columns:1fr 1.5fr .8fr;gap:6px}.twmio-list-head{font-size:12px}.twmio-row span{font-size:13px}.twmio-row .muted{font-size:12px}.twmio-user-form,.twmio-user-row{grid-template-columns:1fr 1fr}.twmio-user-form input[name=email],.twmio-user-row input[name=email]{grid-column:1/-1}}
.twmio-home,.twmio-app,.twmio-login{font-family:"Noto Sans TC","Microsoft JhengHei","PingFang TC",sans-serif;color:#17365d;box-sizing:border-box}.twmio-home *,.twmio-app *,.twmio-login *{box-sizing:border-box}.twmio-home{max-width:1180px;margin:0 auto;background:#f5f7fa;min-height:100vh;overflow-x:hidden}.twmio-home-top{display:flex;gap:24px;justify-content:space-between;align-items:center;padding:22px clamp(18px,4vw,48px);color:#fff;background:#123b68;border-bottom:4px solid #f47b20}.twmio-home-brand{display:flex;gap:14px;align-items:center;min-width:0}.twmio-brand-mark{display:grid;place-items:center;flex:0 0 46px;height:46px;border-radius:12px;background:#f47b20;color:#fff;font-size:13px;font-weight:700}.twmio-home h1{margin:0;font-size:clamp(20px,3.4vw,31px);line-height:1.35;font-weight:600;overflow-wrap:anywhere}.twmio-user-summary{display:grid;grid-template-columns:auto auto;gap:3px 12px;flex:0 0 auto;text-align:right}.twmio-user-summary strong{font-size:15px}.twmio-user-summary span{font-size:13px;color:#dbe7f3}.twmio-user-summary a{grid-column:1/-1;color:#fff;font-size:13px;text-decoration:underline;text-underline-offset:3px}.twmio-home-body{padding:clamp(22px,4vw,48px)}.twmio-home-section+.twmio-home-section{margin-top:42px}.twmio-section-heading{margin-bottom:18px}.twmio-section-heading p{margin:0 0 4px;color:#f47b20;font-size:11px;letter-spacing:.12em}.twmio-section-heading h2{margin:0;font-size:clamp(22px,3vw,28px);font-weight:600}.twmio-department{margin-top:20px;padding:18px;border-radius:14px;background:#edf4fb;border-left:5px solid #2878bd}.twmio-department-engineering{background:#eef8f2;border-left-color:#2f8b57}.twmio-department h3{margin:0 0 14px;font-size:18px;font-weight:600}.twmio-home-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr));gap:14px}.twmio-home-card{position:relative;display:flex;align-items:flex-start;gap:13px;min-height:112px;padding:18px;border:1px solid #dce4ec;border-radius:13px;background:#fff;color:#17365d;text-decoration:none;box-shadow:0 4px 14px rgba(23,54,93,.07);transition:transform .15s ease,box-shadow .15s ease}.twmio-home-card[href]:hover,.twmio-home-card[href]:focus-visible{transform:translateY(-2px);box-shadow:0 8px 22px rgba(23,54,93,.13);outline:3px solid rgba(244,123,32,.28);outline-offset:2px}.twmio-home-card h3,.twmio-home-card h4{margin:0 0 6px;font-size:17px;font-weight:600}.twmio-home-card p{margin:0;color:#5e6f82;font-size:14px;line-height:1.55}.twmio-card-icon{flex:0 0 13px;width:13px;height:38px;border-radius:8px;background:#2878bd}.twmio-department-engineering .twmio-card-icon{background:#2f8b57}.twmio-card-icon.knowledge{background:#f47b20}.twmio-status{position:absolute;right:12px;top:12px;padding:3px 8px;border-radius:999px;background:#f1f3f5;color:#687581;font-size:11px}.twmio-home-card.is-disabled{padding-right:72px;cursor:default}.twmio-knowledge-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}.twmio-home-link{display:block;color:#d9e8f6;font-size:12px;text-decoration:none;margin-bottom:2px}.twmio-home-link:hover{text-decoration:underline}
.twmio-department-engineering .twmio-home-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.twmio-project-card{min-height:132px}.twmio-project-card.is-routine{border-color:#b9dec9;background:#effaf3}.twmio-project-card.is-emergency{border-color:#efc1c1;background:#fff2f2}.twmio-project-card.is-emergency .twmio-card-icon{background:#c74444}.twmio-project-type{display:inline-flex;margin:0 0 7px;border-radius:999px;padding:3px 8px;background:#17683a;color:#fff;font-size:11px;font-weight:800}.twmio-project-card.is-emergency .twmio-project-type{background:#9e2525}.twmio-project-more{margin-top:14px}.twmio-project-more>summary{width:max-content;cursor:pointer;border:1px solid #b8c8d7;border-radius:9px;background:#fff;padding:8px 13px;color:#31516f;font-size:13px;font-weight:800}.twmio-project-more[open]>summary{margin-bottom:14px}.twmio-project-more .twmio-home-grid{padding-top:2px}
.twmio-user-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:12px}.twmio-user-actions>a,.twmio-self-password summary{color:#fff;font-size:13px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.twmio-self-password{position:relative}.twmio-self-password summary{list-style:none}.twmio-self-password summary::-webkit-details-marker{display:none}.twmio-self-password form{position:absolute;right:0;top:calc(100% + 10px);z-index:50;width:300px;padding:14px;border:1px solid #dce4ec;border-radius:12px;background:#fff;color:#17365d;text-align:left;box-shadow:0 14px 35px rgba(14,35,62,.24)}.twmio-self-password label{display:block;margin-bottom:9px;font-size:12px;font-weight:700}.twmio-self-password input{width:100%;margin-top:4px;padding:8px;border:1px solid #cfd8e3;border-radius:8px;font-size:13px}.twmio-self-password button{width:100%;min-height:38px;border:0;border-radius:8px;background:#f47b20;color:#fff;font-size:13px;font-weight:700}.twmio-self-password small{display:block;margin-top:8px;color:#687581;font-size:11px}.twmio-home-notice{margin:14px clamp(18px,4vw,48px) 0;padding:10px 12px;border:1px solid #ef9a9a;border-radius:10px;background:#fff3f3;color:#942525;font-size:13px}
.twmio-sok-home-preview{color:#1f2937}.twmio-sok-home-preview .twm-sok-section{margin-top:28px}.twmio-sok-home-preview .twm-sok-section:first-child{margin-top:0}.twmio-sok-home-preview .twm-sok-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #dfe5ee}.twmio-sok-home-preview .twm-sok-section-head h3{display:inline-flex;align-items:center;gap:8px;margin:0;color:#172033;font-size:20px;font-weight:700}.twmio-sok-home-preview .twm-sok-section-head h3 span{display:inline-block;width:8px;height:24px;border-radius:999px;background:#2563eb}.twmio-sok-home-preview .twm-sok-section-link{color:#a84708;font-size:13px;font-weight:700;text-decoration:none}.twmio-sok-home-preview .twm-sok-section-link:hover,.twmio-sok-home-preview .twm-sok-section-link:focus-visible{text-decoration:underline}.twmio-sok-home-preview .twm-sok-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.twmio-sok-home-preview .twm-sok-card{display:flex;min-height:118px;flex-direction:column;justify-content:space-between;padding:15px;border:1px solid #dfe5ee;border-radius:8px;background:#fff;color:inherit;text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.twmio-sok-home-preview .twm-sok-card:hover,.twmio-sok-home-preview .twm-sok-card:focus-visible{border-color:#f58220;box-shadow:0 10px 26px rgba(23,32,51,.08);outline:none;transform:translateY(-1px)}.twmio-sok-home-preview .twm-sok-card-type{display:inline-flex;width:fit-content;margin-bottom:10px;padding:2px 8px;border-radius:999px;background:#fff0e3;color:#b45309;font-size:13px;font-weight:700}.twmio-sok-home-preview .twm-sok-card strong{display:block;color:#172033;font-size:17px;line-height:1.35}.twmio-sok-home-preview .twm-sok-card-meta{display:block;margin-top:12px;color:#667085;font-size:13px}.twmio-sok-home-preview .twm-sok-empty{padding:18px;border:1px dashed #cfd8e3;border-radius:8px;background:#fff;color:#667085}.twmio-sok-home-preview .twm-sok-more-row{display:flex;justify-content:flex-start;margin-top:12px}.twmio-sok-home-preview .twm-sok-more{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 10px;border:1px solid #cfd8e3;border-radius:999px;background:#fff;color:#344054;font-size:13px;font-weight:800;text-decoration:none}.twmio-sok-home-preview .twm-sok-more:hover,.twmio-sok-home-preview .twm-sok-more:focus-visible{border-color:#f58220;color:#c55a11}.twmio-sok-home-preview .twm-sok-section-strategy{--sok-accent:#2563eb;--sok-text:#1d4ed8}.twmio-sok-home-preview .twm-sok-section-marketing{--sok-accent:#f58220;--sok-text:#b45309}.twmio-sok-home-preview .twm-sok-section-ott{--sok-accent:#059669;--sok-text:#047857}.twmio-sok-home-preview .twm-sok-section-training{--sok-accent:#7c3aed;--sok-text:#6d28d9}.twmio-sok-home-preview .twm-sok-section-education{--sok-accent:#db2777;--sok-text:#be185d}.twmio-sok-home-preview [class*="twm-sok-section-"] .twm-sok-section-head{border-bottom-color:var(--sok-accent)}.twmio-sok-home-preview [class*="twm-sok-section-"] .twm-sok-section-head h3{color:var(--sok-text)}.twmio-sok-home-preview [class*="twm-sok-section-"] .twm-sok-section-head h3 span{background:var(--sok-accent)}.twmio-sok-home-preview .twm-sok-card-strategy .twm-sok-card-type{background:#eff6ff;color:#1d4ed8}.twmio-sok-home-preview .twm-sok-card-marketing .twm-sok-card-type{background:#fff0e3;color:#b45309}.twmio-sok-home-preview .twm-sok-card-ott .twm-sok-card-type{background:#ecfdf5;color:#047857}.twmio-sok-home-preview .twm-sok-card-training .twm-sok-card-type{background:#f5f3ff;color:#6d28d9}.twmio-sok-home-preview .twm-sok-card-education .twm-sok-card-type{background:#fdf2f8;color:#be185d}
@media(max-width:760px){.twmio-sok-home-preview .twm-sok-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.twmio-user-actions{justify-content:flex-start;gap:10px}.twmio-self-password form{right:auto;left:0;width:min(300px,calc(100vw - 48px))}}
@media(max-width:900px){.twmio-department-engineering .twmio-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.twmio-home-top{align-items:flex-start;flex-direction:column;gap:14px}.twmio-home-brand{align-items:flex-start}.twmio-brand-mark{flex-basis:40px;height:40px}.twmio-user-summary{width:100%;grid-template-columns:auto 1fr;text-align:left;padding-left:54px}.twmio-user-summary a{grid-column:2}.twmio-home-body{padding:20px 14px 36px}.twmio-department{padding:15px 12px}.twmio-home-grid,.twmio-department-engineering .twmio-home-grid,.twmio-sok-home-preview .twm-sok-grid{grid-template-columns:1fr}.twmio-home-card{min-height:104px;width:100%}.twmio-sok-home-preview .twm-sok-section-head{align-items:flex-start;flex-direction:column}.twmio-sok-home-preview .twm-sok-card{min-height:104px}.twmio-sok-home-preview .twm-sok-card strong{font-size:16px}}
.twmio-shell-body{margin:0;background:#f5f7fa}

/* 0.4.6 mobile usability refinements. */
.twmio-app [hidden]{display:none!important}
.twmio-app .twmio-segments input{width:1px!important;height:1px;margin:0;padding:0;clip:rect(0 0 0 0);clip-path:inset(50%)}
.twmio-top-user{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}
.twmio-top-user span{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.twmio-top-user button,.twmio-top-home{min-height:34px;padding:6px 9px;border:1px solid #f6b27f;border-radius:10px;color:#a84708;background:#fff8f2;font-size:12px;font-weight:700}.twmio-top-home{display:inline-flex;align-items:center;white-space:nowrap;text-decoration:none}
.twmio-maintenance{position:relative;flex:0 0 auto}.twmio-maintenance-toggle span{font-size:10px}
.twmio-maintenance-menu{position:absolute;right:0;top:calc(100% + 7px);width:178px;padding:6px;border:1px solid #ead8ca;border-radius:11px;background:#fff;box-shadow:0 12px 30px rgba(59,35,18,.18);z-index:40}
.twmio-maintenance-menu button,.twmio-maintenance-menu a,.twmio-maintenance-menu summary{display:block;width:100%;min-height:38px;padding:9px 10px;border:0!important;border-radius:7px;background:#fff!important;color:#273244!important;font-size:12px!important;font-weight:650;text-align:left;text-decoration:none;cursor:pointer;list-style:none}
.twmio-maintenance-menu button:hover,.twmio-maintenance-menu button:focus-visible,.twmio-maintenance-menu a:hover,.twmio-maintenance-menu a:focus-visible,.twmio-maintenance-menu summary:hover,.twmio-maintenance-menu summary:focus-visible{background:#fff3e9!important;outline:none;color:#9b4308!important}
.twmio-maintenance-menu summary::-webkit-details-marker{display:none}.twmio-maintenance-menu summary::after{content:'›';float:right;transform:rotate(90deg);transition:transform .15s}.twmio-maintenance-menu details[open] summary::after{transform:rotate(-90deg)}
.twmio-maintenance-export>div{margin:1px 4px 4px;padding-left:7px;border-left:2px solid #f7c8a4}.twmio-maintenance-export>div a{min-height:34px;padding-block:7px;font-weight:500}.twmio-maintenance-menu .twmio-logout{margin-top:4px;border-top:1px solid var(--twm-line)!important;border-radius:0 0 7px 7px;color:#a3382c!important}
#twmio-filter-toggle{min-width:62px;font-size:12px;padding-inline:10px}
.twmio-new-project #twmio-new-filter-toggle,.twmio-new-project #twmio-new-create{min-height:34px;padding:6px 9px;font-size:12px;line-height:1.35}
.twmio-filter-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:7px;border-bottom:1px solid #e9ecf0}.twmio-filter-head>strong{font-size:13px}.twmio-filter-head>div{display:flex;align-items:center;gap:5px}.twmio-filter-clear,.twmio-filter-close{min-height:32px!important;padding:5px 8px!important;font-size:12px!important}.twmio-filter-close{width:32px;padding:0!important;font-size:19px!important;line-height:1}.twmio-filter-group{min-width:0;margin:0;padding:8px 0;border:0;border-bottom:1px solid #e9ecf0}.twmio-filter-group:last-child{border-bottom:0}.twmio-filter-group legend{padding:0;color:#39465a;font-size:12px;font-weight:800}.twmio-filter-options{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.twmio-filter-options label{margin:0;cursor:pointer}.twmio-filter-options input{position:absolute;width:1px!important;height:1px;margin:0;padding:0;opacity:0;clip-path:inset(50%)}.twmio-filter-options span{display:block;min-height:32px;padding:7px 10px;border:1px solid #d9dee5;border-radius:999px;background:#fff;color:#4b586b;font-size:12px;line-height:1.35}.twmio-filter-options input:checked+span{border-color:var(--twm-orange);background:#fff0e4;color:#963f05;font-weight:800}.twmio-filter-options input:focus-visible+span{outline:3px solid rgba(244,123,32,.25);outline-offset:1px}
.twmio-filter-dates{display:grid;grid-template-columns:1fr 1fr;gap:8px}.twmio-filter-dates legend{grid-column:1/-1}.twmio-filter-dates label{display:block;color:#596579;font-size:11px;font-weight:700}.twmio-filter-dates input{margin-top:4px;padding:8px;font-size:12px}
.twmio-filters[hidden]{display:none!important}
.twmio-card h3{font-size:16px;padding:12px 13px;color:#172033}
.twmio-card .twmio-grid small{font-size:13px;line-height:1.45;color:#596579}
.twmio-card .twmio-grid p{font-size:15px;line-height:1.55;color:#111827}
.twmio-hero h2{font-size:23px;line-height:1.35}.twmio-hero p{font-size:15px;line-height:1.5}
.twmio-meta div{font-size:13px;line-height:1.55}.twmio-meta strong{font-size:14px;color:#172033}
.twmio-form-section h3{font-size:13px;padding:9px 11px}
.twmio-form-section .body{padding:10px}
.twmio-form-section .twmio-field{margin-bottom:11px}
.twmio-form-section .twmio-field>label{font-size:12px;margin-bottom:5px}
.twmio-form-section input,.twmio-form-section select,.twmio-form-section textarea{font-size:13px;line-height:1.35;padding:9px 10px;border-radius:8px}
.twmio-form-section textarea{min-height:76px}
.twmio-form-section .twmio-segments label{font-size:13px;padding:9px 7px;border-radius:8px}
.twmio-form-section input[type=file]{font-size:12px;padding:6px}
.twmio-form-section input[type=file]::file-selector-button{margin-right:8px;border:0;border-radius:6px;background:#eef1f5;color:#334155;padding:7px 9px;font-size:12px}
.twmio-user-form,.twmio-user-row{font-size:12px;padding:8px;gap:6px}
.twmio-user-form input,.twmio-user-form select,.twmio-user-row input,.twmio-user-row select{font-size:12px;padding:8px;border-radius:8px}
.twmio-user-form button,.twmio-user-row button{min-height:38px;padding:7px 9px;font-size:12px}
.twmio-user-actions{justify-content:flex-end}.twmio-user-actions button{flex:0 1 46%}
.twmio-password-editor{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr auto;gap:6px;padding-top:8px;border-top:1px solid var(--twm-line)}.twmio-password-editor button{white-space:nowrap}
.twmio-user-import-export{padding:10px;border:1px solid var(--twm-line);border-radius:12px;background:#fafbfc}.twmio-user-import-export>a{display:inline-flex;align-items:center;min-height:38px;padding:7px 10px;border:1px solid var(--twm-line);border-radius:9px;color:#273244;font-size:12px;text-decoration:none}.twmio-user-import-export form{display:flex;align-items:center;gap:7px;margin-top:8px}.twmio-user-import-export input[type=file]{font-size:12px;padding:6px}.twmio-user-import-export button{min-height:38px;font-size:12px;white-space:nowrap}.twmio-user-import-export small{display:block;margin-top:7px;color:var(--twm-muted);font-size:11px}
.twmio-account-filters{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(150px,.8fr) minmax(150px,.8fr) auto;gap:8px;align-items:end;margin:14px 0 5px;padding:12px;border:1px solid var(--twm-line);border-radius:12px;background:#f8fafc}.twmio-account-filters label{display:grid;gap:5px;color:var(--twm-ink);font-size:12px;font-weight:700}.twmio-account-filters input,.twmio-account-filters select{width:100%;min-height:40px;padding:8px 10px;border:1px solid var(--twm-line);border-radius:8px;background:#fff;font-size:13px}.twmio-account-filters button{min-height:40px;white-space:nowrap}.twmio-account-filter-summary{min-height:20px;margin:5px 2px 8px;color:var(--twm-muted);font-size:12px}.twmio-account-app #twmio-account-list[aria-busy=true]{min-height:80px;opacity:.55}
.twmio-login-page{min-height:100vh;display:grid;place-items:center;padding:24px 16px;background:linear-gradient(150deg,#fff8f1 0%,#ffe4cf 54%,#f47b20 150%)}
.twmio-login{width:min(100%,420px);padding:30px 26px;border:1px solid #f7c49e;border-radius:20px;background:#fff;box-shadow:0 18px 55px rgba(157,67,8,.16);text-align:center}
.twmio-login-mark{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 12px;border-radius:18px;background:#f47b20;color:#fff;font-weight:800;letter-spacing:.05em;box-shadow:0 8px 20px rgba(244,123,32,.28)}
.twmio-login-kicker{margin:0 0 5px;color:#d75f09;font-size:12px;font-weight:700;letter-spacing:.13em}
.twmio-login h2{margin:0 0 24px;color:#6f3108;font-size:clamp(20px,5vw,26px);line-height:1.45;font-weight:700}
.twmio-login form{text-align:center}.twmio-login form>p{margin:0 0 15px}
.twmio-login label{display:block;color:#70401e;font-size:13px;font-weight:700;text-align:center}
.twmio-login input[type=text],.twmio-login input[type=password]{display:block;width:100%;margin-top:7px;border:1px solid #edb88f;border-radius:11px;background:#fffaf6;padding:12px 14px;color:#2b1a0e;font-size:15px;text-align:center;outline:0}
.twmio-login input[type=text]:focus,.twmio-login input[type=password]:focus{border-color:#f47b20;box-shadow:0 0 0 3px rgba(244,123,32,.16)}
.twmio-login .login-remember label{display:inline-flex;align-items:center;gap:7px;font-weight:500}
.twmio-login .login-submit{margin-top:20px}.twmio-login .button-primary{width:100%;min-height:46px;border:0;border-radius:11px;background:#f47b20;color:#fff;font-size:15px;font-weight:800;cursor:pointer;box-shadow:0 8px 18px rgba(244,123,32,.22)}
.twmio-login .button-primary:hover,.twmio-login .button-primary:focus{background:#d75f09}
.twmio-login-help{margin:18px 0 0;font-size:13px}.twmio-login-help a{color:#a84708;text-underline-offset:3px}
.twmio-department-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}.twmio-department-heading h3{margin:0}.twmio-department-heading>a{display:inline-flex;align-items:center;min-height:34px;border:1px solid #8bc2a1;border-radius:9px;background:#fff;padding:6px 10px;color:#1f6d42;font-size:13px;font-weight:800;text-decoration:none}.twmio-home-empty{grid-column:1/-1;margin:0;border:1px dashed #b9c9bd;border-radius:10px;background:#fff;padding:18px;color:#5e6f82;text-align:center}
.twmio-department-heading>a.twmio-report-maintenance-link{border-color:#9bc4ee;color:#155a9c}.twmio-department-heading>a.twmio-report-maintenance-link:hover{background:#eef6ff}
.twmio-new-list-head,.twmio-new-row{grid-template-columns:1.15fr 1fr .85fr}.twmio-new-list-head button{border:0!important;border-radius:0!important;background:transparent!important;color:var(--twm-muted);font-size:13px;text-align:left}.twmio-new-row span{display:block}.twmio-new-row small{display:block;margin-top:3px;color:var(--twm-muted);font-size:13px;font-weight:500;line-height:1.45}.twmio-new-row .is-overdue{color:var(--twm-danger);font-weight:800}.twmio-new-project dialog{width:min(92vw,460px);border:1px solid var(--twm-line);border-radius:14px;padding:18px;box-shadow:0 18px 50px #17203344}.twmio-new-project dialog::backdrop{background:#17203366}.twmio-new-project dialog>form{float:right}.twmio-new-project dialog h2{margin-top:0;font-size:16px}.twmio-action-link{display:inline-flex;margin:4px;padding:9px 12px;border:1px solid var(--twm-line);border-radius:9px;color:var(--twm-orange-dark);font-size:13px;text-decoration:none;font-weight:700}.twmio-history,.twmio-new-project .twmio-card>ul{margin:0;padding:0 30px 12px;font-size:15px;line-height:1.55}.twmio-history li,.twmio-new-project .twmio-card>ul li{padding:8px 0;border-bottom:1px solid var(--twm-line)}.twmio-history p{margin:0;white-space:pre-wrap;font-size:15px;line-height:1.55}.twmio-history small{color:var(--twm-muted);font-size:13px}.twmio-new-project #twmio-new-form,.twmio-new-project #twmio-new-detail{font-size:13px;line-height:1.55}.twmio-user-badge{display:inline-flex;align-items:center;min-height:32px;padding:5px 9px;border-radius:999px;background:#eef4fb;color:#245b8f;font-size:12px;font-weight:750}
.twmio-required,.twmio-priority-star{color:var(--twm-danger);font-weight:900}.twmio-priority-star{display:inline!important;font-size:1.05em}.twmio-priority-deferred{display:inline-flex!important;align-items:center;margin-right:5px;padding:1px 6px;border-radius:999px;background:#eef1f5;color:#596579;font-size:11px!important;font-weight:800!important;vertical-align:1px}
.twmio-priority-segments{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.twmio-priority-segments label{margin:0!important;cursor:pointer}.twmio-priority-segments input{position:absolute;width:1px!important;height:1px;margin:0!important;padding:0!important;opacity:0;clip-path:inset(50%)}.twmio-priority-segments span{display:flex;align-items:center;justify-content:center;min-height:40px;border:1px solid #d7dce3;border-radius:9px;background:#fff;color:#4b586b;font-size:13px;font-weight:800}.twmio-priority-segments label:nth-child(1) input:checked+span{border-color:#d84a4a;background:#fff0f0;color:#a52323}.twmio-priority-segments label:nth-child(2) input:checked+span{border-color:#2878bd;background:#eef6fd;color:#195b91}.twmio-priority-segments label:nth-child(3) input:checked+span{border-color:#707b8c;background:#f0f2f5;color:#3f4856}.twmio-priority-segments input:focus-visible+span{outline:3px solid rgba(244,123,32,.25);outline-offset:1px}
.twmio-new-photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;padding:12px}.twmio-new-photo-item{min-width:0;margin:0;border:1px solid var(--twm-line);border-radius:10px;overflow:hidden;background:#f7f8fa}.twmio-new-photo-item>a{display:block}.twmio-new-photo-item img{display:block;width:100%;height:150px;object-fit:cover;background:#eef1f5}.twmio-new-photo-item figcaption{padding:7px 9px;color:var(--twm-muted);font-size:12px;overflow-wrap:anywhere}.twmio-new-photo-grid>.twmio-empty{grid-column:1/-1;margin:0;padding:12px;color:var(--twm-muted)}.twmio-new-photo-preview{position:fixed;z-index:100000;width:min(720px,calc(100vw - 36px));height:min(78vh,720px);padding:8px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;box-shadow:0 18px 55px rgba(15,23,42,.35);pointer-events:none}.twmio-new-photo-preview[hidden]{display:none!important}.twmio-new-photo-preview img{display:block;width:100%;height:100%;object-fit:contain;border-radius:7px;background:#111827}
.twmio-new-photo-item figcaption strong,.twmio-new-photo-item figcaption small{display:block}.twmio-new-photo-item figcaption strong{color:var(--twm-ink);font-size:13px}.twmio-new-photo-item figcaption small{margin-top:2px}.twmio-new-photo-controls{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:0 8px 8px}.twmio-new-photo-controls button{min-height:35px;padding:6px 8px;font-size:12px}.twmio-new-photo-current{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:9px;align-items:center;margin:0 0 9px;padding:8px;border:1px solid #dce4ec;border-radius:10px;background:#f8fafc}.twmio-new-photo-current img{display:block;width:58px;height:58px;border-radius:8px;object-fit:cover;background:#eef1f5}.twmio-new-photo-current span,.twmio-new-photo-current strong,.twmio-new-photo-current small{display:block;min-width:0}.twmio-new-photo-current small{margin-top:2px;color:var(--twm-muted);font-size:11px;overflow-wrap:anywhere}.twmio-new-photo-current button{min-height:34px;padding:6px 8px;font-size:12px}.twmio-photo-selected.is-error{color:var(--twm-danger);font-weight:800}
.twmio-new-project .twmio-feedback-dialog,.twmio-building-app .twmio-feedback-dialog{width:min(calc(100vw - 28px),480px);padding:0;border:0;border-radius:18px;background:#fff;box-shadow:0 24px 70px rgba(15,23,42,.35);text-align:center}.twmio-new-project .twmio-feedback-dialog::backdrop,.twmio-building-app .twmio-feedback-dialog::backdrop{background:rgba(15,23,42,.58);backdrop-filter:blur(2px)}.twmio-feedback-body{display:grid;justify-items:center;gap:10px;padding:26px 24px}.twmio-feedback-body h2{margin:0!important;color:var(--twm-ink);font-size:20px!important}.twmio-feedback-body p{margin:0;color:#475569;line-height:1.6}.twmio-feedback-body>small{color:var(--twm-muted);font-size:12px}.twmio-feedback-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#e8f7ee;color:#187b45;font-size:27px;font-weight:900}.twmio-feedback-dialog.is-warning .twmio-feedback-icon{background:#fff2df;color:#b65709}.twmio-feedback-dialog.is-warning .twmio-feedback-icon::before{content:'!';font-size:27px}.twmio-feedback-dialog.is-warning .twmio-feedback-icon{font-size:0}.twmio-feedback-body ul{width:100%;margin:2px 0 0;padding:10px 12px 10px 30px;border-radius:10px;background:#f8fafc;color:#475569;font-size:13px;text-align:left}.twmio-feedback-body li+li{margin-top:5px}.twmio-feedback-body form{width:100%;margin-top:4px}.twmio-feedback-body form button{width:100%;min-height:42px}.twmio-new-progress-dialog .twmio-feedback-icon{background:#fff2e8;color:var(--twm-orange-dark)}.twmio-new-progress-track{width:100%;height:10px;overflow:hidden;border-radius:999px;background:#e8edf3}.twmio-new-progress-track b{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f47b20,#ffae6d);transition:width .18s ease}.twmio-new-progress-track b.is-indeterminate{width:38%!important;animation:twmio-new-progress-slide 1.15s ease-in-out infinite}.twmio-new-progress-value{color:var(--twm-orange-dark);font-size:15px}@keyframes twmio-new-progress-slide{0%{transform:translateX(-110%)}50%{transform:translateX(85%)}100%{transform:translateX(265%)}}@media(prefers-reduced-motion:reduce){.twmio-new-progress-track b.is-indeterminate{animation-duration:2.4s}}
@media(max-width:480px){.twmio-feedback-body{padding:22px 18px}.twmio-new-photo-current{grid-template-columns:52px minmax(0,1fr)}.twmio-new-photo-current img{width:52px;height:52px}.twmio-new-photo-current button{grid-column:1/-1;width:100%}}

/* 0.20.6 unified maintenance surface and system-home links. */
.twmio-home-link{color:#172033!important;font-size:16px!important;font-weight:800!important}
.twmio-system-home-link{color:#273244!important;font-size:16px!important;font-weight:800!important;line-height:1.4}
.twmio-dashboard-home-link.twmio-system-home-link{color:#fff!important}
.twmio-unified-maintenance{width:min(94vw,980px)!important;max-height:90vh;overflow:auto;border:1px solid #d9dee6!important;border-radius:16px!important;background:#fff!important;padding:18px!important;color:#273244!important;box-shadow:0 24px 70px rgba(15,23,42,.32)!important}
.twmio-unified-maintenance::backdrop{background:rgba(15,23,42,.6)!important;backdrop-filter:blur(2px)}
.twmio-unified-maintenance>.twmio-maintenance-close{float:right;margin:0 0 8px 12px}
.twmio-unified-maintenance>.twmio-maintenance-close button{display:grid;width:40px;height:40px;min-height:40px;place-items:center;border:1px solid #273244;border-radius:10px;background:#fff;color:#172033;font-size:24px;font-weight:800;cursor:pointer}
.twmio-unified-maintenance>.twmio-maintenance-title{margin:0 0 14px!important;color:#172033!important;font-size:18px!important}
.twmio-maintenance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;clear:both}
.twmio-maintenance-card{min-width:0;border:1px solid #dfe4eb;border-radius:13px;background:#fff;padding:14px}
.twmio-maintenance-card.is-wide{grid-column:1/-1}
.twmio-maintenance-card h3{margin:0 0 9px!important;color:#172033!important;font-size:14px!important}
.twmio-maintenance-card p,.twmio-maintenance-card small{color:#697586;font-size:11px;line-height:1.5}
.twmio-maintenance-card label{display:grid;gap:5px;margin-top:9px;color:#273244;font-size:12px;font-weight:750}
.twmio-maintenance-card input,.twmio-maintenance-card select,.twmio-maintenance-card textarea{box-sizing:border-box;width:100%;min-height:39px;border:1px solid #cfd6df;border-radius:8px;background:#fff;padding:8px 9px;color:#273244;font:inherit;font-size:12px}
.twmio-maintenance-card textarea{min-height:74px;resize:vertical}
.twmio-maintenance-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.twmio-maintenance-actions{display:flex;flex-wrap:wrap;gap:7px}
.twmio-maintenance-action,.twmio-maintenance-actions .twmio-action-link{display:inline-flex!important;min-height:36px!important;align-items:center;justify-content:center;margin:0!important;border:1px solid #273244!important;border-radius:9px!important;background:#fff!important;padding:7px 11px!important;color:#172033!important;font-size:12px!important;font-weight:800!important;line-height:1.35;text-align:center;text-decoration:none!important;cursor:pointer}
.twmio-maintenance-action:hover,.twmio-maintenance-actions .twmio-action-link:hover{background:#f3f4f6!important}
.twmio-maintenance-action.is-database{border-color:#ec6c00!important;background:#ec6c00!important;color:#fff!important}
.twmio-maintenance-action.is-database:hover{background:#c95700!important}
.twmio-maintenance-action:disabled{cursor:not-allowed;opacity:.45}
.twmio-maintenance-meta{display:block;margin-top:7px;color:#697586!important;font-size:11px!important;line-height:1.5}
.twmio-maintenance-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 12px;clear:both}
.twmio-maintenance-tabs button{min-height:36px;border:1px solid #273244;border-radius:9px;background:#fff;padding:7px 12px;color:#172033;font-size:12px;font-weight:800;cursor:pointer}
.twmio-maintenance-tabs button.is-active{background:#172033;color:#fff}
.twmio-unified-progress{width:min(calc(100vw - 28px),500px);border:0;border-radius:18px;background:#fff;padding:0;box-shadow:0 24px 70px rgba(15,23,42,.35);text-align:center}
.twmio-unified-progress::backdrop{background:rgba(15,23,42,.6);backdrop-filter:blur(2px)}
.twmio-unified-progress-body{display:grid;justify-items:center;gap:10px;padding:26px 24px}
.twmio-unified-progress h2{margin:0;color:#172033;font-size:20px}.twmio-unified-progress p{margin:0;color:#475569;line-height:1.6}.twmio-unified-progress small{color:#697586;font-size:12px}
.twmio-unified-progress-track{width:100%;height:10px;overflow:hidden;border-radius:999px;background:#e8edf3}.twmio-unified-progress-track b{display:block;width:38%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ec6c00,#ffae6d);animation:twmio-new-progress-slide 1.15s ease-in-out infinite}
.twmio-unified-progress.is-complete .twmio-unified-progress-track b,.twmio-unified-progress.is-error .twmio-unified-progress-track b{width:100%;animation:none}.twmio-unified-progress.is-error .twmio-unified-progress-track b{background:#b42318}
.twmio-unified-result{width:100%;max-height:42vh;overflow:auto;border-radius:10px;background:#f8fafc;padding:10px 12px;color:#475569;font-size:12px;text-align:left}.twmio-unified-result[hidden]{display:none!important}.twmio-unified-result h3{margin:9px 0 5px;font-size:13px}.twmio-unified-result ul{margin:5px 0;padding-left:22px}.twmio-unified-result li+li{margin-top:4px}
@media(max-width:760px){.twmio-maintenance-grid{grid-template-columns:1fr}.twmio-maintenance-card.is-wide{grid-column:auto}.twmio-maintenance-row{grid-template-columns:1fr}.twmio-unified-maintenance{width:96vw!important;padding:14px!important}}
@media(max-width:420px){.twmio-top{padding:9px 10px}.twmio-top>div:first-child{min-width:0}.twmio-top>div:first-child strong{font-size:14px;white-space:nowrap}.twmio-top>div:first-child small{display:none}.twmio-top-user{gap:5px}.twmio-top-user>span{max-width:54px;font-size:11px}.twmio-top-user button,.twmio-top-home{padding-inline:7px}.twmio-maintenance-menu{right:-59px}.twmio-filter-dates{grid-template-columns:1fr}.twmio-filter-dates legend{grid-column:auto}.twmio-password-editor{grid-template-columns:1fr}.twmio-user-import-export form{align-items:stretch;flex-direction:column}.twmio-login{padding:26px 19px}.twmio-card .twmio-grid p,.twmio-history p,.twmio-new-project .twmio-card>ul{font-size:14px}.twmio-new-row small{font-size:12px}}
.twmio-maintenance-dialog{width:min(92vw,460px);border:1px solid var(--twm-line);border-radius:14px;padding:16px;box-shadow:0 18px 50px #17203344}.twmio-maintenance-dialog::backdrop{background:#17203366}.twmio-maintenance-dialog>form{float:right}.twmio-maintenance-dialog h2{margin:0 0 10px;font-size:15px}.twmio-app .twmio-maintenance-section{padding:10px 0;border-top:1px solid var(--twm-line)}.twmio-maintenance-section h3{margin:0 0 7px;color:var(--twm-ink);font-size:13px}.twmio-maintenance-actions{display:flex;flex-wrap:wrap;gap:6px}.twmio-maintenance-actions button,.twmio-maintenance-actions .twmio-action-link{min-height:34px;margin:0;padding:7px 9px;font-size:12px}.twmio-maintenance-meta{display:block;margin-top:6px;color:var(--twm-muted);font-size:11px;line-height:1.4}

/* 0.9.8 sales performance dashboard. */
.twmio-department-sales-dashboard{background:#edf4fb;border-left-color:#2878bd}
.twmio-department-sales-dashboard .twmio-card-icon{background:#2878bd}
.twmio-sales-dashboard{width:100%;max-width:none;min-height:100vh;margin:0;background:#f3f7fb;color:#17365d;font-family:"Noto Sans TC","Microsoft JhengHei","PingFang TC",sans-serif}
.twmio-sales-dashboard *{box-sizing:border-box}
.twmio-dashboard-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px clamp(16px,4vw,42px);border-bottom:3px solid #4c91cf;background:#123b68;color:#fff}
.twmio-dashboard-top>div:first-child{display:grid;gap:2px}.twmio-dashboard-top strong{font-size:19px;font-weight:700}.twmio-dashboard-top small{color:#cfe0f1;font-size:12px}
.twmio-dashboard-home-link{color:#d9e8f6;font-size:12px;text-decoration:none}.twmio-dashboard-home-link:hover,.twmio-dashboard-home-link:focus-visible{text-decoration:underline}
.twmio-dashboard-user{display:flex;align-items:center;gap:12px;font-size:13px}.twmio-dashboard-user a{min-height:34px;padding:7px 10px;border:1px solid #82acd3;border-radius:9px;background:#1b4d7d;color:#fff;text-decoration:none}.twmio-dashboard-user span{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.twmio-dashboard-body{padding:clamp(24px,5vw,52px)}.twmio-dashboard-heading{margin-bottom:20px}.twmio-dashboard-heading p{margin:0 0 5px;color:#2878bd;font-size:11px;font-weight:800;letter-spacing:.12em}.twmio-dashboard-heading h1{margin:0;color:#17365d;font-size:clamp(24px,4vw,34px);font-weight:700}
.twmio-dashboard-canvas{min-height:clamp(360px,58vh,680px);border:1px solid #d8e4ef;border-radius:14px;background:#fff;box-shadow:0 6px 20px rgba(23,54,93,.06)}
@media(max-width:600px){.twmio-dashboard-top{align-items:flex-start;flex-direction:column}.twmio-dashboard-user{width:100%;justify-content:space-between}.twmio-dashboard-body{padding:22px 14px}.twmio-dashboard-canvas{min-height:55vh}}

/* 0.12.2 full-width desktop account list. */
.twmio-account-app{width:100%;max-width:none;min-height:100vh;background:#f5f7fa;box-shadow:none}
.twmio-account-app>.twmio-top{padding-inline:clamp(16px,2.4vw,38px)}
.twmio-account-app>section{padding:20px clamp(16px,2.4vw,38px) 48px}
.twmio-account-app .twmio-user-import-export,.twmio-account-app .twmio-user-form,.twmio-user-table{background:#fff}
.twmio-account-app .twmio-user-form{grid-template-columns:minmax(120px,1fr) minmax(220px,1.55fr) minmax(145px,.95fr) minmax(135px,.9fr) minmax(86px,.58fr) minmax(105px,.7fr) minmax(132px,.82fr);margin:14px 0;padding:12px}
.twmio-account-app .twmio-user-form>button{grid-column:auto;white-space:nowrap}
.twmio-user-table{margin-top:16px;border:1px solid var(--twm-line);border-radius:12px;overflow-x:auto;box-shadow:0 4px 16px rgba(23,32,51,.05)}
.twmio-user-list-head,.twmio-account-app .twmio-user-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(220px,1.55fr) minmax(145px,.95fr) minmax(135px,.9fr) minmax(86px,.58fr) minmax(105px,.7fr) minmax(290px,1.7fr);gap:10px;align-items:center;min-width:1220px}
.twmio-user-list-head{padding:10px 12px;border-bottom:1px solid var(--twm-line);background:#eaf0f6;color:#344054;font-size:12px;font-weight:800;letter-spacing:.02em}
.twmio-account-app .twmio-user-row{margin:0;padding:9px 12px;border:0;border-bottom:1px solid var(--twm-line);border-radius:0;background:#fff}
.twmio-account-app .twmio-user-row:last-child{border-bottom:0}
.twmio-account-app .twmio-user-row:nth-child(even){background:#fafbfd}
.twmio-account-app .twmio-user-row:hover{background:#fff8f2}
.twmio-account-app .twmio-user-row input,.twmio-account-app .twmio-user-row select{min-width:0}
.twmio-account-app .twmio-user-row>label{justify-content:flex-start;white-space:nowrap}
.twmio-account-app .twmio-user-actions{grid-column:auto;flex-wrap:nowrap;justify-content:flex-end;gap:6px;min-width:0}
.twmio-account-app .twmio-user-actions button{flex:0 1 auto;min-width:72px;white-space:nowrap}
.twmio-account-app .twmio-user-badge{white-space:nowrap}
.twmio-user-table #twmio-account-list>p{margin:0;padding:20px;color:var(--twm-muted)}
@media(max-width:760px){
	.twmio-account-app{background:#fff}
	.twmio-account-app>.twmio-top{padding-inline:12px}
	.twmio-account-app>section{padding:12px 12px 90px}
	.twmio-account-filters{grid-template-columns:1fr 1fr;padding:10px}
	.twmio-account-filters label:first-child,.twmio-account-filters button{grid-column:1/-1}
	.twmio-user-table{border:0;border-radius:0;overflow:visible;box-shadow:none;background:transparent}
	.twmio-user-list-head{display:none}
	.twmio-account-app .twmio-user-form,.twmio-account-app .twmio-user-row{grid-template-columns:1fr 1fr;min-width:0;margin:10px 0;padding:8px;border:1px solid var(--twm-line);border-radius:12px}
	.twmio-account-app .twmio-user-form>button,.twmio-account-app .twmio-user-row input[name=email],.twmio-account-app .twmio-user-actions{grid-column:1/-1}
	.twmio-account-app .twmio-user-actions{flex-wrap:wrap}
	.twmio-account-app .twmio-user-actions button{flex:1 1 42%}
}

/* 0.12.6 full-width desktop workspace for sales maintenance modules. */
.twmio-kpi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0 0 12px}
.twmio-kpi{min-width:0;padding:12px;border:1px solid #dce4ec;border-radius:11px;background:#f8fafc;box-shadow:0 3px 10px rgba(23,54,93,.04)}
.twmio-kpi span{display:block;color:var(--twm-muted);font-size:12px;font-weight:700}
.twmio-kpi strong{display:block;margin-top:3px;color:#17365d;font-size:22px;line-height:1.2}
.twmio-kpi-value{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 7px}.twmio-kpi-value small{color:var(--twm-muted);font-size:12px;font-weight:700;line-height:1.4}.twmio-kpi-value .twmio-kpi-rate{color:#2878bd}
.twmio-data-table{border-top:1px solid var(--twm-line)}
.twmio-desktop-list-head,.twmio-desktop-cell{display:none}
.twmio-business-row{display:block;padding:0!important}
.twmio-mobile-row-open{display:grid!important;width:100%;grid-template-columns:1.05fr 1.55fr .85fr;gap:8px;align-items:center;min-height:0!important;padding:13px 7px!important;border:0!important;border-radius:0!important;background:#fff!important;text-align:left}
.twmio-new-row .twmio-mobile-row-open{grid-template-columns:1.15fr 1fr .85fr}
.twmio-status-chip{display:inline-flex!important;align-items:center;justify-content:center;min-width:58px;padding:4px 9px;border-radius:999px;background:#edf2f7;color:#475569;font-size:12px!important;font-weight:800!important;white-space:nowrap}
.twmio-status-chip.is-priority{background:#fff0f0;color:#a52323}
.twmio-status-chip.is-normal{background:#eef6fd;color:#195b91}
.twmio-status-chip.is-deferred{background:#f0f2f5;color:#3f4856}

@media(min-width:900px){
	.twmio-ops-web{width:min(calc(100% - 32px),1600px);max-width:1600px;min-height:100vh;background:#f5f7fa;box-shadow:none}
	.twmio-ops-web>.twmio-top{padding:14px clamp(18px,2vw,34px)}
	.twmio-ops-web>section{padding:20px clamp(18px,2vw,34px) 54px}
	.twmio-ops-web .twmio-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
	.twmio-ops-web .twmio-kpi{padding:14px 16px;background:#fff}
	.twmio-ops-web .twmio-kpi strong{font-size:26px}
	.twmio-ops-web .twmio-toolbar{max-width:760px}
	.twmio-ops-web .twmio-list-summary{min-height:34px}
	.twmio-ops-web .twmio-data-table{overflow-x:auto;border:1px solid #dce4ec;border-radius:12px;background:#fff;box-shadow:0 4px 16px rgba(23,32,51,.05)}
	.twmio-ops-web .twmio-mobile-list-head,.twmio-ops-web .twmio-mobile-row-open{display:none!important}
	.twmio-ops-web .twmio-desktop-list-head{display:grid;align-items:center;gap:10px;min-width:1280px;padding:9px 12px;border-bottom:1px solid var(--twm-line);background:#eaf0f6;color:#344054;font-size:12px;font-weight:800}
	.twmio-ops-web .twmio-building-desktop-head,.twmio-ops-web .twmio-building-row{min-width:1320px;grid-template-columns:minmax(150px,1.05fr) minmax(210px,1.4fr) minmax(72px,.5fr) minmax(78px,.52fr) minmax(82px,.55fr) minmax(125px,.82fr) minmax(165px,1.1fr) minmax(115px,.75fr) minmax(108px,.68fr) minmax(88px,.56fr)}
	.twmio-ops-web .twmio-new-desktop-head,.twmio-ops-web .twmio-new-row{grid-template-columns:minmax(175px,1.1fr) minmax(230px,1.5fr) minmax(85px,.58fr) minmax(150px,1fr) minmax(120px,.72fr) minmax(150px,1fr) minmax(140px,.9fr) minmax(110px,.72fr) minmax(132px,.82fr)}
	.twmio-ops-web .twmio-business-row{display:grid;align-items:center;gap:10px;min-width:1280px;margin:0;padding:10px 12px!important;border:0!important;border-bottom:1px solid var(--twm-line)!important;background:#fff}
	.twmio-ops-web .twmio-new-desktop-head,.twmio-ops-web .twmio-new-row{min-width:1400px}
	.twmio-ops-web .twmio-building-row{cursor:pointer}.twmio-ops-web .twmio-building-row:focus-visible{outline:3px solid rgba(40,120,189,.3);outline-offset:-3px}
	.twmio-ops-web .twmio-business-row:last-child{border-bottom:0!important}
	.twmio-ops-web .twmio-business-row:nth-child(even){background:#fafbfd}
	.twmio-ops-web .twmio-business-row:hover{background:#fff8f2}
	.twmio-ops-web .twmio-desktop-cell{display:block;min-width:0;color:#263244;font-size:13px;font-weight:500;overflow-wrap:anywhere}
	.twmio-ops-web .twmio-desktop-cell>strong{display:block;color:#172033;font-size:13px;font-weight:800;line-height:1.45}
	.twmio-ops-web .twmio-desktop-cell>small{display:block;margin-top:2px;color:var(--twm-muted);font-size:11px;font-weight:500;line-height:1.4}
	.twmio-ops-web .twmio-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}
	.twmio-ops-web .twmio-building-action-head{justify-self:end;text-align:right}
	.twmio-ops-web .twmio-row-actions button{min-width:58px;min-height:34px;padding:6px 9px;font-size:12px;white-space:nowrap}
	.twmio-ops-web .twmio-pagination{padding-inline:4px}
	.twmio-ops-web #twmio-form,.twmio-ops-web #twmio-new-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
	.twmio-ops-web #twmio-form>.twmio-form-section,.twmio-ops-web #twmio-new-form>.twmio-form-section{margin:0;background:#fff}
	.twmio-ops-web .twmio-form-section .body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}
	.twmio-ops-web .twmio-form-section .twmio-field{min-width:0}
	.twmio-ops-web .twmio-form-actions{left:0;right:0;bottom:0;width:auto;transform:none;justify-content:flex-end;padding:10px clamp(18px,2vw,34px)}
	.twmio-ops-web .twmio-form-actions button{flex:0 0 150px}
	.twmio-ops-web #twmio-new-detail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
	.twmio-ops-web #twmio-new-detail>.twmio-hero,.twmio-ops-web #twmio-new-detail>.twmio-manager-actions{grid-column:1/-1}
	.twmio-ops-web #twmio-new-detail>.twmio-card{margin:0;background:#fff}
	.twmio-ops-web #twmio-detail .twmio-card{background:#fff}
}

@media(max-width:899px){
	.twmio-ops-web{max-width:680px}
	.twmio-ops-web .twmio-desktop-list-head,.twmio-ops-web .twmio-desktop-cell{display:none!important}
}

/* 0.12.7 desktop form correction and inline new-project editing. */
@media(min-width:900px){
	.twmio-building-app #twmio-form{display:block}
	.twmio-building-app #twmio-form>.twmio-field{margin:0 0 14px;padding:12px 14px;border:1px solid var(--twm-line);border-radius:12px;background:#fff}
	.twmio-building-app #twmio-form>.twmio-field select{max-width:520px}
	.twmio-building-app #twmio-form>.twmio-form-section{margin:0 0 14px;background:#fff}
	.twmio-new-project .twmio-inline-select{width:100%;min-width:0;padding:7px 8px;border-radius:8px;background:#fff;font-size:12px;line-height:1.3}
	.twmio-new-project .twmio-row-name{min-height:0;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:inherit;text-align:left}
	.twmio-new-project .twmio-row-name:hover,.twmio-new-project .twmio-row-name:focus-visible{color:var(--twm-orange-dark);text-decoration:underline;text-underline-offset:3px;box-shadow:none}
	.twmio-new-project .twmio-business-row.is-dirty{background:#fff4e9}
	.twmio-new-project .twmio-business-row.is-dirty:hover{background:#ffead7}
	.twmio-new-project .twmio-muted-action{color:var(--twm-muted);font-size:11px;font-weight:700}
}
