/* Skills: the user's selected Qwen Office layout, with existing actions. */
.page.skills-page{max-width:1080px;margin:26px 32px 56px;padding:0}
.skills-page>h1{font-size:26px;font-weight:650;margin:0 0 4px;line-height:36px}
.skills-page>.subtitle{font-size:13px;color:#929292;margin:0 0 18px;line-height:20px}
.skill-hero{height:144px;background:#e6f7ef url('/assets/skills-banner.png') right center / auto 100% no-repeat;border-radius:12px;display:flex;flex-direction:column;justify-content:flex-end;padding:22px;margin-bottom:32px;overflow:hidden}
.skill-hero h2{font-size:16px;font-weight:500;margin:0 0 7px;color:#16261f}
.skill-hero p{font-size:13px;line-height:20px;color:#83938a;margin:0;max-width:64%}
.skill-navigation{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px;flex-wrap:wrap}
.skills-page .skill-navigation .tabs{margin:0;gap:24px;flex:none}
.skills-page .skill-navigation .tabs button{font-size:18px;color:#888;line-height:28px;padding:0;min-height:28px}
.skills-page .skill-navigation .tabs button.selected{font-weight:650;color:#141414}
.skills-page .skill-toolbar{margin:0;gap:8px;flex:0 1 auto;width:auto}
.skills-page .skill-toolbar input{width:160px;height:32px;min-width:0;font-size:12px}
.skills-page .skill-toolbar button{font-size:12px;height:32px;padding:6px 10px;white-space:nowrap}
.skills-page .filters{gap:8px;padding-bottom:22px}
.skills-page .filters button{border:0;background:transparent;border-radius:8px;color:#898989;padding:5px 12px}
.skills-page .filters button.selected{color:#222;background:#ededed}
.skills-page .skill-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.skills-page .skill-tile{border-radius:16px;min-height:152px;padding:8px;transition:box-shadow .16s,border-color .16s}
.skills-page .skill-tile:hover{box-shadow:0 3px 9px #0000000a;border-color:#d5d5d5}
.skills-page .skill-tile-head{gap:10px}.skill-row-actions{display:flex;align-items:center;gap:6px;flex:none}
.skills-page .skill-builtin-list{border-radius:14px;padding:0;overflow:hidden}
.skills-page .skill-builtin-row{padding:0 18px;min-height:72px;transition:background .16s}
.skills-page .skill-builtin-row:hover,.skills-page .skill-builtin-row:focus-within{background:#f7f7f7}
.skills-page .skill-builtin-row .skill-tile-head{padding:16px 0;min-height:72px;gap:16px}
.skills-page .skill-builtin-row .skill-avatar{width:40px;height:40px}
.skills-page .skill-builtin-row .skill-identity{gap:16px}
.skills-page .skill-builtin-row .skill-title small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#999;line-height:18px;font-size:12px}
.skills-page .skill-builtin-row .skill-title strong{font-size:14px;font-weight:500}
.skill-row-actions .secondary,.skill-row-actions .skill-delete{font-size:12px;padding:5px 7px;border-radius:7px;white-space:nowrap;display:flex;align-items:center;gap:4px}
.skill-row-actions img{width:14px;height:14px}.skill-builtin-row .skill-visibility-control{border-top:0;margin:-8px 0 0 56px;padding:0 0 10px;justify-content:flex-end;gap:12px}
.skill-builtin-row.market-hidden{background:#fafafa}.skill-section-heading h3{font-size:12px;font-weight:400;margin:0}
.account-popover{position:fixed;z-index:80;width:270px;max-width:calc(100vw - 16px);padding:8px;background:#fff;border:1px solid #e4e4e4;border-radius:18px;box-shadow:0 8px 32px #00000018;color:#252525}
.account-menu-identity{display:flex;gap:12px;align-items:center;padding:10px 10px 13px;margin-bottom:6px;border-bottom:1px solid #ededed}
.account-menu-identity>.icon{width:28px;height:28px}.account-menu-identity strong{font-size:14px;font-weight:500;display:block}.account-menu-identity small{display:block;color:#999;font-size:12px;margin-top:4px}
.account-menu-item{display:flex;gap:10px;align-items:center;width:100%;text-align:left;border:0;background:none;padding:10px 12px;font-size:14px;border-radius:10px}
.account-menu-item>.icon{width:18px;height:18px}.account-menu-item:hover,.account-menu-item:focus-visible{background:#f2f2f2}.account-popover hr{border:0;border-top:1px solid #eee;margin:5px 8px}
.account-menu-meta{margin-left:auto;color:#929292;font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}
/* Admin: persistent left navigation with a scrollable content area. */
dialog.operations-dialog{width:min(1260px,calc(100vw - 48px));height:min(850px,calc(100dvh - 64px));max-height:none;padding:0;overflow:hidden;border-radius:18px}
.operations-dialog>.dialog-head{margin:0;padding:18px 22px;border-bottom:1px solid #e7e7e7;height:65px;box-sizing:border-box}
.operations-dialog>.dialog-head h2{font-size:18px}.operations-dialog #dialogBody{height:calc(100% - 65px);overflow:hidden}
.operations-body{display:grid;grid-template-columns:180px minmax(0,1fr);grid-template-rows:auto 1fr;height:100%;overflow:hidden}
.operations-body>.tabs{grid-row:1/3;grid-column:1;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:6px;margin:0;padding:24px 12px;background:#f7f7f7;border-right:1px solid #e8e8e8;flex-wrap:nowrap;overflow:auto}
.operations-body>.tabs button{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:400;line-height:20px;padding:12px;border:0;border-radius:9px;text-align:left;color:#666;background:transparent;white-space:nowrap}
.operations-body>.tabs button.selected{background:#e9e9e9;color:#111;font-weight:550}.operations-body>.tabs button:hover{background:#efefef}.operations-body>.tabs .icon{width:18px;height:18px}
.operations-body>.operations-toolbar{grid-column:2;grid-row:1;margin:0;padding:24px 28px 16px;gap:10px;border-bottom:1px solid #f0f0f0}
.operations-body>.operations-content{grid-column:2;grid-row:2;overflow:auto;padding:22px 28px;min-width:0;min-height:0}
.operations-body[data-section=tools]>.operations-content,.operations-body[data-section=plugins]>.operations-content,.operations-body[data-section=models]>.operations-content,.operations-body[data-section=health]>.operations-content{grid-row:1/3}
.operations-content>h2{margin:0 0 6px;font-size:25px;font-weight:650}.operations-content>.subtitle{margin:0 0 24px;color:#929292;font-size:13px;line-height:21px}
.plugin-library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:22px 0}
.plugin-library-toolbar .tabs{margin:0;gap:24px}.plugin-library-toolbar .tabs button{font-size:18px;padding:0;line-height:28px;color:#888}.plugin-library-toolbar .tabs button.selected{color:#111;font-weight:650}
.plugin-library-toolbar .field{margin:0}.plugin-library-toolbar .field>span{display:none}.plugin-library-toolbar input{width:200px;height:34px}
.plugin-library-list{padding:0;border-radius:14px;overflow:hidden}.plugin-library-row{display:flex;align-items:center;gap:16px;padding:18px;min-height:94px}.plugin-library-row:hover{background:#f8f8f8}.plugin-library-row .skill-identity{gap:16px}.plugin-library-row .skill-title{gap:4px}.plugin-library-row .skill-title small{white-space:normal;font-size:12px;line-height:18px;color:#888}.plugin-library-row .skill-title .plugin-package{font-size:11px;color:#999;overflow-wrap:anywhere}
.plugin-control{display:flex;align-items:center;gap:14px;flex:none;font-size:12px}.plugin-status{color:#aaa;white-space:nowrap}.plugin-status.enabled{color:#16834a}.plugin-control button{min-width:56px;font-size:12px;padding:6px 12px;border-radius:7px;white-space:nowrap}.plugin-enable{background:#16834a;border-color:#16834a}.plugin-manifest{margin-top:20px;font-size:12px}
@media(min-width:1600px){.page.skills-page{margin-inline:auto;width:calc(100% - 80px)}}
@media(max-width:1000px){.page.skills-page{margin-inline:24px}.skill-navigation{gap:14px}.skills-page .skill-toolbar{margin-left:auto}.skills-page .skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skill-row-actions .secondary img,.skill-row-actions .skill-delete img{display:none}.operations-body{grid-template-columns:155px minmax(0,1fr)}.operations-body>.operations-content{padding:20px}.operations-body>.operations-toolbar{padding:20px}}
@media(max-width:640px){.page.skills-page{margin:18px 16px 36px}.skill-hero{height:136px;padding:18px;margin-bottom:26px}.skill-hero p{max-width:64%;font-size:12px}.skill-hero h2{font-size:15px}.skills-page .skill-navigation .tabs{gap:20px}.skills-page .skill-navigation .tabs button{font-size:16px}.skills-page .skill-toolbar{width:100%;justify-content:space-between}.skills-page .skill-toolbar input{flex:1;width:0}.skills-page .skill-grid{grid-template-columns:1fr}.skills-page .skill-builtin-row{padding:0 12px}.skills-page .skill-builtin-row .skill-tile-head{flex-wrap:wrap;gap:8px}.skills-page .skill-builtin-row .skill-identity{flex-basis:100%;gap:12px}.skill-row-actions{margin-left:auto}.skills-page .skill-builtin-row .skill-title{max-width:calc(100vw - 118px)}.skills-page .skill-builtin-row .skill-tile-head{padding:12px 0}.skill-builtin-row .skill-visibility-control{margin-left:0}dialog.operations-dialog{width:calc(100vw - 16px);height:calc(100dvh - 24px);padding:0}.operations-body{grid-template-columns:112px minmax(0,1fr)}.operations-body>.tabs{padding:16px 6px;display:flex}.operations-body>.tabs button{font-size:12px;padding:10px 7px;gap:6px}.operations-body>.tabs .icon{width:15px;height:15px}.operations-body>.operations-content,.operations-body>.operations-toolbar{padding:16px 12px}.plugin-library-toolbar{flex-wrap:wrap;gap:12px}.plugin-library-toolbar input{width:100%}.plugin-library-row{flex-wrap:wrap;padding:12px}.plugin-library-row .skill-identity{flex-basis:100%;gap:10px}.plugin-control{margin-left:auto}.operations-toolbar .field:first-child{min-width:100px}.operations-toolbar .field{min-width:100px}.operations-content>h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){.skills-page .skill-tile,.skills-page .skill-builtin-row{transition:none}}

#main:has(> #page.skills-page:not([hidden]))>.topbar{display:none}

.skill-row-actions>.skill-visibility-control{margin:0 0 0 8px;padding:0;border:0;gap:6px}.skill-row-actions>.skill-visibility-control span{max-width:44px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.skill-publish{color:#16834a}.skill-publish:hover{background:#eaf7ef}
.plugin-library-row{flex-wrap:wrap}.plugin-library-row>.skill-identity{flex:1;min-width:180px}.plugin-capabilities{width:100%;font-size:12px;color:#646464;padding-left:56px}.plugin-capabilities summary{cursor:pointer;line-height:24px}.plugin-capabilities p{line-height:1.7;overflow-wrap:anywhere;margin:6px 0}.tool-provider{font-size:12px;color:#16834a;text-decoration:none}.tool-provider:hover{text-decoration:underline}.capability-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.capability-stat{border:1px solid #e7e7e7;border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:10px}.capability-stat strong{font-size:28px}.capability-stat button{align-self:flex-start}.capability-services,.capability-skills{margin-top:30px}.capability-service{padding:16px 0;border-bottom:1px solid #eee}.capability-service p{font-size:13px;color:#777;line-height:1.7;margin:8px 0}.capability-skills{overflow-x:auto}
@media(max-width:640px){.capability-stats{grid-template-columns:1fr}.plugin-capabilities{padding-left:0}.capability-stat{padding:12px}}
@media(max-width:1000px){.skill-builtin-row .skill-tile-head{flex-wrap:wrap}.skill-builtin-row .skill-row-actions{margin-left:auto;flex-wrap:wrap;justify-content:flex-end;max-width:100%}.skill-builtin-row .skill-identity{min-width:180px}}

@media(max-width:760px){#main:has(> #page.skills-page:not([hidden]))>.topbar{display:flex}}