/* ===================================
   主要 CSS 匯入文件
   艾森豪威爾矩陣任務管理應用
   ================================== */

/* === 基礎樣式（必須最先載入） === */
@import url('./base/variables.css');
@import url('./base/reset.css');
@import url('./base/typography.css');

/* === 組件樣式 === */
@import url('./components/buttons.css');
@import url('./components/forms.css');
@import url('./components/modals.css');
@import url('./components/messages.css');

/* === 佈局樣式 === */
@import url('./layouts/login.css');
@import url('./layouts/header.css');
@import url('./layouts/matrix.css');
@import url('./layouts/sheets-sync.css');

/* === 工具類樣式（最後載入） === */
@import url('./utils/responsive.css');

.cloud-wait-hint-block {
  background: #fffbe6;
  border: 1px dashed #b8860b;
  border-radius: 8px;
  padding: 8px 12px;
  margin: 12px 0 0 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.cloud-wait-icon {
  font-size: 1.2em;
  color: #b8860b;
}
.cloud-wait-text {
  color: #b8860b;
  font-size: 0.98em;
  letter-spacing: 0.5px;
}