.blue-sky-table-card .normal-mode-cell .issue-records-btn { color:#1260d7; border-color:#7aabfa; background:#f3f8ff; }
.issue-dialog { width:min(900px,calc(100% - 32px)); max-height:90vh; max-height:90dvh; padding:0; border:1px solid #d9e3f0; border-radius:20px; color:#18314f; background:#f5f8fc; box-shadow:0 25px 90px #10284940; }
.issue-dialog::backdrop { background:#0c234e77; }
.issue-dialog[open] { display:flex; flex-direction:column; }
.issue-dialog [hidden],.experience-content [hidden] { display:none!important; }
.issue-header { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; padding:22px 26px; border-bottom:1px solid #dde5ef; background:white; }
.issue-header span { color:#547091; font-size:12px; letter-spacing:2px; }
.issue-header h2 { margin:4px 0; font-size:24px; font-weight:750; }
.issue-header p { margin:0; color:#61768e; font-size:13px; overflow-wrap:anywhere; }
.issue-header>button { font-size:26px; padding:0 12px; }
.issue-body { padding:22px 26px; overflow:auto; overscroll-behavior:contain; }
.issue-dialog button,.experience-content button { border:1px solid #c6d6e9; background:white; color:#275381; border-radius:9px; padding:9px 14px; font-size:14px; font-weight:600; cursor:pointer; }
.issue-dialog button:hover,.experience-content button:hover { background:#eef5ff; }
.issue-dialog button:disabled { opacity:.55; cursor:wait; }
.issue-dialog button.issue-primary { background:#1769e0; color:white; border-color:#1769e0; }
.issue-tools,.issue-photo-heading,.issue-card-heading,.issue-form-footer { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.issue-tools label { display:flex; align-items:center; gap:6px; font-size:14px; }
.issue-search { display:flex; gap:8px; margin-top:18px; }
.issue-search input { flex:1; min-width:0; }
.issue-dialog input:not([type=checkbox]):not([type=file]),.issue-dialog textarea,.issue-dialog select,.experience-content input,.experience-content select { width:100%; padding:10px 12px; border:1px solid #c8d6e6; background:white; border-radius:8px; font:inherit; color:#18314f; box-sizing:border-box; }
.issue-dialog input:focus,.issue-dialog textarea:focus,.issue-dialog select:focus { outline:2px solid #6c9fee; outline-offset:1px; }
.issue-dialog textarea { resize:vertical; }
.issue-hint,.issue-meta { font-size:12px; color:#72849a; line-height:1.7; margin:8px 0; overflow-wrap:anywhere; }
.issue-empty { text-align:center; padding:55px 10px; color:#64809b; line-height:2; }
.issue-empty small { font-size:13px; }
.issue-card { background:white; border:1px solid #dbe5f1; border-radius:14px; padding:20px; margin:16px 0; }
.issue-card-heading strong { color:#1769e0; font-size:17px; }
.issue-status { border-radius:20px; padding:4px 10px; font-size:12px; white-space:nowrap; background:#fff2de; color:#a26309; }
.issue-status.processing { color:#1b65bf; background:#eaf2ff; }
.issue-status.resolved { color:#198451; background:#e6f6ed; }
.issue-description { font-size:16px; line-height:1.8; margin:16px 0; white-space:pre-wrap; overflow-wrap:anywhere; }
.issue-detail p,.issue-solution p,.issue-history p { margin:5px 0 12px; white-space:pre-wrap; overflow-wrap:anywhere; }
.issue-detail,.issue-solution { font-size:14px; line-height:1.7; margin:12px 0; padding:12px 15px; background:#f3f7fc; border-radius:9px; }
.issue-solution { background:#f0f8f4; }
.issue-tags { display:flex; gap:6px; flex-wrap:wrap; margin:10px 0; }
.issue-tags span { background:#eef3f9; border-radius:5px; padding:2px 7px; color:#59748f; font-size:12px; }
.issue-card-actions { display:flex; flex-wrap:wrap; gap:8px; padding-top:12px; border-top:1px solid #edf1f6; }
.issue-photos { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:12px 0; }
.issue-photos figure { margin:0; min-width:0; }
.issue-photos img { width:100%; height:155px; object-fit:contain; background:#edf2f8; border-radius:8px; font-size:12px; }
.issue-photos figcaption { font-size:12px; color:#698199; padding-top:5px; overflow-wrap:anywhere; }
.issue-photos input { margin:6px 0; font-size:12px!important; }
#issue-form>label,#issue-form details>label,.issue-fields>label { display:flex; flex-direction:column; gap:6px; font-size:14px; margin:16px 0; }
#issue-form em { font-size:12px; color:#ad5b17; font-style:normal; }
.issue-fields { display:grid; grid-template-columns:1fr 1fr; gap:0 16px; }
.issue-form-heading h3 { font-size:20px; font-weight:700; margin:0 0 6px; }
.issue-form-heading { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.issue-form-heading button { white-space:nowrap; }
.issue-form-heading span { font-size:13px; color:#6d829a; overflow-wrap:anywhere; }
.issue-photo-heading { margin-top:20px; flex-wrap:wrap; }
.issue-photo-heading strong { font-size:14px; }
.issue-photo-heading strong span { font-weight:400; color:#72849a; }
.issue-photo-heading>div { display:flex; gap:8px; }
.issue-dialog summary { cursor:pointer; color:#31577f; padding:12px 0; font-size:14px; }
.issue-form-footer { border-top:1px solid #dce5f0; padding-top:20px; margin-top:20px; }
#issue-message { font-size:14px; line-height:1.6; color:#7e541e; margin:12px 0 0; }
#library-message { font-size:14px; line-height:1.6; color:#657b93; margin:12px 0; }
.experience-page { min-height:100vh; background:#f5f8fc; color:#18314f; }
.experience-header { display:flex; align-items:center; gap:16px; padding:25px 30px; background:white; border-bottom:1px solid #dbe5f0; }
.experience-header h1 { font-size:25px; font-weight:750; margin:0 0 4px; }
.experience-header p { color:#70839a; font-size:14px; margin:0; }
.experience-header>span { margin-left:auto; color:#70839a; font-size:13px; }
.experience-content { padding:28px 30px; max-width:1700px; margin:auto; }
.experience-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.experience-summary button { display:flex; justify-content:space-between; align-items:center; padding:20px; border-color:#dbe5f0; text-align:left; }
.experience-summary span { color:#647e97; }
.experience-summary strong { font-size:28px; }
.experience-summary button.active { border-color:#5a99ef; background:#edf5ff; color:#1260d7; }
.experience-summary button[data-status=resolved] strong { color:#198451; }
.experience-filters { margin:24px 0; padding:20px; border:1px solid #dbe5f0; border-radius:12px; background:white; }
.experience-filters .issue-search { margin:0; }
.experience-selects { display:flex; flex-wrap:wrap; align-items:flex-end; gap:16px; margin-top:18px; }
.experience-selects label { display:flex; flex:1; min-width:130px; flex-direction:column; gap:7px; font-size:13px; color:#637e99; }
.experience-selects select { color:#18314f; }
.experience-results-heading { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.experience-results-heading h2 { font-size:18px; font-weight:700; }
.experience-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; align-items:start; }
.experience-cards .issue-card { margin:0; min-width:0; }
.experience-cards .issue-empty { grid-column:1/-1; }
.experience-content summary { padding:10px 0; cursor:pointer; }
.experience-content .issue-description { max-height:180px; overflow:auto; }
.issue-history { border-top:1px solid #dde7f2; margin-top:14px; font-size:13px; }
.issue-photos img { cursor:zoom-in; }
.issue-photo-viewer { padding:44px 12px 12px; border:0; border-radius:12px; background:#142137; color:white; max-width:96vw; max-height:96dvh; }
.issue-photo-viewer::backdrop { background:#09101fe6; }
.issue-photo-viewer img { display:block; max-width:90vw; max-height:78dvh; object-fit:contain; }
.issue-photo-viewer button { position:absolute; top:4px; right:12px; color:white; font-size:30px; background:transparent; border:0; width:40px; height:40px; cursor:pointer; }
.issue-photo-viewer p { margin:10px 0 0; text-align:center; overflow-wrap:anywhere; }
@media(max-width:640px) {
 .experience-header { padding:18px 14px; gap:10px; }
 .experience-header h1 { font-size:22px; }
 .experience-header>span { display:none; }
 .experience-content { padding:18px 14px; }
 .experience-summary { gap:8px; grid-template-columns:repeat(2,minmax(0,1fr)); }
 .experience-summary button { padding:14px; }
 .experience-summary strong { font-size:24px; }
 .experience-filters { padding:14px; margin:18px 0; }
 .experience-cards { grid-template-columns:minmax(0,1fr); }
 .experience-selects { gap:10px; }
 .experience-content input,.experience-content select { font-size:16px; }
 .issue-dialog { width:100%; max-width:100%; height:100%; max-height:100dvh; border:0; border-radius:0; }
 .issue-header { padding:16px; }
 .issue-body { padding:16px 14px max(20px,env(safe-area-inset-bottom)); }
 .issue-header h2 { font-size:21px; }
 .issue-fields { gap:0 10px; }
 .issue-photos { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .issue-card { padding:15px; }
 .issue-dialog input:not([type=checkbox]),.issue-dialog textarea,.issue-dialog select { font-size:16px; }
 .issue-dialog button { min-height:42px; padding:8px 11px; }
}
/* Compact, image-first issue entry and horizontal experience cards. */
.issue-dialog { width:min(880px,calc(100% - 32px)); background:#fff; border-radius:18px; }
.issue-header { align-items:center; padding:17px 24px; flex:none; }
.issue-header h2 { font-size:22px; margin:0 0 4px; }
.issue-header #issue-date { font-size:12px; margin-top:4px; color:#7b8c9f; }
.issue-header-actions { display:flex; align-items:center; gap:8px; flex:none; }
.issue-header-actions [data-action=close] { border:0; font-size:25px; padding:3px 10px; }
.issue-body { padding:18px 24px 24px; }
.issue-step { margin-bottom:20px; }
.issue-step h3 { margin:0 0 10px; font-size:14px; font-weight:600; }
.issue-products { display:flex; gap:10px; overflow-x:auto; padding:3px 2px 8px; }
.issue-dialog .issue-product { position:relative; flex:0 0 126px; padding:0; overflow:hidden; text-align:left; border:1px solid #dce5ef; border-radius:12px; color:#18314f; font-weight:400; }
.issue-product img,.issue-product-placeholder { display:flex; align-items:center; justify-content:center; width:100%; height:94px; object-fit:contain; background:#f5f7fa; color:#8897a7; font-size:12px; }
.issue-product-copy { display:block; padding:9px 10px; }
.issue-product-copy strong { display:block; font-size:13px; font-weight:600; overflow-wrap:anywhere; }
.issue-product-copy small { display:block; margin-top:3px; color:#72849a; font-size:11px; overflow-wrap:anywhere; }
.issue-product-check { display:none; position:absolute; top:6px; right:6px; width:20px; height:20px; border-radius:50%; background:#1769e0; color:white; text-align:center; line-height:20px; font-size:13px; }
.issue-dialog .issue-product[aria-pressed=true] { border-color:#1769e0; box-shadow:0 0 0 1px #1769e0; background:#eef5ff; }
.issue-product[aria-pressed=true] .issue-product-check { display:block; }
.issue-processes { display:flex; flex-wrap:wrap; gap:8px; }
.issue-processes button { border-radius:20px; padding:7px 16px; font-weight:400; }
.issue-processes button[aria-pressed=true] { border-color:#1769e0; color:#125dcc; background:#eaf2ff; }
#issue-form>label { margin:18px 0; font-weight:600; position:relative; }
#issue-form textarea { font-weight:400; line-height:1.6; }
.issue-optional { font-size:12px; font-weight:400; color:#8090a3; position:absolute; right:0; top:0; }
.issue-photo-heading { margin-top:8px; }
.issue-photos { display:flex; flex-wrap:wrap; gap:10px; margin:10px 0; }
.issue-photos:empty { display:none; }
.issue-photos figure { width:110px; position:relative; }
.issue-dialog .issue-photo-open,.experience-content .issue-photo-open { border:0; padding:0; background:#f3f6fa; display:block; width:100%; border-radius:10px; overflow:hidden; }
.issue-photos img { display:block; height:88px; width:100%; object-fit:cover; }
.issue-dialog .issue-photo-remove { position:absolute; right:4px; top:4px; min-height:24px; height:24px; width:24px; padding:0; border:0; border-radius:50%; background:#142137c9; color:#fff; font-size:17px; }
.issue-dialog button:focus-visible,.experience-content button:focus-visible { outline:3px solid #8cb9fb; outline-offset:2px; }
.experience-content { max-width:1420px; padding-top:24px; }
.experience-toolbar { display:flex; align-items:center; gap:10px; }
.experience-toolbar .issue-search { margin:0; flex:1; }
.experience-toolbar input { background:#fff; }
.experience-results-heading { margin:12px 0 4px; }
.experience-results-heading>span { font-size:12px; color:#8b9bad; }
.experience-cards { display:flex; flex-direction:column; gap:12px; }
.issue-card { padding:0; overflow:hidden; margin:12px 0; border-radius:14px; }
.issue-card-row { display:flex; align-items:center; gap:20px; padding:16px; }
.issue-card-row:hover { background:#fafcff; }
.issue-dialog .issue-cover,.experience-content .issue-cover { flex:0 0 132px; height:108px; padding:0; border:0; border-radius:10px; overflow:hidden; background:#f0f4f9; position:relative; }
.issue-cover img { width:100%; height:100%; object-fit:cover; }
.issue-cover>span { color:#98a7b7; font-size:12px; font-weight:400; }
.issue-cover>small { position:absolute; right:5px; bottom:5px; border-radius:4px; padding:1px 5px; background:#16304abd; color:white; font-size:11px; }
.issue-dialog .issue-card-copy,.experience-content .issue-card-copy { flex:1; min-width:0; border:0; padding:0; background:transparent; text-align:left; font-weight:400; }
.issue-card-copy h3 { margin:0 0 7px; font-size:17px; font-weight:650; color:#18314f; overflow-wrap:anywhere; }
.issue-card-summary { margin:0 0 8px; font-size:14px; color:#62768e; line-height:1.65; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.issue-card-copy .issue-meta { margin:3px 0; font-size:12px; }
.issue-dialog .issue-card-open,.experience-content .issue-card-open { border:0; font-size:28px; padding:6px; color:#89a0b8; background:transparent; }
.issue-card-details { border-top:1px solid #edf1f6; padding:4px 20px 18px; }
.issue-empty small { display:block; }
.blue-sky-nav button>span:first-child { display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.blue-sky-nav svg { width:22px; height:22px; stroke-width:1.8; }
@media(max-width:640px) {
 .issue-dialog { width:100%; height:100%; max-height:100dvh; border-radius:0; }
 .issue-header { padding:12px 14px; flex-wrap:wrap; gap:10px; }
 .issue-header>div:first-child { flex:1 1 100%; padding-right:32px; }
 .issue-header-actions { width:100%; justify-content:flex-end; }
 .issue-header-actions [data-action=close] { position:absolute; right:8px; top:10px; }
 .issue-header-actions button { min-height:36px; font-size:13px; padding:6px 12px; }
 .issue-header h2 { font-size:20px; }
 .issue-body { padding:16px 14px 24px; }
 .issue-product { flex-basis:112px!important; }
 .issue-product img,.issue-product-placeholder { height:82px; }
 .issue-processes button { min-height:38px; padding:7px 12px; }
 .issue-optional { font-size:11px; }
 .experience-results-heading>span { display:none; }
 .experience-toolbar { gap:6px; }
 .experience-toolbar button { padding:9px 10px; }
 .issue-card-row { gap:12px; padding:12px; align-items:flex-start; }
 .issue-dialog .issue-cover,.experience-content .issue-cover { flex-basis:82px; height:88px; }
 .issue-card-copy h3 { font-size:15px; }
 .issue-card-summary { font-size:13px; }
 .issue-card-copy .issue-meta { font-size:11px; line-height:1.6; }
 .issue-card-open { display:none; }
}
.experience-cards { align-items:stretch; }
.experience-cards .issue-card { width:100%; }
.experience-content button.issue-primary { background:#1769e0; color:white; border-color:#1769e0; }
.experience-content button.issue-primary:hover { background:#125dcc; }
.experience-toolbar>button { white-space:nowrap; }
.experience-selects { margin-bottom:18px; }
.experience-selects label { max-width:280px; }
.experience-content input:focus-visible,.experience-content select:focus-visible { outline:2px solid #6c9fee; outline-offset:1px; }
@media(max-width:640px) {
 .experience-toolbar { flex-wrap:wrap; }
 .experience-toolbar .issue-search { flex:1 1 100%; }
 .experience-toolbar>[data-action=new] { margin-left:auto; }
 .experience-selects label { min-width:120px; max-width:none; }
 .experience-selects button { min-height:42px; }
}