/* PC表示最適化 - 文字サイズとスペーシングの調整 */

/* PC表示（1024px以上）での最適化 */
@media (min-width: 1024px) {
    
    /* 全体のフォントサイズを縮小 */
    body {
        font-size: 13px;
        line-height: 1.4;
    }
    
    /* 見出しサイズの調整 */
    h1 { font-size: 1.8rem; }
    h2 { font-size: 1.5rem; }
    h3 { font-size: 1.3rem; }
    h4 { font-size: 1.1rem; }
    h5 { font-size: 1rem; }
    h6 { font-size: 0.9rem; }
    
    /* カードタイトルの調整 */
    .uk-card-title {
        font-size: 1.2rem !important;
        margin-bottom: 10px !important;
        line-height: 1.3;
    }
    
    /* カードのパディング調整 */
    .uk-card-body {
        padding: 15px 20px !important;
    }
    
    .uk-card-header {
        padding: 12px 20px !important;
    }
    
    .uk-card-footer {
        padding: 12px 20px !important;
    }
    
    /* テーブルの最適化 */
    .uk-table {
        font-size: 12px;
    }
    
    .uk-table th {
        padding: 8px 12px !important;
        font-size: 11px;
        font-weight: 600;
    }
    
    .uk-table td {
        padding: 6px 12px !important;
        line-height: 1.3;
    }
    
    /* テーブル内の小さなテキスト */
    .uk-table .uk-text-small,
    .uk-table small {
        font-size: 10px;
    }
    
    /* ナビゲーションの調整 */
    .uk-navbar-nav > li > a {
        font-size: 13px !important;
        padding: 0 12px !important;
    }
    
    /* ボタンサイズの調整 */
    .uk-button {
        font-size: 12px;
        padding: 6px 12px;
    }
    
    .uk-button-small {
        font-size: 11px;
        padding: 4px 8px;
    }
    
    /* フォーム要素の調整 */
    .uk-input,
    .uk-select,
    .uk-textarea {
        font-size: 12px;
        padding: 6px 10px;
    }
    
    /* ラベルサイズの調整 */
    .uk-label {
        font-size: 10px !important;
        padding: 2px 6px !important;
    }
    
    /* 売上合計金額表示の調整 */
    .sales-total {
        font-size: 2rem !important;
    }
    
    /* パンくずリストの調整 */
    .uk-breadcrumb {
        font-size: 11px;
        padding: 8px 0;
        margin-bottom: 12px;
    }
    
    /* リストアイテムの調整 */
    .uk-list > li {
        padding: 3px 0;
    }
    
    /* 説明リストの調整 */
    .uk-description-list dt {
        font-size: 12px;
        margin-bottom: 2px;
    }
    
    .uk-description-list dd {
        font-size: 12px;
        margin-bottom: 8px;
    }
    
    /* カード内のマージン調整 */
    .uk-card-body > *:not(:last-child) {
        margin-bottom: 10px !important;
    }
    
    /* グリッドのギャップ調整 */
    .uk-grid {
        margin-left: -10px;
    }
    
    .uk-grid > * {
        padding-left: 10px;
    }
    
    /* タブの調整 */
    .uk-tab > li > a {
        font-size: 12px;
        padding: 8px 12px;
    }
    
    /* 統計情報の数値表示 */
    .uk-text-large {
        font-size: 1.2rem !important;
    }
    
    .uk-text-small {
        font-size: 10px !important;
    }
    
    /* ページネーションの調整 */
    .uk-pagination > li > a,
    .uk-pagination > li > span {
        font-size: 11px;
        padding: 4px 8px;
    }
    
    /* アラート・通知の調整 */
    .uk-alert {
        font-size: 12px;
        padding: 10px 15px;
    }
    
    /* モーダルの調整 */
    .uk-modal-body {
        font-size: 12px;
    }
    
    .uk-modal-title {
        font-size: 1.3rem;
    }
    
    /* ドロップダウンの調整 */
    .uk-dropdown-nav > li > a {
        font-size: 12px;
        padding: 4px 8px;
    }
    
    /* オフキャンバスメニューの調整 */
    .uk-offcanvas-bar .uk-nav-default > li > a {
        font-size: 13px;
        padding: 8px 0;
    }
    
    /* 検索フォームの調整 */
    .uk-search .uk-search-input {
        font-size: 12px;
        height: 32px;
    }
    
    /* カレンダー表示の調整 */
    .uk-table-calendar {
        font-size: 11px;
    }
    
    .uk-table-calendar th,
    .uk-table-calendar td {
        padding: 4px 6px !important;
    }
    
    /* チャート周辺のテキスト調整 */
    .chart-container {
        font-size: 11px;
    }
    
    /* 売上データ表示の特別調整 */
    .uk-table .uk-text-bold,
    .uk-table .uk-text-emphasis {
        font-size: 12px;
    }
    
    /* 数値表示の調整 */
    .uk-table .uk-text-right {
        font-size: 11px;
    }
    
    /* 統計カード内の数値 */
    .uk-card .uk-text-large {
        font-size: 1.1rem !important;
    }
    
    /* 売上金額など重要な数値は少し大きめに */
    .sales-amount,
    .profit-amount {
        font-size: 13px !important;
        font-weight: 600;
    }
    
    /* アイコン付きテキストの調整 */
    .uk-flex .uk-text-small {
        font-size: 10px !important;
    }
    
    /* セクションのパディング調整 */
    .uk-section {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    
    .uk-section-small {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    /* コンテナの最大幅拡張（一覧性向上） */
    .uk-container {
        max-width: 1400px;
    }
    
    /* カードグリッドの密度向上 */
    .uk-child-width-1-2\@m > *,
    .uk-child-width-1-3\@m > *,
    .uk-child-width-1-4\@m > * {
        margin-bottom: 15px;
    }
    
    /* カードの最小高さ制限を緩和 */
    .uk-card {
        min-height: auto;
    }
    
    /* カード内要素の間隔調整 */
    .uk-card-body > h1,
    .uk-card-body > h2,
    .uk-card-body > h3,
    .uk-card-body > h4 {
        margin-bottom: 8px !important;
    }
    
    .uk-card-body > p {
        margin-bottom: 6px !important;
    }
    
    .uk-card-body > .uk-list {
        margin-bottom: 8px !important;
    }
    
    /* グリッドレイアウトでのカード配置最適化 */
    .uk-grid-small {
        margin-left: -8px;
    }
    
    .uk-grid-small > * {
        padding-left: 8px;
    }
    
    /* 売上カードなどのコンパクト表示 */
    .sales-card .uk-card-body {
        padding: 10px 15px !important;
    }
    
    .sales-card .uk-card-title {
        font-size: 1.1rem !important;
        margin-bottom: 8px !important;
    }
}

/* 大画面ディスプレイ（1440px以上）での追加最適化 */
@media (min-width: 1440px) {
    
    /* さらに密度を高める */
    body {
        font-size: 12px;
    }
    
    .uk-card-body {
        padding: 12px 16px !important;
    }
    
    .uk-table th {
        padding: 6px 10px !important;
        font-size: 10px;
    }
    
    .uk-table td {
        padding: 4px 10px !important;
    }
    
    /* コンテナ幅をさらに拡張 */
    .uk-container {
        max-width: 1600px;
    }
    
    /* グリッドマージンをさらに縮小 */
    .uk-grid {
        margin-left: -8px;
    }
    
    .uk-grid > * {
        padding-left: 8px;
        margin-bottom: 12px;
    }
}

/* タブレット横向き（768px-1023px）では元のサイズを維持 */
@media (min-width: 768px) and (max-width: 1023px) {
    /* 既存のスタイルを維持 */
    body {
        font-size: 14px;
    }
}