/* 日本語の文字組みと同梱SVGアイコン。OS標準フォントのみ。 */
:root{
  --font-ui:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --font-body:system-ui,-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic UI",Meiryo,sans-serif;
  --font-heading:var(--font-body);--font-number:var(--font-ui);--font-mono:var(--font-ui);
}
body{font-weight:400;-webkit-font-smoothing:antialiased;}
button,input,textarea,select{font-family:var(--font-body);}
.logo{display:flex;align-items:center;gap:9px;font-family:var(--font-ui);font-size:20px;font-weight:720;letter-spacing:-.045em;white-space:nowrap;}
.brand-mark{width:26px;height:26px;flex:none;}
.logo-accent{margin-left:-9px;}
#workspaceContext{font-size:22px;font-weight:700;line-height:1.45;letter-spacing:-.015em;}
.context-eyebrow{font-size:10px;font-weight:500;letter-spacing:.045em;margin-bottom:4px;}
.context-hint{font-size:11px;line-height:1.55;letter-spacing:.01em;}
.nav-btn,.workspace-home{font-size:12.5px;font-weight:500;letter-spacing:.015em;gap:9px;}
.nav-btn.active,.workspace-home.active{font-weight:600;}
.display-tabs{gap:20px;}
.display-tab{gap:7px;font-size:12px;font-weight:500;letter-spacing:.015em;}
.display-tab.active{font-weight:600;}
.nav-group-label,.section-title,.project-section-title{font-size:10px;font-weight:600;letter-spacing:.035em;}
.project-name{font-weight:500;letter-spacing:.01em;}
.task-name{font-size:12.5px;font-weight:500;line-height:1.65;letter-spacing:.015em;}
.task-head{gap:6px;}
.task-avatar{font-family:var(--font-body);font-weight:500;}
.task-meta,.task-req,.task-owner{font-size:10px;line-height:1.55;}
.task-project-chip{font-size:9.5px;line-height:1.6;}
.kanban-col-name{font-size:11px;font-weight:600;letter-spacing:.01em;}
.mono,.task-score,.project-count,.kanban-col-count,.stat-num,.date-chip,.date-abs,.cal-label,.schedule-card-period,.routine-progress-count,.report-due{font-family:var(--font-number)!important;font-variant-numeric:tabular-nums;letter-spacing:0;}
.task-score{font-size:10px;font-weight:600;min-width:16px;text-align:center;}
.project-count,.kanban-col-count{font-size:10px;font-weight:500;}
.date-abs{font-size:10px;}
.schedule-card-period{font-size:10.5px;}
.stat-num{font-size:30px;font-weight:650;letter-spacing:-.035em;}
.routine-progress-done{font-weight:650;}
.stat-label{font-size:11px;font-weight:500;}
.view-title,.routine-section-title{font-weight:600;letter-spacing:.01em;}
.task-table th,.form-group label{font-size:11px;font-weight:500;letter-spacing:.015em;}
.task-table td,.report-name{font-size:12px;line-height:1.6;}
.modal-header h3{font-size:17px;font-weight:650;letter-spacing:.005em;}
.ui-icon{display:inline-block;width:16px;height:16px;flex:0 0 16px;vertical-align:middle;color:currentColor;stroke-width:1.75;pointer-events:none;}
.ui-label{pointer-events:none;}
.sidebar-nav .ui-icon{width:17px;height:17px;flex-basis:17px;color:#66758a;}
.workspace-home.active .ui-icon,.sidebar-nav .active .ui-icon{color:#315d92;}
.workspace-home>.ui-label{width:auto;flex:1;text-align:left;white-space:nowrap;color:inherit;font-size:inherit;}
#sidebarToggle{display:none;}
.display-tab .ui-icon{width:15px;height:15px;flex-basis:15px;}
.icon-only{display:inline-flex;align-items:center;justify-content:center;}
.btn-primary,.btn-secondary,.btn-danger-outline,.btn-add-subtask,.btn-logout,.gcal-btn-connect,.gcal-btn-disconnect,.routine-tpl-delete,.archived-unarchive-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;}
.btn-primary .ui-icon,.btn-secondary .ui-icon,.btn-danger-outline .ui-icon{width:15px;height:15px;flex-basis:15px;}
.project-edit .ui-icon{width:15px;height:15px;flex-basis:15px;}
.btn-logout,.gcal-btn-connect,.gcal-btn-disconnect{width:100%;}
.routine-tpl-actions .ui-icon{width:14px;height:14px;flex-basis:14px;}
.subtask-delete,.subtask-add-grand,.member-remove{display:inline-flex;align-items:center;justify-content:center;}
.subtask-delete .ui-icon,.subtask-add-grand .ui-icon,.member-remove .ui-icon{width:14px;height:14px;flex-basis:14px;}
.archived-toggle-arrow .ui-icon{width:14px;height:14px;}
.seg-btn:has(.ui-icon){display:inline-flex;align-items:center;justify-content:center;gap:5px;}
.seg-btn .ui-icon{width:14px;height:14px;flex-basis:14px;}
@media(max-width:768px){#sidebarToggle{display:flex;}
#workspaceContext{font-size:18px;line-height:1.4;}
.context-hint{font-size:10px;}
.context-eyebrow{font-size:9px;}
.display-tabs{gap:16px;}
.display-tab{font-size:11px;gap:6px;}
.display-tab .ui-icon{width:14px;height:14px;flex-basis:14px;}
.workspace-toolbar .btn-primary{font-size:11px;gap:4px;}
.workspace-toolbar .btn-primary .ui-icon{width:14px;height:14px;flex-basis:14px;}
.form-group input,.form-group select,.form-group textarea{font-size:16px;}
.modal-header h3{font-size:17px;}
.report-controls .seg-btn,.team-controls .seg-btn{font-size:10px;padding:7px 8px;}
}
