/* Operator geometry and semantic presentation, using platform Feishu tokens. */
:is([data-panel-content="models"],[data-panel-content="model-bindings"]){align-content:start}
:is([data-panel-content="models"],[data-panel-content="model-bindings"])>.operator-page-heading{min-height:0;padding:20px 28px 12px}
:is([data-panel-content="models"],[data-panel-content="model-bindings"])>.operator-section{padding:12px 28px 28px}
[data-platform-models]{min-height:300px;min-width:0}
.platform-model-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.platform-model-toolbar p{margin:0;color:var(--feishu-color-text-1);font-size:13px;line-height:22px}
.platform-model-toolbar>div{display:flex;gap:8px;flex-wrap:wrap}
.platform-model-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:8px 0 20px}
.feishu-component-scope .platform-model-tabs>button[role="tab"]{height:36px;min-height:36px;padding:0 12px;border:0!important;border-radius:8px!important;background:transparent!important;color:var(--navigation-state-text,#0b0b0f)!important;font-size:14px;font-weight:400!important;line-height:36px;box-shadow:none!important;transition:none!important}
.feishu-component-scope .platform-model-tabs>button[role="tab"]:is([aria-selected="true"],:hover){background:var(--navigation-state-fill,#ebebf5)!important}
.feishu-component-scope .platform-model-tabs>button[role="tab"]:focus-visible{outline:2px solid var(--navigation-accent-border,#8e96ff);outline-offset:2px}
.feishu-component-scope .platform-model-tabs>button[role="tab"]::before,.feishu-component-scope .platform-model-tabs>button[role="tab"]::after{content:none!important}
.platform-model-table{overflow:auto;min-width:0}
.platform-model-table table{width:100%;table-layout:auto}
.feishu-component-scope .platform-model-table .feishu-data-table :is(th,td){vertical-align:middle;padding:10px 16px}
.platform-model-table :is(th,td):last-child{width:100px;white-space:nowrap}
.platform-model-table small,.platform-model-choices small{display:block;margin-top:4px;font-size:12px;color:var(--feishu-color-text-2);overflow-wrap:anywhere}
.platform-model-table strong{font-weight:500}
.model-availability{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:12px;color:var(--feishu-color-text-1)}
.model-availability::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--feishu-color-text-2)}
.model-availability[data-available="true"]::before{background:var(--feishu-color-success,var(--feishu-color-primary))}
.task-setting-section{margin:24px 0}
.task-setting-section h3,[data-platform-models]>h2{font-size:15px;font-weight:600;line-height:24px;margin:0 0 12px}
.task-setting-section>p,[data-platform-models]>p{font-size:13px;color:var(--feishu-color-text-1);line-height:22px;margin:0 0 12px}
.task-setting-advanced{margin-top:24px;padding-top:16px;border-top:1px solid var(--feishu-color-border);font-size:13px;color:var(--feishu-color-text-1)}
.task-setting-advanced summary{cursor:pointer}
.task-billing-compact{overflow-x:auto;min-width:0;width:100%}
.task-billing-compact .tenant-table-row{grid-template-columns:minmax(140px,1fr) minmax(210px,1.1fr) 100px 80px;min-width:0;align-items:center}
.task-billing-compact .operator-billing-price{display:flex;flex-direction:row;align-items:center;gap:8px;flex-wrap:wrap}
body .operator-app [data-platform-models] .task-billing-compact .operator-billing-price input[type=number]{width:80px;min-width:0;text-align:left}
.task-billing-compact .operator-billing-price>span{white-space:nowrap;font-size:13px}
.task-billing-compact .operator-billing-price :is(.discovery-feishu-select,.IM飞书选择器){width:80px}
.task-billing-compact .record-actions button{white-space:nowrap;padding:4px 8px}
.task-billing-compact .billing-meter-readback{margin:0;font-size:12px;color:var(--feishu-color-text-1)}
.platform-model-dialog{--workbench-layer-width:680px}
.platform-model-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.platform-model-dialog h2{margin:0;font-size:18px;line-height:26px}
.platform-model-dialog>p,.platform-model-dialog form>p{font-size:13px;line-height:22px;color:var(--feishu-color-text-1)}
.platform-model-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.platform-model-grid label{display:flex;flex-direction:column;gap:8px;font-size:13px;min-width:0}
.platform-model-grid input,.platform-model-grid :is(.discovery-feishu-select,.IM飞书选择器){width:100%}
.platform-model-dialog details{margin-top:20px}
.platform-model-dialog details .platform-model-grid{margin:16px 0}
.platform-model-dialog footer{display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:16px;border-top:1px solid var(--feishu-color-border)}
.platform-model-dialog [role=status]{min-height:22px;overflow-wrap:anywhere}
.platform-model-choices{border:0;margin:0;padding:0;display:grid;gap:8px;max-height:44vh;overflow-y:auto}
.platform-model-choices>label{display:flex;align-items:center;gap:12px;padding:12px 8px;position:relative;border-bottom:1px solid var(--feishu-color-border)}
.platform-model-choices>label:last-child{border-bottom:0}
@media(max-width:700px){
 :is([data-panel-content="models"],[data-panel-content="model-bindings"])>.operator-section{padding:12px 16px 20px}
 .platform-model-grid{grid-template-columns:1fr}
 .platform-model-toolbar{align-items:flex-start;flex-direction:column;gap:8px}
 [data-platform-models="models"] .platform-model-table table{min-width:520px}
}

[data-platform-models="models"] .platform-model-table table{table-layout:fixed}
[data-platform-models="models"] .platform-model-table th:first-child{width:25%}
[data-platform-models="models"] .platform-model-table th:nth-child(3){width:110px}
[data-platform-models="models"] .platform-model-table td{overflow-wrap:anywhere}

/* Backend hierarchy: directory -> selected task -> settings sections. */
.task-settings-layout{display:grid;grid-template-columns:164px minmax(0,1fr);gap:24px;align-items:start}
.task-settings-directory{position:sticky;top:0;padding-right:16px;border-right:1px solid var(--feishu-color-border)}
.task-settings-directory h2{margin:0 0 12px;font-size:12px;font-weight:500;color:var(--feishu-color-text-2)}
.task-settings-directory nav{display:grid;gap:2px}
.task-settings-directory .sidebar-item{display:flex;align-items:center;grid-template-columns:none;width:100%;min-height:36px;padding:8px 4px;border-radius:var(--feishu-border-radius-small);text-align:left}
.task-settings-directory .sidebar-copy strong{font-size:13px;font-weight:400;line-height:20px;white-space:normal}
.task-settings-directory .sidebar-item[aria-current="page"]{color:var(--feishu-color-primary);background:var(--feishu-color-fill-0)}
.task-settings-directory .sidebar-item[aria-current="page"] strong{font-weight:500}
.task-settings-overview{border-top:1px solid var(--feishu-color-border);margin-top:16px;padding-top:12px}
.task-settings-detail{min-width:0}
.task-settings-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px;margin-bottom:16px}
.task-settings-heading h2{font-size:18px;line-height:26px;margin:0;font-weight:600}
.task-settings-detail .task-setting-section:first-of-type{margin-top:16px}
.task-settings-detail .platform-model-table table{min-width:0}
.task-settings-detail .platform-model-table :is(th,td):last-child{width:80px}
.task-settings-detail .task-billing-compact .tenant-table-row{grid-template-columns:minmax(100px,1fr) minmax(200px,1.4fr);gap:10px 16px}
.task-settings-detail .task-billing-compact .tenant-table-header{display:none}
.task-settings-detail .task-billing-compact .tenant-table-row>[role=cell]:nth-child(3){grid-column:1}
.task-settings-detail .task-billing-compact .record-actions{grid-column:2;justify-content:flex-end}
.task-settings-detail .task-billing-compact{border-top:1px solid var(--feishu-color-border);border-bottom:1px solid var(--feishu-color-border)}
.task-settings-detail [data-price-overview] .platform-model-table table{table-layout:fixed}
.task-settings-detail [data-price-overview] td{overflow-wrap:anywhere}
@media(max-width:760px){.task-settings-layout{grid-template-columns:1fr;gap:20px}.task-settings-directory{position:static;border-right:0;padding:0}.task-settings-directory nav{grid-template-columns:repeat(2,minmax(0,1fr))}.task-settings-overview{margin-top:8px;padding-top:8px}.task-settings-detail .task-billing-compact .tenant-table-row{grid-template-columns:1fr}.task-settings-detail .task-billing-compact .record-actions{grid-column:1}}

.task-settings-directory .sidebar-copy{flex:1;min-width:0;width:100%}

.task-settings-detail .operator-billing-description{font-size:12px;line-height:20px;color:var(--feishu-color-text-2);font-weight:400;margin-top:6px}
.task-settings-detail [data-task-fees]>p{font-size:12px;line-height:20px;color:var(--feishu-color-text-1)}
.platform-model-form{display:grid;gap:16px}
.platform-model-form>p{margin:0}
.platform-model-form>footer{margin-top:0}
.platform-model-grid label:has(input[name="endpoint"]){grid-column:1/-1}

.platform-default-choice{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--feishu-color-border)}
.platform-default-choice label{display:flex;align-items:center;gap:8px;min-width:0}
.platform-default-choice label:last-child{white-space:nowrap;flex-shrink:0;font-size:12px}
