/* Worklog v1.7.3 — Experience */
.experience-view{min-width:0}
.experience-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.experience-tabs{display:flex;gap:4px;flex-wrap:wrap}
.experience-tab{height:34px;border:0;background:transparent;color:#5d6571;padding:0 12px;border-radius:8px;font-size:var(--font-13)}
.experience-tab.active{background:#ececf2;color:var(--text);font-weight:var(--weight-medium)}
.experience-search{width:min(300px,100%);height:36px;border:1px solid var(--border);border-radius:8px;background:#fff;padding:0 10px;outline:none;font-size:var(--font-13)}
.experience-search:focus{border-color:#bbb8f5;box-shadow:0 0 0 2px rgba(91,85,231,.08)}
.experience-table{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}
.experience-head,.experience-row{display:grid;grid-template-columns:minmax(220px,1.65fr) minmax(120px,.7fr) 94px 78px;gap:12px;align-items:center;padding:0 14px}
.experience-head{height:38px;background:var(--panel-soft);font-size:var(--font-12);color:var(--muted)}
.experience-row{min-height:58px;border-top:1px solid var(--line)}
.experience-title-btn{border:0;background:transparent;padding:9px 0;text-align:left;min-width:0}
.experience-title-btn:hover .experience-title{color:var(--accent)}
.experience-title{display:block;font-size:var(--font-13);font-weight:var(--weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.experience-sub{display:block;margin-top:2px;font-size:var(--font-12);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.experience-cell{font-size:var(--font-13);color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.experience-kind,.experience-status{display:inline-flex;align-items:center;width:max-content;height:22px;padding:0 7px;border-radius:999px;background:#f1f3f5;color:#66707c;font-size:11px}
.experience-kind.discovery{background:#f0f5ff;color:#5f73a8}.experience-kind.difficulty{background:#fff4ed;color:#9a6540}
.experience-status.pending{background:#fff5e8;color:#a86d29}.experience-status.resolved{background:#edf7f1;color:#40805f}.experience-status.open{background:#fff0f0;color:#b55252}
.experience-source-badge{font-size:11px;color:var(--muted)}
.experience-auto-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}
.experience-auto-panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:12px 13px;min-width:0}
.experience-auto-panel h3{margin:0 0 9px;font-size:var(--font-13);font-weight:var(--weight-medium)}
.experience-rank{display:grid;gap:7px}
.experience-rank-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;font-size:var(--font-12)}
.experience-rank-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.experience-rank-count{color:var(--muted)}
.experience-mini-bar{grid-column:1/-1;height:4px;border-radius:999px;background:var(--line);overflow:hidden;margin-top:-3px}
.experience-mini-bar span{display:block;height:100%;background:#9aa2ad;border-radius:999px}
.experience-pair-list,.experience-lesson-list{display:grid;gap:7px;font-size:var(--font-12);line-height:1.55}
.experience-pair{display:flex;align-items:flex-start;gap:6px}.experience-pair-arrow{color:var(--muted)}
.experience-empty{padding:38px 16px;text-align:center;color:var(--muted);font-size:var(--font-13)}

.experience-detail-section{padding:15px 0;border-bottom:1px solid var(--line)}
.experience-detail-section:last-child{border-bottom:0}
.experience-detail-label{margin-bottom:6px;color:var(--muted);font-size:var(--font-12)}
.experience-detail-copy{font-size:var(--font-14);line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}
.experience-chip-group{display:flex;flex-wrap:wrap;gap:7px}
.experience-chip{height:28px;border:1px solid var(--border);border-radius:999px;background:#fff;padding:0 10px;font-size:var(--font-12);color:var(--text-2)}
.experience-chip.selected{background:var(--accent-soft);border-color:#c9c6fb;color:var(--accent)}
.experience-chip small{color:var(--muted);font-size:10px;margin-left:4px}
.experience-detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.experience-candidate-note{margin-top:12px;padding:9px 10px;border-radius:8px;background:#faf8ef;border:1px solid #eee8cf;color:#756b43;font-size:var(--font-12);line-height:1.6}
.experience-source-link{border:0;background:transparent;color:var(--accent);padding:0;font-size:var(--font-12)}
.experience-lesson-box{padding:10px 11px;border:1px solid var(--line);border-radius:8px;background:#fafbfc;font-size:var(--font-13);line-height:1.65}
.experience-summary-note{margin-top:8px;color:var(--muted);font-size:11px}

/* v1.7.1 recorder: two short text inputs + direct choices. */
.experience-modal-card{width:min(760px,100%);max-height:calc(100vh - 36px);overflow:hidden;padding:0;display:flex;flex-direction:column}
.experience-modal-card .modal-head{position:relative;z-index:2;flex:0 0 auto;background:#fff;margin:0;padding:18px 18px 14px;border-bottom:1px solid var(--line)}
.experience-modal-card form{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow:hidden;gap:0;margin:0}
.experience-form-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:14px 18px 16px;display:grid;gap:11px;scrollbar-gutter:stable}
.experience-form-scroll:focus{outline:none}
.experience-type-switch{display:flex;gap:4px;margin-bottom:1px}
.experience-type-btn{height:34px;border:0;border-radius:8px;background:transparent;color:var(--text-2);padding:0 12px;font-size:var(--font-13)}
.experience-type-btn.active{background:#ececf2;color:var(--text);font-weight:var(--weight-medium)}
.experience-input-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}
.experience-input-grid textarea{min-height:78px;max-height:150px;margin-top:5px}
.experience-discovery-mode .experience-input-grid{grid-template-columns:1fr}
.experience-discovery-mode .experience-input-grid textarea{min-height:102px}
.experience-auto-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:2px;font-size:var(--font-12);color:var(--muted)}
.experience-analyze-btn{border:0;background:transparent;color:var(--accent);padding:2px 0;font-size:var(--font-12)}

.experience-choice-grid{display:grid;gap:7px;padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:#fafbfc}
.experience-choice-block{display:grid;grid-template-columns:106px minmax(0,1fr);gap:9px;align-items:start;min-width:0}
.experience-choice-block+.experience-choice-block{padding-top:7px;border-top:1px solid #eef0f3}
.experience-choice-label{padding-top:5px;font-size:11px;color:var(--muted);white-space:nowrap}
.experience-choice-pool{display:flex;flex-wrap:wrap;gap:5px;min-width:0}
.experience-choice{min-height:27px;border:1px solid var(--border);border-radius:7px;background:#fff;padding:3px 8px;color:var(--text-2);font-size:var(--font-12);line-height:1.35}
.experience-choice:hover{border-color:#c9c6fb;color:var(--accent)}
.experience-choice.selected{background:var(--accent-soft);border-color:#bbb8f5;color:var(--accent);font-weight:var(--weight-medium)}

.experience-optional-row{margin-top:-2px}
.experience-optional-toggle{height:28px;border:0;background:transparent;padding:0;color:var(--muted);font-size:var(--font-12)}
.experience-optional-toggle:hover{color:var(--accent)}
.experience-optional-body{margin-top:5px;padding:8px 9px;border:1px solid var(--line);border-radius:8px;background:#fafbfc}
.experience-choice-pool.compact .experience-choice{font-size:11px}

.experience-lesson-suggest{padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:#fafbfc}
.experience-lesson-suggest.dropped{opacity:.62}
.experience-lesson-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:var(--muted)}
.experience-lesson-actions{display:flex;gap:3px}
.experience-mini-action{height:27px;border:1px solid transparent;border-radius:7px;background:transparent;padding:0 8px;color:var(--muted);font-size:11px}
.experience-mini-action.active{background:#fff;border-color:var(--border);color:var(--text);font-weight:var(--weight-medium)}
.experience-lesson-text{margin-top:5px;font-size:var(--font-13);line-height:1.55;color:var(--text)}
.experience-lesson-suggest textarea{margin-top:7px;min-height:56px;max-height:100px}
.experience-modal-card .modal-actions{position:relative;z-index:3;flex:0 0 auto;background:#fff;margin:0;padding:12px 18px 16px;border-top:1px solid var(--line);box-shadow:0 -8px 18px rgba(32,36,43,.04)}

@media(max-width:900px){
  .experience-head,.experience-row{grid-template-columns:minmax(180px,1.5fr) 110px 76px}
  .experience-head>:nth-child(3),.experience-row>:nth-child(3){display:none}
  .experience-auto-grid{grid-template-columns:1fr 1fr}
  .experience-auto-panel:last-child{grid-column:1/-1}
}
@media(max-width:700px){
  .experience-toolbar{align-items:stretch;flex-direction:column}.experience-search{width:100%}
  .experience-head,.experience-row{grid-template-columns:minmax(0,1fr) 72px;padding:0 11px;gap:8px}
  .experience-head>:nth-child(2),.experience-row>:nth-child(2),.experience-head>:nth-child(3),.experience-row>:nth-child(3){display:none}
  .experience-auto-grid{grid-template-columns:1fr}.experience-auto-panel:last-child{grid-column:auto}
  .experience-modal-card{width:100%;max-height:calc(100vh - 16px);padding:0}
  .experience-modal-card .modal-head{padding:14px 14px 12px}
  .experience-form-scroll{padding:12px 14px 14px}
  .experience-modal-card .modal-actions{padding:10px 14px 14px}
  .experience-type-switch{display:grid;grid-template-columns:1fr 1fr}
  .experience-input-grid{grid-template-columns:1fr;gap:9px}
  .experience-choice-block{grid-template-columns:1fr;gap:5px}.experience-choice-label{padding-top:0}
  .experience-choice{min-height:31px}
}

/* Six compact main tabs on mobile, preserving existing Worklog navigation. */
@media(max-width:700px){.nav{grid-template-columns:repeat(6,minmax(0,1fr));gap:2px}.nav-btn{font-size:12px;padding:0 2px}}
@media(max-width:360px){.nav-btn{font-size:11px}}

/* v1.7.2 persistent custom tag choices */
.experience-custom-tag{display:inline-flex;align-items:center;min-height:27px}
.experience-custom-add{min-height:27px;border:1px dashed #cfd4dc;border-radius:7px;background:#fff;padding:3px 8px;color:var(--muted);font-size:var(--font-12);line-height:1.35}
.experience-custom-add:hover{border-color:#bbb8f5;color:var(--accent);background:#faf9ff}
.experience-custom-editor{display:inline-flex;align-items:center;gap:4px}
.experience-custom-input{width:126px;height:28px;border:1px solid #bbb8f5;border-radius:7px;background:#fff;padding:0 7px;outline:none;font-size:var(--font-12)}
.experience-custom-input:focus{box-shadow:0 0 0 2px rgba(91,85,231,.08)}
.experience-custom-save,.experience-custom-cancel{height:28px;border:1px solid var(--border);border-radius:7px;background:#fff;padding:0 8px;color:var(--text-2);font-size:11px}
.experience-custom-save{border-color:#c9c6fb;color:var(--accent);background:var(--accent-soft)}
.experience-custom-cancel{color:var(--muted)}
@media(max-width:700px){.experience-custom-input{width:112px}.experience-custom-add{min-height:31px}}

/* v1.7.3 viewport-safe experience modal: fixed head/actions, scrollable middle only */

@supports (height:100dvh){
  .experience-modal-card{max-height:calc(100dvh - 36px)}
  @media(max-width:700px){.experience-modal-card{max-height:calc(100dvh - 16px)}}
}