:root{--bg:#f7f8fa;--white:#fff;--border:#e5e8eb;--text:#333;--text-muted:#6b7280;--cta:#2d7ff9;--cta-hover:#1a6fe8;--chip-gray-bg:#f3f4f6;--chip-gray-text:#4b5563;--chip-blue-bg:#e8f1fe;--chip-blue-text:#1d5bbf;--chip-green-bg:#e6f6ed;--chip-green-text:#1a7f4b;--chip-amber-bg:#fef3c7;--chip-amber-text:#92400e;--danger:#d92d20;--radius:8px;--shadow:0 1px 3px #0000000f;color:var(--text);background:var(--bg);font-family:Hiragino Sans,Noto Sans JP,Segoe UI,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--text);margin:0}#root{min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.app-shell{flex-direction:column;min-height:100vh;display:flex}.top-nav{background:var(--white);border-bottom:1px solid var(--border);z-index:50;align-items:center;gap:8px;height:52px;padding:0 24px;display:flex;position:sticky;top:0}.top-nav .brand{color:var(--text);margin-right:16px;font-weight:600}.nav-link{color:var(--text-muted);border-radius:6px;padding:6px 14px;font-size:14px}.nav-link:hover{background:var(--bg);color:var(--text)}.nav-link.active{background:var(--chip-blue-bg);color:var(--cta);font-weight:600}.page{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:24px}.page-title{margin:0 0 16px;font-size:20px;font-weight:600}.filters{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.filter-group{align-items:center;gap:8px;display:flex}.filter-group label{color:var(--text-muted);font-size:13px}.filter-group select{border:1px solid var(--border);background:var(--white);border-radius:6px;min-width:140px;padding:6px 10px}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.table-wrap{overflow-x:auto}table.data-table{border-collapse:collapse;width:100%;font-size:14px}table.data-table th,table.data-table td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:12px 14px}table.data-table th{background:var(--bg);color:var(--text-muted);font-size:12px;font-weight:600}table.data-table tr:last-child td{border-bottom:none}table.data-table tbody tr:hover{background:#fafbfc}table.data-table tbody tr.clickable{cursor:pointer}.row-actions{gap:8px;display:flex}.btn{border:1px solid var(--border);background:var(--white);border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:7px 14px;font-size:13px;transition:background .15s,border-color .15s;display:inline-flex}.btn:hover:not(:disabled){background:var(--bg)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--cta);border-color:var(--cta);color:#fff}.btn-primary:hover:not(:disabled){background:var(--cta-hover);border-color:var(--cta-hover)}.btn-ghost{background:0 0}.btn-sm{padding:4px 10px;font-size:12px}.fab{background:var(--cta);color:#fff;z-index:40;border:none;border-radius:28px;padding:14px 22px;font-size:14px;font-weight:600;position:fixed;bottom:28px;right:28px;box-shadow:0 4px 14px #2d7ff959}.fab:hover{background:var(--cta-hover)}.empty-state{text-align:center;color:var(--text-muted);padding:64px 24px}.empty-state p{margin:0 0 16px;font-size:15px}.chip{border-radius:999px;padding:2px 10px;font-size:12px;font-weight:500;display:inline-block}.chip-gray{background:var(--chip-gray-bg);color:var(--chip-gray-text)}.chip-blue{background:var(--chip-blue-bg);color:var(--chip-blue-text)}.chip-green{background:var(--chip-green-bg);color:var(--chip-green-text)}.chip-amber{color:#92400e;background:#fef3c7}.modal-overlay{z-index:100;background:#0f172a66;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--white);border:1px solid var(--border);border-radius:12px;flex-direction:column;width:100%;max-width:560px;max-height:90vh;display:flex;box-shadow:0 12px 40px #0000001f}.modal-header{border-bottom:1px solid var(--border);padding:16px 20px;font-size:16px;font-weight:600}.modal-body{flex:1;padding:20px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.form-field{margin-bottom:14px}.form-field label{color:var(--text);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.form-field .hint{color:var(--text-muted);margin-top:4px;font-size:12px}.form-field input,.form-field select,.form-field textarea{border:1px solid var(--border);background:var(--white);border-radius:6px;width:100%;padding:8px 12px}.form-field textarea{resize:vertical;min-height:120px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--cta);outline:2px solid #2d7ff940}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.body-scroll{white-space:pre-wrap;border:1px solid var(--border);background:var(--bg);border-radius:6px;max-height:200px;padding:12px;font-size:14px;line-height:1.6;overflow-y:auto}.detail-block{margin-bottom:16px}.detail-label{color:var(--text-muted);margin-bottom:4px;font-size:12px}.detail-value{font-size:14px}.form-field textarea.material-links-input{min-height:72px;font-family:inherit}.form-field .field-error{color:#b42318;margin-top:4px;font-size:12px}.material-link-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.material-link-list a{color:var(--cta);word-break:break-all}.material-link-empty{color:var(--text-muted);font-size:13px}.alert{border-radius:6px;margin-bottom:12px;padding:10px 12px;font-size:13px}.alert-warn{color:#92400e;background:#fef3c7}.alert-error{color:#b42318;background:#fee4e2}.alert-info{background:var(--chip-blue-bg);color:var(--chip-blue-text)}.tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:20px;display:flex}.tab{color:var(--text-muted);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 16px;font-size:14px}.tab.active{color:var(--cta);border-bottom-color:var(--cta);font-weight:600}.status-row{align-items:center;gap:10px;margin-bottom:20px;display:flex}.settings-actions{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.readonly-view .form-field input,.readonly-view .form-field textarea,.readonly-view .form-field select{background:var(--bg)}@media (width<=640px){.form-row{grid-template-columns:1fr}.page{padding:16px}}.settings-section{margin-bottom:28px;padding-bottom:8px;position:relative}.settings-section+.settings-section{border-top:1px solid var(--border);padding-top:24px}.settings-section-title{margin:0 0 14px;font-size:15px;font-weight:600}.fixed-label{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:6px;padding:8px 12px;font-size:14px}.settings-locked{pointer-events:none;-webkit-user-select:none;user-select:none;position:relative}.settings-locked-overlay{z-index:2;border-radius:var(--radius);background:#f7f8fab8;position:absolute;inset:0}.settings-locked .settings-section-title,.settings-locked .form-field,.settings-locked .settings-actions,.settings-locked .alert,.settings-locked .fixed-label{opacity:.55;filter:grayscale(.35)}.page-note{color:var(--text-muted);margin:-8px 0 16px;font-size:13px}.dev-ghost-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;display:flex}.btn-ghost-dev{border:1px dashed var(--border);color:var(--text-muted);background:0 0;border-radius:6px;padding:6px 10px;font-size:12px}.btn-ghost-dev:hover{background:var(--bg);color:var(--text)}.smtp-fold{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);margin-bottom:24px;padding:8px 12px 12px}.smtp-fold-summary{cursor:pointer;color:var(--text-muted);padding:6px 0;font-size:14px;font-weight:600;list-style:none}.smtp-fold-summary::-webkit-details-marker{display:none}.smtp-fold-summary:before{content:"▸ ";color:var(--text-muted)}.smtp-fold[open] .smtp-fold-summary:before{content:"▾ "}.task-card-list{margin:0;padding:0;list-style:none}.task-card-item{border-bottom:1px solid var(--border)}.task-card-list>li:last-child{border-bottom:none}.task-card-row{text-align:left;background:var(--white);cursor:pointer;border:none;justify-content:space-between;align-items:flex-start;gap:12px;width:100%;padding:14px 16px 8px;display:flex}.task-card-row:hover,.task-card-row:active{background:#fafbfc}.task-card-main{flex:1;min-width:0}.task-card-subject{word-break:break-word;white-space:normal;margin-bottom:4px;font-size:14px;font-weight:600}.task-card-meta{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.task-card-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:0 16px 14px;display:flex}.eml-save-fold{width:100%;margin-top:4px}.eml-save-fold-summary{cursor:pointer;color:var(--text-muted);font-size:12px;list-style:none}.eml-save-fold-summary::-webkit-details-marker{display:none}.eml-save-fold[open] .eml-save-fold-summary{margin-bottom:8px}@media (width<=767px){.page{padding:16px 16px 88px}.form-row{grid-template-columns:1fr}.top-nav{flex-wrap:wrap;gap:4px;height:auto;min-height:48px;padding:8px 12px}.top-nav .brand{width:100%;margin-bottom:4px;margin-right:0;font-size:14px}.nav-link{padding:6px 10px;font-size:13px}.modal-overlay{align-items:flex-end;padding:0}.modal.send-modal,.modal{border-radius:16px 16px 0 0;max-width:100%;max-height:92vh}.modal-footer.sticky-cta{background:var(--white);padding-bottom:calc(14px + env(safe-area-inset-bottom,0px));flex-wrap:wrap;justify-content:stretch;gap:8px;position:sticky;bottom:0}.modal-footer.sticky-cta .sticky-primary{flex:100%;order:-1}.fab{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px))}}