/* 切片工作台 · 控件层。
   改版前同一个 .pill-button 在站内量到 32/34/36/38/41/46/47/49 八种高度、
   0px 12px / 9px 14px / 10px 16px / 13px 21px 四种内边距；输入框有 40/42/43 三种高度，
   聚焦时多数地方没有可见的焦点环。这一层只做一件事：把按钮和表单控件收成一套尺寸和反馈。
   它排在 tokens.css 之后、motion.css 之前，是全站控件的唯一定义处。 */

/* ---------- 1. 按钮：三档尺寸，横向内边距跟着高度走 ---------- */
.pill-button{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  min-height:36px;padding:0 16px;font-size:var(--t-small,12px);line-height:1.2;
  border-radius:var(--r-round,999px);white-space:nowrap;box-sizing:border-box;
}
/* 工具条、筛选行、列表行、卡片里的按钮是次要动作，小一号。
   这里列全所有"小一号"的场景，是因为原来这些尺寸散在 10 个样式表的 48 条规则里，
   已经统一摘掉（见 改动说明.md「按钮只剩一个定义处」）。 */
.page-toolbar .pill-button,
.module-list-controls .pill-button,
.list-tools .pill-button,
.detail-toolbar .pill-button,
.module-hero .pill-button,
.inline-actions .pill-button,
.utility-nav .pill-button,
.editor-actions .pill-button,
.lookup-panel .pill-button,
.asset-card .pill-button,
.asset-drop .pill-button,
.asset-next .pill-button,
.collect-strip .pill-button,
.admin-table .pill-button,
.preview-tier-switch .pill-button,
.authorization-panel .pill-button,
.video-product .pill-button,
.feature-invitation .pill-button,
.video-focus-body .inline-actions .pill-button,
.below-note>.pill-button,
.home-interest-bar .pill-button,
.home-link-entry .pill-button,
.link-result-actions .pill-button,
.today-empty .pill-button,
.reel-product-actions .pill-button,
.lc-summary .pill-button,
.lc-series-head .pill-button,
.lc-pagination .pill-button,
.lc-admin-actions .pill-button,
.lc-cat-actions .pill-button,
.lc-review-actions .pill-button,
.lc-inline-body .pill-button,
#lc-reply-label .pill-button{min-height:32px;padding:0 13px;font-size:var(--t-micro,11px);gap:6px}
/* 页面级主动作大一号 */
.hero-right>.pill-button,
.detail-actions>.pill-button,
.auth-form .pill-button,
.module-empty .pill-button,
.permission-card .inline-actions .pill-button{min-height:40px;padding:0 20px;font-size:var(--t-body,13px)}
.auth-form .pill-button[type=submit]{width:100%;min-height:44px}
/* 图标尺寸也跟着三档走，原来站内有 12/13/14/17/20px 五种 */
.pill-button .icon{width:15px;height:15px;flex:none}
.page-toolbar .pill-button .icon,.detail-toolbar .pill-button .icon,.list-tools .pill-button .icon,
.module-hero .pill-button .icon,.lc-pagination .pill-button .icon{width:13px;height:13px}

/* ---------- 2. 表单控件：统一高度、圆角与内边距 ---------- */
/* 高度和内边距由 form-controls.css 统一（那一层本来就用 !important 定义全站控件），
   这里只补它没管的部分：过渡、悬停、焦点环。 */
#main input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),
#main select{
  border-radius:var(--r-control,12px);box-sizing:border-box;
  transition:border-color var(--t-fast,.14s) var(--ease),box-shadow var(--t-fast,.14s) var(--ease),background-color var(--t-fast,.14s) var(--ease);
}
#main textarea{
  min-height:64px;line-height:1.8;border-radius:var(--r-control,12px);font-size:var(--t-body,13px);box-sizing:border-box;
  transition:border-color var(--t-fast,.14s) var(--ease),box-shadow var(--t-fast,.14s) var(--ease),background-color var(--t-fast,.14s) var(--ease);
}
/* 编辑器的标题输入是刻意加大的，别被上面的统一高度压回去 */
#main .lc-title-field input{min-height:48px;font-size:var(--t-sub,16px)}
/* 搜索框是 label 包 input 的结构，高度给外层 */
#main .search{min-height:40px;box-sizing:border-box;transition:border-color var(--t-fast,.14s) var(--ease),box-shadow var(--t-fast,.14s) var(--ease)}
#main .search input{min-height:0}
#main .search:focus-within{border-color:#9fb0c4;box-shadow:0 0 0 3px rgba(120,150,190,.16)}

/* 统一的焦点环：原来多数输入框聚焦后只有浏览器默认描边，或者干脆没有 */
#main input:focus-visible,#main select:focus-visible,#main textarea:focus-visible{
  outline:none;border-color:#9fb0c4;box-shadow:0 0 0 3px rgba(120,150,190,.16);
}
#main input:hover:not(:disabled):not(:focus),#main select:hover:not(:disabled):not(:focus),#main textarea:hover:not(:disabled):not(:focus){border-color:rgba(75,84,96,.22)}
#main input:disabled,#main select:disabled,#main textarea:disabled{opacity:.55;cursor:not-allowed}
#main input::placeholder,#main textarea::placeholder{color:#a8b0ba}

/* 键盘焦点在按钮和链接上也要看得见 */
#main .pill-button:focus-visible,.workspace-sidebar a:focus-visible,.page-toolbar button:focus-visible,
.filter-tabs button:focus-visible,.segmented button:focus-visible,.utility-tab:focus-visible,
.module-stub:focus-visible,.stage-next:focus-visible,.stage-tool:focus-visible{
  outline:2px solid #93a9c2;outline-offset:2px;
}

/* ---------- 3. 二三级页面：详情页的次要动作和键值对 ---------- */
.detail-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.key-values dd,.module-key-values dd{font-variant-numeric:tabular-nums}
.module-metric strong{font-variant-numeric:tabular-nums}

@media(max-width:760px){
  .pill-button{min-height:38px;padding:0 15px}
  .hero-right>.pill-button,.detail-actions>.pill-button{min-height:40px;padding:0 16px;font-size:var(--t-small,12px)}
  #main textarea{font-size:var(--t-body,13px)}
}