.ws-view[hidden],.ws-switcher[hidden],.ws-modal-layer[hidden],.conversation[hidden],.composer-area[hidden],.files-panel[hidden],.ws-dropdown-menu[hidden]{display:none!important}
:root{--ws-primary:#635bff;--ws-main:#0a1f44;--ws-label:#53627c;--ws-muted:#8a94a6;--ws-line:#e7ebf2;--ws-light:#f8f9fb}
*{scrollbar-width:thin;scrollbar-color:#c8ccd6 transparent}
*::-webkit-scrollbar{width:7px;height:7px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#c8ccd6;border:2px solid transparent;background-clip:padding-box;border-radius:20px}*::-webkit-scrollbar-thumb:hover{background:#9aa4b5;background-clip:padding-box}
.team-select:after{content:"";width:24px;height:24px;background:var(--team-color,#19a657);-webkit-mask:var(--team-icon) center/contain no-repeat;mask:var(--team-icon) center/contain no-repeat}
.ws-view{direction:rtl;flex:1;min-height:0;overflow:auto;padding:0 0 24px;color:var(--ws-main);font:14px/28px Dana}
.ws-page-heading{height:64px;display:flex;align-items:center;justify-content:flex-start;gap:8px}.ws-page-heading h1{font-size:20px;line-height:32px;margin:0;font-weight:600}.ws-back{width:40px;height:40px;display:grid;place-items:center;border:1px solid #f2f2f2;background:#fff;border-radius:12px;padding:0}.ws-back img{width:24px;height:24px}.ws-title-settings{width:28px;height:28px;border:0;background:transparent;padding:2px;display:grid;place-items:center}.ws-title-settings img{width:24px;height:24px}
.ws-section-top{height:64px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.ws-tabs{display:flex;gap:8px;direction:rtl}.ws-tabs button{height:48px;padding:0 16px;border:1px solid #f2f2f2;border-radius:12px;background:#fff;color:var(--ws-label);font-size:14px;white-space:nowrap}.ws-tabs button:hover{border-color:#cbc8ff;color:var(--ws-primary)}.ws-tabs button.selected{border-color:var(--ws-primary);background:rgba(99,91,255,.05);color:var(--ws-primary);font-weight:600}.ws-main-action{margin-inline-start:auto}
.ws-primary,.ws-outline{height:48px;border-radius:12px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:16px;line-height:28px;white-space:nowrap}.ws-primary{border:1px solid var(--ws-primary);background:var(--ws-primary);color:#fff}.ws-primary img{filter:brightness(0) invert(1)}.ws-primary:hover{background:#554dde}.ws-outline{border:1px solid var(--ws-primary);background:#fff;color:var(--ws-primary)}.ws-outline:hover{background:rgba(99,91,255,.05)}
.ws-table-wrap{position:relative;background:#fff;border:1px solid var(--ws-line);border-radius:16px;overflow:auto}.ws-table{width:100%;min-width:860px;border-collapse:collapse;table-layout:fixed;text-align:center;white-space:nowrap}.ws-table thead tr{height:64px}.ws-table tbody tr{height:64px;background:#fff;transition:background .14s}.ws-table tbody tr:hover{background:rgba(99,91,255,.045)}.ws-table th,.ws-table td{padding:8px;border-bottom:1px solid var(--ws-line);font-size:14px;font-weight:400;vertical-align:middle}.ws-table th{color:var(--ws-label);font-size:16px;line-height:28px}.ws-table tbody tr:last-child td{border-bottom:0}.ws-table td:first-child{text-align:right;padding-inline:16px}
.ws-members-table col:nth-child(1){width:26%}.ws-members-table col:nth-child(2){width:20%}.ws-members-table col:nth-child(3){width:18%}.ws-members-table col:nth-child(4){width:24%}.ws-members-table col:nth-child(5){width:12%}
.ws-usage-table col:nth-child(1){width:20%}.ws-usage-table col:nth-child(2){width:15%}.ws-usage-table col:nth-child(3){width:22%}.ws-usage-table col:nth-child(4){width:14%}.ws-usage-table col:nth-child(5){width:11%}.ws-usage-table col:nth-child(6){width:10%}.ws-usage-table col:nth-child(7){width:8%}
.ws-keys-table col:nth-child(1){width:27%}.ws-keys-table col:nth-child(2){width:23%}.ws-keys-table col:nth-child(3){width:18%}.ws-keys-table col:nth-child(4){width:20%}.ws-keys-table col:nth-child(5){width:12%}
.ws-person{display:inline-flex;align-items:center;gap:8px;text-align:right}.ws-person>span:last-child{display:flex;flex-direction:column;line-height:18px}.ws-person b{font-size:13px;font-weight:500}.ws-person small{font-size:9px;color:var(--ws-label);text-align:right}.ws-member-avatar{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:50%;background:rgba(99,91,255,.05);color:var(--ws-primary);font-size:11px}
.ws-pill{display:inline-flex;align-items:center;justify-content:center;min-width:54px;height:28px;padding:0 10px;border-radius:24px;font-size:12px}.ws-pill.active{background:rgba(77,183,87,.05);color:#4db757}.ws-pill.waiting{min-width:112px;background:rgba(255,158,0,.05);color:#ff9e00}.ws-pill.inactive{background:#f8f9fb;color:var(--ws-muted)}
.ws-actions{display:flex;direction:ltr;align-items:center;justify-content:center;gap:16px}.ws-icon-action,.ws-mini,.ws-dots,.ws-title-settings{position:relative}.ws-icon-action{width:24px;height:24px;border:0;background:transparent;padding:3px;display:grid;place-items:center}.ws-icon-action img{width:18px;height:18px}.ws-icon-action:hover:not(:disabled){background:#f3f2ff;border-radius:6px}.ws-icon-action.is-disabled{opacity:.28;cursor:not-allowed}
[data-tip]:hover:after{content:attr(data-tip);position:absolute;z-index:30;bottom:calc(100% + 7px);left:50%;transform:translateX(-50%);padding:5px 8px;border-radius:7px;background:var(--ws-main);color:#fff;font-size:10px;line-height:18px;white-space:nowrap;pointer-events:none;box-shadow:0 6px 18px #0a1f4425}
.ws-pagination{height:64px;display:flex;direction:ltr;align-items:center;justify-content:space-between}.ws-page-numbers{display:flex;direction:ltr;gap:8px}.ws-page-numbers button{width:40px;height:40px;border:1px solid #f2f2f2;border-radius:12px;background:#fff;color:var(--ws-label);display:grid;place-items:center}.ws-page-numbers button img{width:24px;height:24px}.ws-page-numbers button.selected{border-color:var(--ws-primary);background:var(--ws-primary);color:#fff}.ws-page-numbers button:disabled{opacity:.38;cursor:not-allowed}.ws-page-size{width:108px}
.ws-dropdown{position:relative;display:inline-block;min-width:112px;text-align:right}.ws-dropdown-trigger{width:100%;height:40px;border:1px solid #f2f2f2;border-radius:12px;background:#fff;padding:0 12px;display:flex;direction:rtl;align-items:center;justify-content:space-between;gap:8px;color:var(--ws-main);font-size:13px}.ws-dropdown-trigger img{width:16px;height:16px;transition:transform .15s}.ws-dropdown.open .ws-dropdown-trigger{border-color:var(--ws-primary);box-shadow:0 0 0 2px rgba(99,91,255,.08)}.ws-dropdown.open .ws-dropdown-trigger img{transform:rotate(180deg)}.ws-dropdown.is-disabled .ws-dropdown-trigger{background:var(--ws-light);color:var(--ws-muted);cursor:not-allowed}.ws-dropdown-menu{position:absolute;z-index:25;top:calc(100% + 6px);right:0;min-width:100%;padding:6px;border:1px solid #f2f2f2;border-radius:12px;background:#fff;box-shadow:0 10px 28px #0a1f4418;max-height:220px;overflow:auto}.ws-dropdown.opens-up .ws-dropdown-menu{top:auto;bottom:calc(100% + 6px)}.ws-dropdown-menu button{width:100%;height:38px;border:0;border-radius:8px;background:#fff;padding:0 10px;display:flex;align-items:center;justify-content:space-between;color:var(--ws-main);font-size:13px;white-space:nowrap}.ws-dropdown-menu button:hover{background:var(--ws-light)}.ws-dropdown-menu button[aria-selected=true]{background:rgba(99,91,255,.05);color:var(--ws-primary)}.ws-role-dropdown{width:140px}.ws-page-size .ws-dropdown-trigger{direction:ltr}
.ws-summary{display:grid;grid-template-columns:minmax(0,1.31fr) minmax(0,1.19fr) minmax(0,1fr);gap:24px;direction:rtl;margin-bottom:16px}.ws-credit-card,.ws-plan{height:270px;border-radius:16px;overflow:hidden}.ws-credit-card{border:1px solid #f2f2f2;background:#fff;padding:16px}.ws-plan{position:relative;color:#fff}.ws-plan>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ws-plan-content{position:absolute;z-index:1;inset:32px;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between}.ws-plan-content>div{display:flex;flex-direction:column;align-items:flex-end}.ws-plan-content span{height:32px;padding:2px 16px;background:#ffffff1a;border-radius:24px;font-size:14px}.ws-plan-content h2{margin:8px 0 0;font-size:40px;line-height:50px}.ws-plan-content p{margin:0;color:#e1e4e8;font-size:14px}.ws-plan-content button{height:48px;width:152px;border:0;border-radius:12px;background:#fff;color:var(--ws-primary);display:flex;align-items:center;justify-content:center;gap:8px;font-size:16px}.ws-plan-content button img{filter:invert(40%) sepia(97%) saturate(3525%) hue-rotate(230deg)}
.ws-monthly{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:center;direction:ltr}.ws-monthly>*{direction:rtl}.ws-donut{width:196px;max-width:100%;aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--ws-primary) calc(var(--percent)*1%),#d2cfff 0);position:relative;display:grid;place-items:center}.ws-donut:before{content:"";position:absolute;inset:22%;border-radius:50%;background:#fff}.ws-donut span{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.ws-donut b{font-size:24px;line-height:36px}.ws-donut small{font-size:12px;color:var(--ws-muted)}.ws-monthly-info{height:100%;display:flex;flex-direction:column;align-items:flex-end}.ws-monthly-info h3,.ws-buy-credit h3{height:40px;margin:0 0 8px;display:flex;align-items:center;gap:8px;font-size:16px;font-weight:500;color:var(--ws-label)}.ws-monthly-info strong{font-size:32px;line-height:46px}.ws-monthly-info>div{width:100%;margin-top:auto}.ws-monthly-info p{display:flex;justify-content:space-between;align-items:center;margin:9px 0;font-size:13px;color:var(--ws-muted)}.ws-monthly-info p span{display:flex;align-items:center;gap:7px}.ws-monthly-info p i{width:8px;height:8px;border-radius:50%;background:#c9c5ff}.ws-monthly-info p i.used{background:var(--ws-primary)}.ws-monthly-info p b{font-weight:400}
.ws-buy-credit{display:flex;flex-direction:column;justify-content:space-between}.ws-buy-credit h3 span{width:40px;height:40px;background:rgba(99,91,255,.05);border-radius:12px;display:grid;place-items:center}.ws-buy-credit p{font-size:15px;line-height:28px;color:var(--ws-muted);margin:0}.ws-buy-credit .ws-outline{width:100%;flex:none}
.ws-usage-value{display:flex;direction:ltr;align-items:center;justify-content:center;gap:10px}.ws-meter{width:100px;height:6px;border-radius:6px;background:#d2cfff;overflow:hidden}.ws-meter i{height:100%;display:block;border-radius:inherit;background:var(--ws-primary)}.ws-dots{width:32px;height:32px;border:0;background:transparent;color:var(--ws-muted);letter-spacing:1px}.ws-dots:hover{background:var(--ws-light);border-radius:8px}.ws-row-menu{position:absolute;z-index:20;top:46px;left:12px;width:160px;padding:8px;background:#fff;border:1px solid #f2f2f2;border-radius:12px;box-shadow:0 10px 28px #0a1f4418}.ws-row-menu button{width:100%;height:38px;border:0;border-radius:8px;background:#fff;text-align:right;padding:0 10px;font-size:12px}.ws-row-menu button:hover{background:var(--ws-light)}.ws-row-menu button.danger{color:#ef4146}.ws-key-name{display:flex;align-items:center;gap:8px}.ws-key-name img{width:20px;height:20px}
.ws-switcher{position:absolute;z-index:15;top:84px;left:88px;width:350px;background:#fff;border:1px solid #f2f2f2;border-radius:16px;box-shadow:0 0 15px #00000016;padding:16px;direction:rtl;font:14px/28px Dana}.ws-switch-search{height:48px;border:1px solid #f2f2f2;border-radius:12px;background:var(--ws-light);padding:0 16px;display:flex;align-items:center;gap:8px}.ws-switch-search input{width:100%;border:0;outline:0;background:transparent;text-align:right;color:var(--ws-main);font-size:13px}.ws-switch-search img{width:24px;height:24px}.ws-switch-label{margin:12px 0 4px;color:var(--ws-muted);font-size:12px}.ws-space-list{display:flex;flex-direction:column}.ws-space-row{min-height:48px;display:flex;align-items:center;border-radius:8px;position:relative}.ws-space-row:hover,.ws-space-row.is-default{background:rgba(99,91,255,.05)}.ws-space-main{min-width:0;flex:1;height:48px;border:0;background:transparent;padding:0 8px;display:flex;align-items:center;gap:8px;text-align:right;font-size:13px}.ws-space-main>span:nth-child(2){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ws-space-main em{height:32px;margin-right:auto;padding:2px 10px;border-radius:24px;background:rgba(99,91,255,.05);color:var(--ws-primary);font-size:11px;font-style:normal}.ws-space-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--space-color) 9%,white);flex:none}.ws-mask-icon{display:block;width:var(--icon-size);height:var(--icon-size);background:var(--icon-color);-webkit-mask:var(--icon) center/contain no-repeat;mask:var(--icon) center/contain no-repeat}.ws-space-tools{display:flex;direction:ltr;gap:8px;opacity:0;pointer-events:none;padding-left:6px}.ws-space-row:hover .ws-space-tools,.ws-space-row:focus-within .ws-space-tools{opacity:1;pointer-events:auto}.ws-mini{width:24px;height:24px;border:0;background:transparent;padding:3px;display:grid;place-items:center}.ws-mini img{width:18px;height:18px}.ws-add-space{width:100%;height:48px;margin-top:16px;border:1px solid var(--ws-primary);border-radius:12px;background:#fff;color:var(--ws-primary);display:flex;align-items:center;justify-content:center;gap:8px}.ws-add-space img{filter:invert(40%) sepia(97%) saturate(3525%) hue-rotate(230deg)}
.ws-detail-heading{height:64px;display:flex;align-items:center;gap:8px}.ws-detail-heading>span{font-size:12px;color:var(--ws-muted)}.ws-detail-heading>b{font-size:20px}.ws-detail-meta{height:112px;padding:16px;background:#fff;border-radius:16px;display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.ws-detail-meta>div:first-child{display:flex;align-items:center;gap:28px}.ws-detail-meta>div:first-child>span:not(.ws-person){padding-right:24px;border-right:1px solid var(--ws-line);color:var(--ws-muted)}.ws-detail-meta>div:first-child>span b{color:var(--ws-main)}.ws-period label{display:block;color:var(--ws-muted);font-size:12px}.ws-period .ws-dropdown{width:285px}.ws-detail-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px}.ws-detail-stats article{height:136px;padding:20px;background:#fff;border-radius:16px;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between}.ws-detail-stats small{font-size:13px;color:var(--ws-label)}.ws-detail-stats b{font-size:24px}.ws-chart{background:#fff;border-radius:16px;padding:20px;margin:0 0 16px}.ws-chart h3{font-size:16px;margin:0 0 18px}.ws-chart-bars{height:250px;display:flex;align-items:flex-end;gap:4px;direction:ltr}.ws-chart-bars>div{position:relative;height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px}.ws-chart-bars i{width:100%;min-height:8px;border-radius:16px 16px 0 0;background:#c9c5ff}.ws-chart-bars>div:nth-child(14) i{background:var(--ws-primary)}.ws-chart-bars small{font-size:9px;color:var(--ws-muted)}.ws-model-name{display:flex;align-items:center;gap:8px}.ws-model-name img{width:28px;height:28px;object-fit:contain}.ws-model-share{display:flex;align-items:center;justify-content:center;gap:12px}
.ws-modal-layer{position:fixed;inset:0;z-index:40;background:#000b;display:grid;place-items:center;padding:24px}.ws-modal{width:min(500px,100%);max-height:min(90vh,760px);overflow:auto;border-radius:16px;background:#fff;box-shadow:0 0 15px #0000001a;padding:32px;direction:rtl;font:14px/28px Dana}.ws-modal header{height:56px;margin-bottom:32px;border-bottom:1px solid #f2f2f2;display:flex;align-items:flex-start;justify-content:space-between}.ws-modal header h2{font-size:18px;line-height:32px;margin:0}.ws-modal header button{order:2;width:24px;height:24px;border:0;background:transparent;color:var(--ws-muted);font-size:28px;line-height:18px;padding:0}.ws-modal-body{display:flex;flex-direction:column;gap:24px}.ws-modal-body>label,.ws-modal-field{display:flex;flex-direction:column;gap:8px;color:var(--ws-label)}.ws-modal input{width:100%;height:48px;border:1px solid #f2f2f2;border-radius:12px;padding:0 16px;background:#fff;color:var(--ws-main);font-size:15px;text-align:right;outline:0}.ws-modal input:focus{border-color:var(--ws-primary);box-shadow:0 0 0 2px rgba(99,91,255,.08)}.ws-modal input.invalid{border-color:#ef4146}.ws-modal input::placeholder{color:var(--ws-muted)}.ws-field-error{font-size:11px;color:#ef4146}.ws-modal footer{display:flex;direction:ltr;gap:16px;margin-top:32px}.ws-modal footer .ws-primary{flex:2}.ws-modal footer .ws-outline{flex:1}.ws-icon-picker,.ws-color-picker{display:flex;direction:rtl;gap:6px;justify-content:space-between}.ws-icon-picker button{width:32px;height:32px;border:0;border-radius:8px;background:#f4f5f8;display:grid;place-items:center;padding:4px}.ws-icon-picker button.selected{outline:1.5px solid var(--chosen-color);background:color-mix(in srgb,var(--chosen-color) 8%,white)}.ws-color-picker button{width:32px;height:32px;border:0;border-radius:8px;background:var(--swatch);display:grid;place-items:center;color:#fff;font-size:16px}.ws-color-picker button span{opacity:0}.ws-color-picker button.selected{outline:2px solid var(--swatch);outline-offset:2px}.ws-color-picker button.selected span{opacity:1}.ws-members-preview{display:flex;flex-direction:column;gap:8px}.ws-invite-preview,.ws-limit-person{min-height:72px;padding:8px 16px;border:1px solid #f2f2f2;border-radius:12px;display:flex;align-items:center;justify-content:space-between}.ws-owner-chip{height:40px;padding:6px 16px;border-radius:24px;background:rgba(77,183,87,.05);color:#4db757}.ws-inline-actions{display:flex;gap:12px}.ws-inline-actions button{width:24px;height:24px;border:0;background:transparent;padding:2px}.ws-add-inline{height:56px;border:0;border-radius:12px;background:var(--ws-light);color:var(--ws-main);display:flex;align-items:center;justify-content:center;gap:8px}.ws-modal-note{font-size:12px;color:var(--ws-muted);margin:-16px 0 0}.ws-limit-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ws-limit-stats span{padding:14px;border-radius:12px;background:var(--ws-light);font-size:12px;color:var(--ws-label)}.ws-limit-stats b{display:block;color:var(--ws-main);font-size:18px}.ws-form-dropdown{width:100%}.ws-form-dropdown .ws-dropdown-trigger{height:48px}.ws-confirm{padding:8px 0}.ws-confirm p{font-size:16px;color:var(--ws-main);margin:0 0 8px}.ws-confirm small{color:var(--ws-muted)}
.ws-empty-state{height:150px!important;text-align:center!important}.ws-empty-state>div{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--ws-muted)}.ws-empty-state b{color:var(--ws-main)}
@media(max-width:1150px){.ws-summary{grid-template-columns:1fr 1fr}.ws-plan{grid-column:1/-1}.ws-table{min-width:900px}.ws-detail-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.ws-view{padding-top:4px}.ws-page-heading{height:54px}.ws-page-heading h1,.ws-detail-heading>b{font-size:17px}.ws-section-top{height:auto;min-height:104px;flex-direction:column;align-items:stretch}.ws-tabs{overflow:auto}.ws-tabs button{height:42px;padding:0 10px;font-size:12px}.ws-main-action .ws-primary{width:100%}.ws-summary{grid-template-columns:1fr;gap:12px}.ws-plan{grid-column:auto}.ws-credit-card,.ws-plan{height:250px}.ws-switcher{top:62px;left:12px;width:min(350px,calc(100vw - 24px))}.ws-detail-meta{height:auto;flex-direction:column;align-items:stretch;gap:16px}.ws-detail-meta>div:first-child{flex-wrap:wrap;gap:12px}.ws-period .ws-dropdown{width:100%}.ws-detail-stats{gap:8px}.ws-detail-stats article{height:110px;padding:12px}.ws-chart-bars{height:180px}.ws-modal-layer{padding:12px}.ws-modal{padding:22px}.ws-icon-picker,.ws-color-picker{overflow:auto;justify-content:flex-start}.ws-icon-picker button,.ws-color-picker button{flex:0 0 32px}}
.ws-plan>img{transform:scaleX(-1)}
.ws-plan-content{inset:auto;top:32px;right:32px;bottom:32px;width:168px}
.ws-monthly-info h3,.ws-buy-credit h3{white-space:nowrap}
.ws-icon-picker,.ws-color-picker{direction:ltr}
.model-list{scrollbar-width:thin!important;scrollbar-color:#c8ccd6 transparent!important}
.model-list::-webkit-scrollbar{display:block!important;width:7px!important}
.model-list::-webkit-scrollbar-thumb{background:#c8ccd6!important;border-radius:20px}

/* Keep destructive actions on the physical left in RTL rows, as in Figma. */
.ws-actions,
.ws-space-tools { direction: rtl; }
.ws-inline-actions { direction: ltr; }
.ws-modal header button{font-size:0;line-height:1;padding:4px}.ws-modal header button img{display:block;width:16px;height:16px}

/* Add/edit workspace dialog — Figma 22:3976. Other workspace dialogs retain their styles. */
.ws-modal-space{width:min(500px,100%);max-height:calc(100dvh - 48px);overflow-y:auto;padding:32px;font:400 14px/normal Dana,sans-serif;color:#0a1f44;scrollbar-width:thin}
.ws-modal-space header{height:56px;margin-bottom:32px;align-items:flex-start;border-color:#f2f2f2}
.ws-modal-space header h2{font-size:18px;line-height:32px;font-weight:700}
.ws-modal-space header button{width:16px;height:32px;padding:0;display:grid;place-items:center}
.ws-modal-space header button img{width:16px;height:16px}
.ws-modal-space .ws-modal-body{gap:32px}
.ws-modal-space .ws-modal-body>label,.ws-modal-space .ws-modal-field{color:#53627c;font-size:14px;font-weight:400}
.ws-modal-space .ws-modal-body>label{gap:8px}
.ws-modal-space input[name=name]{height:48px;border-color:#f2f2f2;border-radius:12px;padding:0 16px;font-size:16px;font-weight:400}
.ws-modal-space .ws-modal-field{gap:16px}
.ws-modal-space .ws-optional{color:#8a94a6}
.ws-modal-space .ws-icon-picker,.ws-modal-space .ws-color-picker{width:100%;direction:ltr;justify-content:space-between;gap:0;overflow:visible}
.ws-modal-space .ws-icon-picker button{width:32px;height:32px;flex:0 0 32px;padding:0;border:1px solid transparent;border-radius:8px;background:#f8f9fb;display:grid;place-items:center}
.ws-modal-space .ws-icon-picker button img{display:block;max-width:24px;max-height:24px}
.ws-modal-space .ws-icon-picker button.selected{border-color:var(--chosen-color);background:color-mix(in srgb,var(--chosen-color) 5%,white);outline:none}
.ws-modal-selected-icon{display:block;width:var(--icon-width);height:var(--icon-height);background:var(--icon-color);-webkit-mask:var(--icon-url) center/contain no-repeat;mask:var(--icon-url) center/contain no-repeat}
.ws-modal-space .ws-color-picker button{width:32px;height:32px;flex:0 0 32px;padding:0;border:1px solid transparent;border-radius:8px;background:var(--swatch);display:grid;place-items:center}
.ws-modal-space .ws-color-picker button.selected{border-color:#000;background:transparent;outline:none;padding:2px}
.ws-modal-space .ws-color-picker .ws-color-inner{width:100%;height:100%;border-radius:7px;display:grid;place-items:center}
.ws-modal-space .ws-color-picker button.selected .ws-color-inner{background:var(--swatch);border-radius:6px}
.ws-modal-space .ws-color-picker .ws-color-inner img{display:block;width:24px;height:24px}
.ws-modal-space .ws-modal-field:has(.ws-members-preview){gap:0}
.ws-modal-space .ws-modal-field:has(.ws-members-preview)>label{margin-bottom:16px}
.ws-modal-space .ws-members-preview{gap:8px;margin-bottom:8px}
.ws-modal-space .ws-invite-preview{height:72px;min-height:72px;padding:16px;gap:8px;direction:rtl;border-color:#f2f2f2;border-radius:16px;box-shadow:0 0 30px rgba(0,0,0,.07)}
.ws-draft-person{flex:1;min-width:0;display:flex;align-items:center;gap:8px;direction:rtl;text-align:right}
.ws-draft-avatar{width:40px;height:40px;flex:0 0 40px;border-radius:50%;background:rgba(255,158,0,.05);color:#ff9e00;display:grid;place-items:center;font-size:14px;line-height:21px}
.ws-draft-avatar.is-owner{background:rgba(99,91,255,.05);color:#635bff}
.ws-draft-person-copy{min-width:0;display:flex;flex-direction:column;gap:0;align-items:stretch}
.ws-draft-person-copy b{color:#0a1f44;font-size:14px;line-height:21px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ws-draft-person-copy small{color:#53627c;font-size:12px;line-height:18px;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ws-modal-space .ws-owner-chip{height:40px;padding:0 16px;display:grid;place-items:center;font-size:14px;font-weight:400}
.ws-modal-space .ws-inline-actions{direction:ltr;gap:8px}
.ws-modal-space .ws-inline-actions button{width:24px;height:24px;padding:0;display:grid;place-items:center}
.ws-modal-space .ws-inline-actions img{display:block;width:24px;height:24px}
.ws-modal-space .ws-add-inline{height:56px;min-height:56px;gap:8px;border-radius:16px;background:#f8f9fb;color:#0a1f44;font-size:14px;font-weight:400}
.ws-modal-space .ws-add-inline img{display:block;width:24px;height:24px;flex:none}
.ws-modal-space footer{margin-top:32px;gap:16px;direction:ltr}
.ws-modal-space footer .ws-primary{flex:1 1 0;min-width:0;font-size:16px;font-weight:500}
.ws-modal-space footer .ws-outline{flex:0 0 138px;font-size:16px;font-weight:500}
@media(max-width:760px){.ws-modal-space{max-height:calc(100dvh - 24px);padding:clamp(16px,5vw,32px)}.ws-modal-space .ws-icon-picker,.ws-modal-space .ws-color-picker{gap:5px;justify-content:flex-start;overflow-x:auto;scrollbar-width:thin}}

/* Workspace consumption and member details: Figma frames 24:5561 and 29:2680. */
body:has(#workspaceView.ws-view-usage:not([hidden])),body:has(#workspaceView.ws-view-detail:not([hidden])){height:auto;min-height:100dvh;overflow-y:auto}
body:has(#workspaceView.ws-view-usage:not([hidden])) .app-shell,body:has(#workspaceView.ws-view-detail:not([hidden])) .app-shell{height:auto;min-height:100dvh}
body:has(#workspaceView.ws-view-usage:not([hidden])) .workspace,body:has(#workspaceView.ws-view-detail:not([hidden])) .workspace{min-height:100dvh;overflow:clip}
body:has(#workspaceView.ws-view-usage:not([hidden])) .sidebar,body:has(#workspaceView.ws-view-detail:not([hidden])) .sidebar{position:sticky;top:0;height:100dvh}
#workspaceView.ws-view-usage,#workspaceView.ws-view-detail{flex:none;min-height:0;overflow:visible}
.ws-view-usage .ws-summary{grid-template-columns:minmax(0,1.31fr) minmax(0,1.31fr) minmax(0,1fr);gap:24px;margin-bottom:16px}
.ws-view-usage .ws-monthly{grid-template-columns:minmax(0,234fr) minmax(0,269fr);gap:16px}
.ws-view-usage .ws-monthly-chart{min-width:0;display:grid;place-items:center}
.ws-view-usage .ws-donut{width:min(224px,100%)}
.ws-view-usage .ws-usage-table-wrap{overflow:visible}
.ws-view-usage .ws-usage-table{min-width:0}
.ws-view-usage .ws-usage-table col:nth-child(-n+6){width:15.4%}
.ws-view-usage .ws-usage-table col:nth-child(7){width:7.6%}
.ws-view-usage .ws-usage-table td:first-child{padding-inline:16px}
.ws-view-usage .ws-role-dropdown{width:min(168px,100%)}
.ws-view-usage .ws-role-dropdown .ws-dropdown-trigger{height:48px;font-size:14px}
.ws-view-usage .ws-usage-value{width:100%;min-width:0;gap:8px}
.ws-view-usage .ws-usage-value span{flex:none;font-size:13px;white-space:nowrap}
.ws-view-usage .ws-usage-value .ws-meter{flex:1;min-width:0;max-width:148px;height:8px}
.ws-view-usage .ws-usage-value .ws-meter i{height:100%}
.ws-view-usage .ws-usage-actions{position:relative;display:grid;place-items:center}
.ws-view-usage .ws-dots{font-size:16px;letter-spacing:1px;line-height:1}
.ws-view-usage .ws-row-menu{top:34px;left:0;width:160px;padding:8px;border:0;border-radius:16px;box-shadow:0 0 30px #0000001a;display:flex;flex-direction:column}
.ws-view-usage .ws-row-menu button{height:44px;font-size:14px;color:#0a1f44}
.ws-view-usage .ws-pagination,.ws-view-usage .ws-page-numbers{direction:rtl}
.ws-view-usage .ws-page-size .ws-dropdown-trigger{direction:rtl}
.ws-view-usage .ws-page-numbers button{border-color:#f2f2f2}
.ws-view-usage .ws-page-numbers button.selected{border-color:#635bff}

.ws-view-detail .ws-detail-heading{height:56px;margin-bottom:16px}
.ws-view-detail .ws-detail-heading>span{font-size:14px;color:#8a94a6}
.ws-view-detail .ws-detail-heading>b{font-size:20px;font-weight:700}
.ws-view-detail .ws-detail-meta{height:111px;display:grid;grid-template-columns:minmax(0,1007fr) minmax(0,553fr);gap:16px;direction:rtl;padding:0;margin-bottom:16px;background:transparent}
.ws-detail-person-card,.ws-period-card{min-width:0;height:111px;padding:16px;border:1px solid #f2f2f2;border-radius:16px;background:#fff}
.ws-detail-person-card{display:flex;direction:rtl;align-items:center;gap:32px}
.ws-view-detail .ws-detail-meta>.ws-detail-person-card{gap:32px}
.ws-view-detail .ws-detail-meta>.ws-detail-person-card>span.ws-draft-person,.ws-view-detail .ws-detail-meta>.ws-detail-person-card>span.ws-detail-role,.ws-view-detail .ws-detail-meta>.ws-detail-person-card>span.ws-detail-joined{padding:0;border:0}
.ws-detail-person-card .ws-draft-person{flex:0 0 auto;margin-left:auto}
.ws-detail-person-card .ws-draft-avatar{width:48px;height:48px;flex-basis:48px;font-size:14px}
.ws-detail-person-card .ws-draft-person-copy b{font-size:16px;font-weight:600}
.ws-detail-person-card .ws-draft-person-copy small{font-size:12px}
.ws-detail-meta-separator{width:1px;height:64px;flex:none;background:#e7ebf2}
.ws-detail-role,.ws-detail-joined{display:flex;direction:rtl;align-items:center;gap:8px;color:#53627c;font-size:16px;white-space:nowrap}
.ws-detail-role img,.ws-detail-joined img{width:24px;height:24px;flex:none}
.ws-detail-role b,.ws-detail-joined b{color:#0a1f44;font-weight:500}
.ws-period-card{display:flex;flex-direction:column;gap:8px}
.ws-period-card>label{color:#53627c;font-size:14px;line-height:21px}
.ws-period-dropdown{width:100%}
.ws-period-dropdown .ws-dropdown-trigger{height:48px;padding:0 16px;font-size:16px}
.ws-period-value{display:flex;align-items:center;gap:8px;white-space:nowrap}
.ws-period-value img{width:24px;height:24px}
.ws-period-dropdown .ws-period-chevron{width:16px;height:16px}
.ws-view-detail .ws-detail-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-bottom:16px}
.ws-view-detail .ws-detail-stats article{height:152px;padding:16px;border:1px solid #f2f2f2;justify-content:flex-start;gap:16px}
.ws-stat-title{width:100%;display:flex;direction:rtl;align-items:center;gap:8px}
.ws-stat-title img{width:40px;height:40px;flex:none}
.ws-stat-title small{font-size:16px;font-weight:500;line-height:28px;color:#53627c}
.ws-view-detail .ws-detail-stats article>b{align-self:flex-start;font-size:32px;line-height:40px;font-weight:700}
.ws-stat-usage{width:100%;display:flex;direction:rtl;align-items:center;gap:4px;margin-top:-10px}
.ws-stat-usage .ws-meter{flex:1;width:auto;height:8px}
.ws-stat-usage span{font-size:14px;white-space:nowrap}
.ws-view-detail .ws-chart{height:347px;padding:24px;margin-bottom:16px;border-radius:0}
.ws-view-detail .ws-chart h3{height:31px;margin:0 0 8px;font-size:20px;line-height:31px;font-weight:600;text-align:right}
.ws-chart-plot{height:214px;display:flex;direction:ltr;gap:16px}
.ws-chart-axis{width:32px;flex:none;display:flex;flex-direction:column;justify-content:space-between;align-items:center;color:#8a94a6;font-size:14px;line-height:20px}
.ws-chart-data{position:relative;flex:1;min-width:0;height:214px}
.ws-chart-grid{position:absolute;inset:0 0 0 0;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}
.ws-chart-grid i{display:block;width:100%;border-top:1px dashed #e7ebf2}
.ws-chart-art{position:absolute;bottom:0;left:0;width:100%;height:181px;object-fit:fill}
.ws-chart-hits{position:absolute;inset:0;display:grid;grid-template-columns:repeat(30,minmax(0,1fr))}
.ws-chart-hit{position:relative;min-width:0;border:0;padding:0;background:transparent}
.ws-chart-tooltip{position:absolute;z-index:3;left:50%;bottom:calc(var(--bar-height) + 8px);transform:translateX(-50%);width:98px;padding:8px 5px;border-radius:8px;background:#fff;box-shadow:0 0 15px #0000001a;color:#0a1f44;font-size:12px;line-height:20px;text-align:center;white-space:nowrap;opacity:0;pointer-events:none}
.ws-chart-tooltip b{color:#635bff;font-weight:500}
.ws-chart-hit.selected .ws-chart-tooltip,.ws-chart-hit:hover .ws-chart-tooltip,.ws-chart-hit:focus-visible .ws-chart-tooltip{opacity:1}
.ws-chart-hits:has(.ws-chart-hit:hover) .ws-chart-hit.selected:not(:hover) .ws-chart-tooltip{opacity:0}
.ws-chart-days{height:30px;margin-top:16px;margin-left:48px;display:grid;direction:ltr;grid-template-columns:repeat(30,minmax(0,1fr));align-items:center;color:#8a94a6;font-size:12px;text-align:center}
.ws-view-detail .ws-model-wrap{overflow:visible}
.ws-view-detail .ws-model-table{min-width:0}
.ws-view-detail .ws-model-table col{width:33.333%}
.ws-view-detail .ws-model-table th,.ws-view-detail .ws-model-table td{height:64px}
.ws-view-detail .ws-model-table td:first-child{text-align:right;padding-inline:16px}
.ws-view-detail .ws-model-name{display:flex;direction:rtl;justify-content:flex-start;font-size:16px;font-weight:500}
.ws-view-detail .ws-model-name img{width:40px;height:40px;object-fit:contain}
.ws-view-detail .ws-model-share{direction:ltr;flex-direction:row-reverse;justify-content:flex-end;gap:8px;padding-inline:24px}
.ws-view-detail .ws-model-share .ws-meter{flex:1;min-width:0;max-width:384px;height:8px}
.ws-view-detail .ws-model-share span:last-child{flex:none;font-size:14px}

/* Edit monthly consumption limit: Figma frame 29:2498. */
.ws-modal-limit{width:min(600px,100%);max-height:calc(100dvh - 48px);overflow-y:auto;padding:32px;font:400 14px/normal Dana,sans-serif}
.ws-modal-limit header{height:56px;margin-bottom:32px}
.ws-modal-limit header h2{font-size:18px;font-weight:700;line-height:32px}
.ws-modal-limit header button{width:16px;height:32px;padding:0;display:grid;place-items:center}
.ws-modal-limit header button img{width:16px;height:16px}
.ws-modal-limit .ws-modal-body{gap:32px}
.ws-limit-overview{display:flex;flex-direction:column;gap:16px}
.ws-modal-limit .ws-limit-person{height:80px;min-height:80px;padding:16px;border:0;border-radius:16px;background:#f8f9fb;justify-content:flex-start}
.ws-modal-limit .ws-limit-person .ws-draft-person{flex:none}
.ws-modal-limit .ws-limit-person .ws-draft-avatar{width:48px;height:48px;flex-basis:48px}
.ws-limit-stats{height:80px;display:flex;direction:rtl;gap:0;padding:16px;border-radius:16px;background:#f8f9fb}
.ws-limit-stat{min-width:0;flex:1;display:flex;direction:rtl;align-items:center;gap:8px}
.ws-limit-stat:not(:last-child){border-left:1px solid #e1e5eb}
.ws-limit-stat:not(:first-child){padding-right:16px}
.ws-limit-stat img{width:32px;height:32px;flex:none}
.ws-limit-stat span{min-width:0;display:flex;flex-direction:column;gap:8px}
.ws-limit-stat small{color:#53627c;font-size:12px;white-space:nowrap}
.ws-limit-stat b{color:#0a1f44;font-size:14px;font-weight:600}
.ws-limit-field{display:flex;flex-direction:column;gap:8px}
.ws-limit-field>label{color:#53627c;font-size:14px;line-height:21px}
.ws-limit-control{height:48px;display:flex;direction:rtl;align-items:center;justify-content:space-between;padding:8px 16px 8px 16px;border:1px solid #f2f2f2;border-radius:12px;background:#fff}
.ws-limit-control button{width:32px;height:32px;flex:none;padding:0;border:0;border-radius:8px;background:#f6f5ff;display:grid;place-items:center}
.ws-limit-control button img{display:block;max-width:24px;max-height:24px}
.ws-modal-limit .ws-limit-input{flex:1;min-width:0;height:32px;padding:0 8px;border:0;box-shadow:none;background:transparent;text-align:center;font-size:16px}
.ws-modal-limit .ws-limit-input:focus{border:0;box-shadow:none}
.ws-limit-control:focus-within{border-color:#635bff}
.ws-limit-error{color:#ef4146;font-size:12px}
.ws-modal-limit footer{margin-top:32px;gap:16px}
.ws-modal-limit footer .ws-primary{flex:1}
.ws-modal-limit footer .ws-outline{flex:0 0 138px}
@media(max-width:1150px){.ws-view-usage .ws-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.ws-view-usage .ws-plan{grid-column:1/-1}}
@media(max-width:900px){.ws-view-detail .ws-detail-meta{height:auto;grid-template-columns:1fr}.ws-detail-person-card,.ws-period-card{height:auto;min-height:100px}.ws-view-detail .ws-detail-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ws-detail-person-card{flex-wrap:wrap;gap:12px}.ws-detail-meta-separator{height:32px}}
@media(max-width:760px){.ws-modal-limit{max-height:calc(100dvh - 24px);padding:20px}.ws-limit-stats{height:auto;flex-wrap:wrap;row-gap:12px}.ws-limit-stat{min-width:135px}.ws-view-usage .ws-summary{grid-template-columns:1fr}.ws-view-usage .ws-plan{grid-column:auto}.ws-view-usage .ws-usage-table-wrap{overflow-x:auto}.ws-view-usage .ws-usage-table{min-width:880px}.ws-view-detail .ws-detail-stats{gap:8px}.ws-view-detail .ws-detail-stats article{height:138px;padding:12px}.ws-stat-title small{font-size:13px}.ws-view-detail .ws-chart{padding:16px}.ws-chart-plot{gap:8px}.ws-chart-days{margin-left:40px}}