/* Workspace uses the existing personal-center content width and padding. */
.productivity-page{width:100%;min-width:0;max-width:none;margin:0}
.productivity-panel{display:flex;flex-direction:column;gap:20px;min-width:0}
.productivity-panel>:is(h2,h3,p,section,div,form,nav){margin:0}
.productivity-panel>:empty{display:none}
.productivity-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;min-width:0}
.productivity-actions>:is(button,a){flex:0 0 auto;max-width:100%;margin:0}
.productivity-button{display:inline-flex;gap:8px;align-items:center;justify-content:center;width:auto;white-space:nowrap}
.productivity-button svg{width:18px;height:18px;flex:none}
.productivity-filters{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap;min-width:0;width:100%;margin:16px 0}
.productivity-filters>:is(.portal-field,input,select,.hh-search-field){flex:1 1 160px;width:auto;min-width:0;max-width:none;margin:0}
.productivity-filters>.portal-field{display:block;padding:0}
.productivity-filters>.portal-field>span:first-child:not(.hh-search-field){position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.productivity-filters>:is(input[type=search],.hh-search-field),.productivity-filters>.portal-field:has(input[type=search]){flex:3 1 260px}
.productivity-filters>.portal-field>:is(input,select,.hh-search-field){display:block;width:100%;min-width:0;max-width:none;margin:0}
.productivity-filters>.portal-field>.hh-search-field input{width:100%;min-width:0}
.productivity-filters>button{flex:0 0 auto;width:auto;min-width:80px;margin:0;align-self:flex-end}
body:not(.native-controls):not(.unstyled-controls) :is(.productivity-page,.productivity-dialog,.productivity-plugin,.productivity-preflight) .productivity-filters :is(input,select,button):not(.hh-search-clear){box-sizing:border-box;height:40px;min-height:40px;margin-block:0;padding-block:8px;font-size:14px;line-height:1.4}
.productivity-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:16px;min-width:0;margin:20px 0}
.productivity-card{display:flex;flex-direction:column;gap:12px;min-width:0}
.productivity-card h2,.productivity-card p{margin:0}
.productivity-card h2,.productivity-detail-header h1,.productivity-subtitle h2{overflow-wrap:anywhere}
.productivity-card .productivity-actions{margin-top:auto}
.productivity-card>.portal-badge{align-self:flex-start}
.productivity-description,.productivity-prose{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}
.productivity-muted{color:#aab8bc}
.productivity-entry{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid #ffffff12;min-width:0}
.productivity-entry:last-child{border-bottom:0}
.productivity-entry>div{flex:1;min-width:0}
.productivity-entry>button{flex:none;margin:0}
.productivity-entry strong,.productivity-entry small{display:block;overflow-wrap:anywhere}
.productivity-entry small{color:#aab8bc;margin-top:5px}
.productivity-entry-status{min-width:110px;max-width:220px;color:#edbf95;overflow-wrap:anywhere}
.productivity-entry-status:empty{display:none}
.productivity-dialog{width:min(920px,calc(100vw - 32px));max-height:calc(100dvh - 36px);padding:0;text-align:left}
.productivity-dialog>header,.productivity-dialog>footer{padding:18px 22px;display:flex;gap:8px;align-items:center;justify-content:space-between}
.productivity-dialog>header{border-bottom:1px solid #ffffff14}
.productivity-dialog>header h2{margin:0}
.productivity-dialog>footer{border-top:1px solid #ffffff14;justify-content:flex-end}
.productivity-dialog-body{padding:20px 22px;overflow:auto;max-height:calc(100dvh - 220px);overscroll-behavior:contain}
.productivity-dialog-body>p:first-child{margin-top:0}
.productivity-form{display:grid;gap:16px;min-width:0}
.productivity-form>:is(h3,p){margin:0}
.productivity-form>div>p:only-child{margin:0}
.productivity-form>div:empty{display:none}
.productivity-form .portal-field{display:grid;gap:7px;min-width:0;margin:0;text-align:left}
.productivity-form :is(input,select,textarea){width:100%;min-width:0}
.productivity-form .productivity-filters{margin:0}
.productivity-form .productivity-filters>.portal-field{display:block}
.productivity-hosts{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap;min-width:0}
.productivity-hosts>.portal-field{flex:1 1 160px}
.productivity-hosts>button{flex:none;margin:0;align-self:flex-end}
body:not(.native-controls):not(.unstyled-controls) .productivity-dialog .productivity-hosts :is(input,select,textarea,button){height:40px;min-height:40px;box-sizing:border-box;padding-block:8px}
.productivity-knowledge{margin-top:24px;min-width:0}
.productivity-knowledge>h3{margin:0 0 16px}
.productivity-knowledge>.productivity-filters{margin:0 0 16px}
.productivity-answer{padding:16px 0;border-top:1px solid #ffffff18}
.productivity-answer summary{cursor:pointer;font-weight:600}
.productivity-answer>a{display:block;margin-top:10px}
.productivity-answer-content>a{display:block;margin-top:10px}
.productivity-plugin{margin-top:20px;min-width:0}
.productivity-plugin>.portal-button{margin:0}
.productivity-preflight{border:1px solid #e9b58550;border-radius:10px;padding:16px;margin-bottom:20px;min-width:0}
.productivity-preflight pre{font:inherit;max-height:200px;overflow:auto}
.productivity-preflight>summary{cursor:pointer;font-weight:600}
.productivity-checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;min-width:0}
.productivity-check{border:1px solid #ffffff16;border-radius:12px;padding:16px;min-width:0}
.productivity-check h3{margin-top:0}
.productivity-check p{margin-bottom:0}
.productivity-check pre{font:inherit;white-space:pre-wrap}
.productivity-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap}
.productivity-detail-header>div:first-child{flex:1 1 280px;min-width:0}
.productivity-detail-header .productivity-actions{justify-content:flex-end}
.productivity-detail-header h1{margin:12px 0;font-size:28px}
.productivity-detail-header p{margin:0}
.productivity-list{max-height:none;min-width:0}
.productivity-subtitle{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.productivity-result{padding:14px;border:1px solid #e9b58550;border-radius:8px}
.productivity-artifact{font-size:12px;color:#aab8bc}
.productivity-artifact summary{cursor:pointer}
.productivity-artifact p{margin:8px 0 0;font:inherit;overflow-wrap:anywhere}
.productivity-help-link,.productivity-text-link{color:#e9b585;font-size:13px;text-decoration:none;align-self:flex-start}
.productivity-help-link:hover,.productivity-text-link:hover{color:#ffe1bf;text-decoration:underline}
.productivity-page>.portal-heading>.productivity-help-link{margin-left:auto}
.productivity-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:160px;padding:24px;border:1px dashed #ffffff1c;border-radius:12px;text-align:center;color:#aab8bc;min-width:0}
.productivity-empty strong{color:#edf1f2;overflow-wrap:anywhere}
.productivity-empty p{margin:0;font-size:13px;line-height:1.65;max-width:40em}
.productivity-empty-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#e9b58514;color:#e9b585}
.productivity-empty-icon svg{width:20px;height:20px}
.productivity-grid>.productivity-empty{grid-column:1/-1}
.productivity-plan-dialog{width:min(1520px,calc(100vw - 32px))}
.productivity-editor-intro{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}
.productivity-editor-intro p{flex:1;min-width:180px;margin:0;font-size:13px;color:#aab8bc}
.productivity-editor-intro .productivity-help-link{align-self:center}
.productivity-editor-columns{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:20px;min-width:0}
.productivity-editor-main{display:grid;gap:16px;min-width:0}
.productivity-editor-section,.productivity-selection{min-width:0;padding:20px;border:1px solid #ffffff16;border-radius:12px;background:#151b1d}
.productivity-plan-dialog .productivity-section-heading{display:flex;align-items:flex-start;justify-content:flex-start;gap:12px;padding:0;margin:0 0 18px;border:0}
.productivity-section-heading h3,.productivity-selection h3{margin:0;font-size:16px;line-height:1.5}
.productivity-section-heading p{margin:5px 0 0;font-size:13px;line-height:1.6}
.productivity-step{display:grid;place-items:center;flex:none;width:30px;height:30px;border:1px solid #e9b58535;border-radius:9px;background:#e9b5850c;color:#e9b585;font-size:12px;font-weight:600}
.productivity-basic-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,.6fr);gap:16px}
.productivity-field-wide{grid-column:1/-1}
.productivity-field-hint{margin:10px 0 0;font-size:12px;line-height:1.65;color:#aab8bc;overflow-wrap:anywhere}
.productivity-hosts>.portal-field:first-child{flex:1 1 125px}
.productivity-hosts>.portal-field:nth-child(2){flex:2 1 165px}
.productivity-host-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;min-width:0}
.productivity-host-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 8px 7px 12px;background:#243036;border:1px solid #6a87944f;border-radius:8px;font-size:13px;max-width:100%;min-width:0}
.productivity-host-chip>span{overflow-wrap:anywhere;min-width:0}
body:not(.native-controls):not(.unstyled-controls) .productivity-plan-dialog .productivity-chip-remove{display:inline-flex;align-items:center;justify-content:center;flex:none;width:22px;height:22px;min-height:22px;min-width:22px;padding:0;border:0;border-radius:5px;background:transparent;color:#becbd0;margin:0}
.productivity-chip-remove>span:last-child{display:none}
.productivity-chip-remove svg{width:14px;height:14px}
body:not(.native-controls):not(.unstyled-controls) .productivity-chip-remove:hover{background:#ffffff14;color:#fff}
.productivity-selection{background:#20282c;border-color:#e9b5853a}
.productivity-plan-dialog .productivity-selection-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0;margin:0;border:0}
.productivity-selected-list{display:grid;align-content:start;gap:8px;margin-top:14px;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-gutter:stable}
.productivity-selected-list>.productivity-empty{padding:18px 12px}
.productivity-selected-card{display:grid;grid-template-columns:42px minmax(0,1fr) 32px;align-items:center;gap:10px;min-width:0;padding:10px;border:1px solid #ffffff15;background:#192024;border-radius:10px}
.productivity-selected-card .catalog-icon{width:42px;height:42px;min-width:0;border-radius:9px;overflow:hidden;display:grid;place-items:center;background:#2b3b42}
.productivity-selected-card .catalog-icon img{width:100%;height:100%;object-fit:contain}
.productivity-selected-copy{min-width:0;display:grid;gap:4px}
.productivity-selected-title{display:flex;align-items:baseline;gap:8px;min-width:0;font-size:14px;line-height:20px}
.productivity-selected-title>a,.productivity-selected-title>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:#edf0f3}
.productivity-selected-title>a:hover{color:#e9b585;text-decoration:underline}
.productivity-selected-version{flex:0 1 auto;max-width:42%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#b5c2c8;font-size:12px}
.productivity-selected-meta{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#aab8bc;font-size:12px;line-height:18px}
body:not(.native-controls):not(.unstyled-controls) .productivity-plan-dialog .productivity-selected-remove{display:grid;place-items:center;min-width:32px;width:32px;min-height:32px;height:32px;padding:0;margin:0}
.productivity-selected-remove>span:last-child{display:none}
.productivity-search-results{display:grid;gap:12px;margin-top:16px;min-width:0}
.productivity-plugin-card{display:grid;gap:12px;padding:16px;background:#20272b;border:1px solid #ffffff16;border-radius:12px;min-width:0;transition:border-color .15s,background .15s}
.productivity-plugin-card.is-selected{border-color:#e9b58570;background:#292b29}
.productivity-plugin-identity{display:flex;align-items:center;gap:12px;min-width:0}
.productivity-plugin-identity>div{min-width:0;flex:1}
.productivity-plugin-identity strong{display:block;overflow-wrap:anywhere;font-size:14px;line-height:1.5}
.productivity-plugin-identity small{display:block;color:#aab8bc;font-size:12px;margin-top:4px}
.productivity-plugin-mark{display:grid;place-items:center;flex:none;width:42px;height:42px;background:#2b3b42;border:1px solid #7b9ca82e;border-radius:11px;color:#b1d1dc;font-size:13px;font-weight:700}
.productivity-plugin-mark svg{width:22px;height:22px}
.productivity-plugin-summary{margin:0;font-size:13px;color:#aab8bc;line-height:1.6;overflow-wrap:anywhere}
.productivity-plugin-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.productivity-plugin-meta .portal-badge{font-size:11px;padding:4px 8px}
.productivity-version-control{display:flex;align-items:stretch;gap:8px;min-width:0}
.productivity-version-control>select{flex:1;min-width:0}
.productivity-version-control>button{flex:none;margin:0}
.productivity-plugin-card>.productivity-field-hint{margin:0}
dialog.productivity-plan-dialog>footer{justify-content:space-between;gap:16px}
.productivity-save-summary{flex:1;font-size:13px;color:#b0bfc6;min-width:0;overflow-wrap:anywhere}
.productivity-overview{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;min-width:0}
.productivity-overview>div:first-child{flex:1 1 300px;min-width:0}
.productivity-overview h2{margin:0;font-size:20px}
.productivity-overview p{margin:8px 0 0;color:#aab8bc;line-height:1.65;font-size:14px}
.productivity-card-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.productivity-card .productivity-actions:has(.portal-badge){justify-content:space-between}
.productivity-card .portal-badge.is-on{color:#b5ddc2;border-color:#87c69d50;background:#75a68c12}
.productivity-summary-panel{padding:20px;border:1px solid #ffffff16;border-radius:12px;background:#192024}
.productivity-plan-stats{display:flex;gap:20px;align-items:center;flex-wrap:wrap;font-size:13px;color:#aab8bc}
.productivity-plan-stats strong{font-size:17px;color:#f0e1d2}
.productivity-list>h2{margin:0 0 6px;font-size:18px}
.productivity-diagnostic-preview{display:grid;gap:0;border:1px solid #ffffff16;border-radius:12px;overflow:hidden;margin:16px 0}
.productivity-diagnostic-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-bottom:1px solid #ffffff14;min-width:0}
.productivity-diagnostic-row:last-child{border-bottom:0}
.productivity-diagnostic-row strong{font-size:13px;color:#c9d2d5;text-align:right}
@media(max-width:900px){.productivity-editor-columns{grid-template-columns:minmax(0,1fr)}.productivity-selected-list{grid-template-columns:minmax(0,1fr);max-height:420px}.productivity-plan-dialog .productivity-dialog-body{padding:16px}.productivity-selection{order:2}}
@media(max-width:600px){.productivity-editor-section,.productivity-selection{padding:16px}.productivity-basic-fields{grid-template-columns:minmax(0,1fr)}.productivity-editor-intro{gap:10px}.productivity-editor-intro p{flex-basis:100%}.productivity-plan-dialog>footer{flex-wrap:wrap;padding:14px 16px;gap:10px}.productivity-save-summary{flex-basis:100%}.productivity-plan-dialog>footer>.productivity-actions{margin-left:auto}.productivity-hosts>.portal-field:first-child,.productivity-hosts>.portal-field:nth-child(2){flex:1 1 100%}.productivity-section-heading{gap:10px}.productivity-version-control{flex-wrap:wrap}.productivity-version-control>select{flex-basis:100%}.productivity-version-control>button{margin-left:auto}.productivity-page>.portal-heading>.productivity-help-link{margin-left:0}}
:is(.productivity-page,.productivity-dialog,.productivity-filters) [hidden]{display:none!important}
@media(max-width:600px){
 .productivity-filters>:is(.portal-field,input,select,.hh-search-field),.productivity-filters>.portal-field:has(input[type=search]){flex:1 1 100%;width:100%}
 .productivity-filters>button{margin-left:auto}
 .productivity-dialog-body{padding:16px}
 .productivity-entry{gap:8px;align-items:flex-start;flex-wrap:wrap}
 .productivity-entry-status{flex-basis:100%;min-width:0;max-width:none}
 .productivity-actions>:is(button,a){white-space:normal}
 .productivity-detail-header .productivity-actions{justify-content:flex-start}
 .productivity-hosts>.portal-field{flex-basis:calc(50% - 4px)}
 .productivity-hosts>button{margin-left:auto}
}

.productivity-hosts textarea{resize:vertical;line-height:1.4;min-width:0;max-height:100px}
.productivity-collection-picker{width:min(820px,calc(100vw - 32px))}
.productivity-collection-picker .productivity-dialog-body{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:16px}
.productivity-collection-picker .productivity-dialog-body>:is(p,section,nav,div,form){margin:0}
.productivity-collection-picker .productivity-filters{margin:0}
.productivity-collection-picker .productivity-plugin-card{width:100%;text-align:left}
.productivity-collection-picker .productivity-plugin-identity+label{margin-top:16px}
.productivity-collection-picker .productivity-dialog-body>:is(.productivity-search-results,nav):empty{display:none}
.productivity-collection-picker .portal-notice p{margin:0;line-height:1.65}
.productivity-collection-selection{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;min-width:0;padding:16px;border:1px solid #ffffff16;border-radius:12px;background:#192024}
.productivity-collection-selection-copy{display:grid;gap:6px;min-width:0;overflow-wrap:anywhere}
.productivity-collection-selection-copy strong{font-size:14px;line-height:1.6}
.productivity-collection-selection-copy p{margin:0;font-size:13px;line-height:1.65;color:#aab8bc}
.productivity-collection-selection>.portal-button{justify-self:end;white-space:nowrap;margin:0}
@media(max-width:600px){.productivity-collection-selection{grid-template-columns:minmax(0,1fr);gap:12px;padding:14px}}
body:not(.native-controls):not(.unstyled-controls) .productivity-collection-picker button.productivity-collection-option{display:grid;justify-items:start;gap:8px;width:100%;height:auto;min-height:76px;padding:16px;text-align:left;white-space:normal;background:#20272b;border:1px solid #ffffff20;color:#eef2f3}
body:not(.native-controls):not(.unstyled-controls) .productivity-collection-picker button.productivity-collection-option:hover{background:#2b363b;border-color:#e9b58580;color:#fff}
body:not(.native-controls):not(.unstyled-controls) .productivity-collection-picker button.productivity-collection-option.is-selected{background:#3d342c;border-color:#e9b585;color:#fff}
.productivity-collection-option strong,.productivity-collection-option span{max-width:100%;overflow-wrap:anywhere}
@media(min-width:901px){
 body dialog.productivity-plan-dialog{height:calc(100dvh - 40px)}
 body dialog.productivity-plan-dialog .productivity-dialog-body{display:flex;flex-direction:column;max-height:none;overflow:hidden;scrollbar-gutter:auto}
 .productivity-plan-form{flex:1;min-height:0;display:flex;flex-direction:column}
 .productivity-editor-columns{flex:1;min-height:0;align-items:stretch}
 .productivity-editor-main{overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-gutter:stable;align-content:start;padding-right:4px}
 .productivity-selection{display:flex;flex-direction:column;min-height:0;padding:16px}
 .productivity-selected-list{flex:1}
 .productivity-editor-intro{flex-shrink:0}
}

/* Plans and pinned plugins share a responsive card layout. */
.productivity-scope-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:4px;border:1px solid #ffffff16;background:#161d20;border-radius:12px}
body:not(.native-controls):not(.unstyled-controls) .productivity-scope-tabs .productivity-button{min-height:40px;padding:8px 16px;border:1px solid transparent;background:transparent;color:#b7c5cb}
body:not(.native-controls):not(.unstyled-controls) .productivity-scope-tabs .productivity-button:hover{color:#fff;background:#2c373c}
body:not(.native-controls):not(.unstyled-controls) .productivity-scope-tabs .productivity-button[aria-pressed=true]{background:#3c332b;border-color:#bc906580;color:#f5d2b1}
.productivity-search-summary{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:13px;color:#aab8bc}
.productivity-search-summary>span:first-child{font-weight:600;color:#dce4e7}
.productivity-plan-grid,.productivity-plugin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;min-width:0}
.productivity-plan-card,.productivity-detail-plugin-card{display:flex;flex-direction:column;gap:14px;min-width:0;padding:20px;border:1px solid #ffffff1c;border-radius:14px;background:#1b2327}
.productivity-plan-card-head{display:flex;gap:12px;align-items:center;min-width:0}
.productivity-plan-card-head>div{min-width:0}
.productivity-plan-card-head h2{font-size:18px;line-height:1.45;margin:3px 0 0;overflow-wrap:anywhere}
.productivity-plan-card-head .productivity-muted{font-size:12px}
.productivity-plan-symbol{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:12px;background:#d6a77d16;border:1px solid #e9b58530;color:#efbd8f}
.productivity-plan-symbol svg{width:24px;height:24px}
.productivity-plan-description{margin:0;color:#b3c0c6;font-size:14px;line-height:1.65;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(1.65em * 3)}
.productivity-card-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:12px 0;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;gap:8px}
.productivity-card-stats>div{display:grid;gap:4px;min-width:0}
.productivity-card-stats strong{font-size:19px;color:#f2e4d6}
.productivity-card-stats span{font-size:12px;color:#aab8bc;overflow-wrap:anywhere}
.productivity-plan-card-hosts{display:flex;gap:6px;align-items:flex-start;flex-wrap:wrap;min-width:0;min-height:30px;font-size:12px}
.productivity-plan-card-hosts .productivity-host-chip{font-size:12px;padding:5px 8px;max-width:100%;overflow-wrap:anywhere}
.productivity-card-updated{color:#90a1aa;font-size:12px;margin-top:auto}
.productivity-plan-card>.productivity-actions{padding-top:2px;justify-content:space-between}
.productivity-plan-card .portal-badge.is-on,.productivity-detail-plugin-card .portal-badge.is-on{color:#b5ddc2;border-color:#87c69d50;background:#75a68c12}
.productivity-detail-list{display:grid;gap:16px;min-width:0}
.productivity-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px}
.productivity-section-title h2{margin:0;font-size:18px}
.productivity-detail-plugin-card h3{margin:0;font-size:17px;line-height:1.45;overflow-wrap:anywhere}
.productivity-detail-plugin-card .productivity-plugin-identity>div{display:grid;gap:4px;min-width:0}
.productivity-detail-plugin-card .productivity-plugin-identity .productivity-muted{font-size:13px}
.productivity-compatibility{display:grid;gap:8px;padding-top:12px;border-top:1px solid #ffffff12;min-width:0}
.productivity-compatibility strong{font-size:13px;color:#dce3e5}
.productivity-compatibility p{margin:0;font-size:14px;color:#c2ced3;line-height:1.6;overflow-wrap:anywhere}
.productivity-compatibility small{color:#95a7b0;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.productivity-detail-plugin-card .productivity-artifact{margin:0;font-size:12px}
.productivity-compare-status{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;color:#9badb6;padding:12px 0 0;border-top:1px solid #ffffff12;margin-top:auto}
.productivity-compare-status strong{text-align:right;font-size:13px;color:#b8c6cd;overflow-wrap:anywhere}
.productivity-compare-status [data-state=MATCH]{color:#a9d6b7}
.productivity-compare-status :is([data-state=MISSING],[data-state=DIFFERENT],[data-state=PURCHASE_REQUIRED]){color:#efbd8f}
.productivity-unavailable-copy{font-size:14px;line-height:1.7;color:#a8b5bc;margin:0;overflow-wrap:anywhere}
.productivity-detail-plugin-card>a.productivity-button{align-self:flex-start;white-space:normal;text-align:left;justify-content:flex-start;line-height:1.5}
.productivity-plan-grid>.productivity-empty,.productivity-plugin-grid>.productivity-empty{grid-column:1/-1}
@media(max-width:1700px){.productivity-plan-grid,.productivity-plugin-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1200px){.productivity-plan-grid,.productivity-plugin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.productivity-plan-grid,.productivity-plugin-grid{grid-template-columns:minmax(0,1fr)}.productivity-plan-card,.productivity-detail-plugin-card{padding:18px}.productivity-scope-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.productivity-scope-tabs>.productivity-button{width:100%;white-space:normal}.productivity-plan-description{min-height:0;-webkit-line-clamp:4}}

.productivity-detail-plugin-card .productivity-plugin-preview{margin:-20px -20px 0;border-radius:13px 13px 0 0;overflow:hidden;background:#182024;border-bottom:1px solid #ffffff18}
.productivity-plugin-preview .catalog-cover-link{display:block}
.productivity-plugin-preview .catalog-cover{display:grid;place-items:center;aspect-ratio:16/9;width:100%;overflow:hidden;background:radial-gradient(ellipse at 30% 10%,#32443e,#1b2022 80%)}
.productivity-plugin-preview .catalog-cover>svg{width:100%;height:100%;display:block}
.productivity-detail-plugin-card .catalog-icon{flex:none;overflow:hidden}
.productivity-detail-plugin-card .catalog-icon img{display:block;width:100%;height:100%;object-fit:contain}
.productivity-plugin-summary{margin:0;color:#aebdc3;font-size:13px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.productivity-detail-list>.portal-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
@media(max-width:760px){.productivity-detail-plugin-card .productivity-plugin-preview{margin:-18px -18px 0}}

.productivity-plan-card{cursor:pointer;transition:border-color .16s ease,background .16s ease}
.productivity-plan-card:hover,.productivity-plan-card:focus-within{border-color:#d8a77880;background:#20292d}
.productivity-plan-card-head h2 a{color:inherit;text-decoration:none}
.productivity-plan-card-head h2 a:hover{color:#f4c89f}
.productivity-panel>a.productivity-button{align-self:flex-start}

.productivity-knowledge-intro{margin:0 0 16px;color:var(--muted);line-height:1.65}
.productivity-answer-label{display:block;margin:16px 0 8px;color:var(--accent);font-size:13px}
.productivity-knowledge-empty{display:grid;gap:16px;justify-items:start;padding:20px;border:1px dashed var(--line);border-radius:10px}
.productivity-knowledge-empty p{margin:0;line-height:1.7;color:var(--muted)}
.productivity-knowledge-empty .portal-button{display:inline-flex;gap:8px;align-items:center}
.productivity-knowledge-empty .portal-button svg{width:18px;height:18px}

.productivity-answer-versions{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:12px;color:var(--muted)}
.productivity-answer-versions small{display:block;overflow-wrap:anywhere}

/* Plugin FAQ uses the same framed modal and controls as the rest of the site. */
body dialog.productivity-knowledge-dialog{width:min(1000px,calc(100vw - 32px));height:min(800px,calc(100dvh - 48px));max-height:calc(100dvh - 32px)}
body dialog.productivity-knowledge-dialog .productivity-dialog-body{display:block;max-height:none;min-height:0;padding:22px;scrollbar-gutter:stable}
.productivity-knowledge-dialog .productivity-knowledge-hero{display:flex;align-items:flex-start;gap:16px;margin:0 0 24px;padding:20px;border:1px solid var(--line);border-radius:12px;background:#ffffff03}
.productivity-knowledge-hero>div{min-width:0}
.productivity-knowledge-mark{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border:1px solid #e9b58540;border-radius:12px;background:#e9b58512;color:var(--accent)}
.productivity-knowledge-mark svg{width:25px;height:25px}
.productivity-knowledge-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:12px}
.productivity-knowledge-hero h3{margin:10px 0 8px;font-size:22px;line-height:1.4;overflow-wrap:anywhere}
.productivity-knowledge-hero p{margin:0;color:var(--muted);line-height:1.7;font-size:14px}
.productivity-knowledge-dialog .productivity-knowledge{margin:0}
.productivity-knowledge-dialog .productivity-filters{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr) auto;align-items:end;gap:10px;margin:0 0 20px}
.productivity-knowledge-field{display:block;min-width:0;margin:0}
.productivity-knowledge-field>span:first-child:not(.hh-search-field){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.productivity-knowledge-field :is(input,.hh-search-field){width:100%;max-width:100%;min-width:0;margin:0}
.productivity-knowledge-search-actions{display:flex;gap:8px}
.productivity-knowledge-search-actions>button{margin:0;min-width:76px}
.productivity-knowledge-results-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;font-size:14px}
.productivity-knowledge-results-heading>span{font-size:12px;color:var(--muted)}
.productivity-knowledge-dialog .productivity-knowledge-list{display:grid;gap:12px;min-width:0}
.productivity-knowledge-dialog .productivity-answer{min-width:0;padding:0;border:1px solid var(--line);border-radius:10px;background:#ffffff03;overflow:hidden}
.productivity-knowledge-dialog .productivity-answer[open]{border-color:#e9b58555}
.productivity-knowledge-dialog .productivity-answer summary{display:flex;align-items:flex-start;gap:12px;padding:16px;list-style:none;line-height:1.6}
.productivity-knowledge-dialog .productivity-answer summary::-webkit-details-marker{display:none}
.productivity-knowledge-dialog .productivity-answer summary:hover{background:#ffffff04}
.productivity-knowledge-dialog .productivity-answer summary:focus-visible{outline:2px solid var(--accent);outline-offset:-3px;border-radius:9px}
.productivity-answer-marker{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:8px;background:#e9b58512;color:var(--accent);font-size:15px}
.productivity-answer-title{flex:1;min-width:0;overflow-wrap:anywhere}
.productivity-answer-title>strong{display:block;font-size:15px;font-weight:600}
.productivity-answer-chevron{flex:none;font-size:19px;color:var(--muted);line-height:24px;transition:transform .15s}
.productivity-answer[open] .productivity-answer-chevron{transform:rotate(180deg)}
.productivity-knowledge-dialog .productivity-answer-versions{margin-top:9px;gap:6px;font-weight:400}
.productivity-knowledge-dialog .productivity-answer-versions small{padding:3px 8px;border:1px solid #ffffff12;border-radius:5px;background:#ffffff04;font-size:12px;line-height:1.5}
.productivity-knowledge-dialog .productivity-answer-content{padding:0 18px 18px 56px;line-height:1.8;min-width:0}
.productivity-knowledge-dialog .productivity-answer-label{margin:0 0 12px;padding-top:16px;border-top:1px solid var(--line)}
.productivity-knowledge-dialog .productivity-prose{font-size:14px;white-space:normal}
.productivity-knowledge-dialog .productivity-prose>p:first-child{margin-top:0}
.productivity-knowledge-dialog .productivity-prose :is(img,video){max-width:100%;height:auto;max-height:360px;object-fit:contain;border-radius:8px}
.productivity-knowledge-dialog .productivity-answer-content>a{display:inline-flex;margin-top:12px;color:var(--accent)}
.productivity-knowledge-dialog .productivity-knowledge-empty{padding:24px;gap:10px;background:#ffffff02}
.productivity-knowledge-dialog .portal-notice{margin:0 0 16px}
.productivity-knowledge-dialog .portal-notice button{margin:12px 0 0}
.productivity-knowledge-dialog .hh-pagination{margin-top:18px}
body dialog.productivity-knowledge-dialog>footer{justify-content:space-between;gap:14px}
.productivity-knowledge-help{display:grid;gap:5px;min-width:0;flex:1 1 220px}
.productivity-knowledge-help strong{font-size:14px}
.productivity-knowledge-help>span{font-size:12px;line-height:1.6;color:var(--muted)}
.productivity-knowledge-dialog footer>.productivity-actions{align-items:stretch}
.productivity-knowledge-dialog footer .portal-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;height:auto;margin:0;font-size:14px;white-space:nowrap}
.productivity-knowledge-dialog footer .portal-button svg{width:18px;height:18px;flex:none}
@media(max-width:700px){body dialog.productivity-knowledge-dialog{width:calc(100vw - 16px);height:calc(100dvh - 24px)}body dialog.productivity-knowledge-dialog .productivity-dialog-body{padding:16px}.productivity-knowledge-dialog .productivity-knowledge-hero{padding:16px;gap:12px;margin-bottom:18px}.productivity-knowledge-mark{width:38px;height:38px;flex-basis:38px;border-radius:9px}.productivity-knowledge-hero h3{font-size:19px}.productivity-knowledge-hero p{font-size:13px}.productivity-knowledge-dialog .productivity-filters{grid-template-columns:minmax(0,1fr) auto}.productivity-knowledge-field:first-child{grid-column:1/-1}.productivity-knowledge-dialog .productivity-answer-content{padding:0 16px 16px}.productivity-knowledge-results-heading{align-items:baseline}.productivity-knowledge-results-heading>span{max-width:60%;text-align:right}.productivity-knowledge-dialog footer>.productivity-actions{flex:1 1 100%;flex-wrap:nowrap}.productivity-knowledge-dialog footer .portal-button{flex:1;min-width:0;white-space:normal}.productivity-knowledge-help>span{display:none}}
@media(max-width:440px){.productivity-knowledge-dialog .productivity-filters{grid-template-columns:minmax(0,1fr)}.productivity-knowledge-search-actions>button{flex:1}.productivity-knowledge-dialog .productivity-answer summary{gap:9px;padding:14px}.productivity-answer-marker{width:24px;height:24px;flex-basis:24px}.productivity-knowledge-meta{font-size:11px;gap:6px}.productivity-knowledge-mark{display:none}}
@media(prefers-reduced-motion:reduce){.productivity-answer-chevron{transition:none}}

/* Shared plugin identity and a compact three-part search result. */
.productivity-plugin-identity>.catalog-icon{flex:0 0 48px;width:48px;height:48px}
.productivity-plugin-identity>div:last-child{min-width:0;display:grid;gap:4px}
.productivity-plugin-identity a{font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.productivity-plugin-identity small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.productivity-search-results .productivity-plugin-card{padding:14px 16px;gap:10px}
.productivity-plugin-middle{display:flex;align-items:center;gap:16px;min-width:0}
.productivity-plugin-middle .productivity-plugin-summary{flex:1;min-width:0;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.productivity-plugin-middle .productivity-plugin-meta{flex:0 0 auto;margin:0}
.productivity-search-results .productivity-version-control{margin:0}
.productivity-plugin-card>[hidden]{display:none!important}
@media(max-width:540px){.productivity-plugin-middle{gap:8px}.productivity-plugin-middle .portal-badge{max-width:120px;white-space:normal}}

.plugin-detail-page .plugin-detail-title-bar{flex-wrap:nowrap}

/* Plan entries use the same card sizing and content rhythm as My plugins. */
.productivity-plugin-grid{grid-template-columns:repeat(auto-fill,minmax(min(288px,100%),1fr));gap:16px}
.productivity-card-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
.catalog-title-version{flex:0 0 auto;white-space:nowrap}
.catalog-host-compatibility{font-size:12px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}
.catalog-host-compatibility strong{color:var(--text)}
body:not(.native-controls):not(.unstyled-controls) .productivity-actions>.productivity-button[aria-pressed=true]{background:#eea46d20;border-color:#eea46d70;color:#ffc393}



.productivity-plan-plugin-card .catalog-top>.catalog-badges:empty{display:none}

.productivity-plan-grid{grid-template-columns:repeat(auto-fill,minmax(min(360px,100%),1fr))}