/** 🎨 GOLF STORY 4.0 - ADVANCED DESIGN SYSTEM (common_style.css) **/

/* [1] 기본 폰트 및 네비게이션 규격 */
body, table, button, input { font-size: 12px !important; transition: all 0.3s ease; }
.btn-nav { font-size: 12px; cursor: pointer; border: none; padding: 5px 10px; }

/* [2] 동적 테마 변수 (관리자 색상표와 연동됨) */
:root {
    --bg-color: #000000;
    --point-color: #27ae60;
    --text-color: #ffffff;
    --panel-color: rgba(255,255,255,0.05);
}

body { background-color: var(--bg-color); color: var(--text-color); }

/* [3] 질감 및 패턴 옵션 */
/* 유광 효과 */
body.effect-glossy .btn-app, body.effect-glossy .header {
    background: linear-gradient(135deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 100%);
    box-shadow: 0 4px 15px rgba(0,0,0,0.3);
}

/* 무광 효과 (Flat) */
body.effect-matte .btn-app, body.effect-matte .header {
    background: var(--point-color);
    box-shadow: none;
    border: 1px solid rgba(255,255,255,0.1);
}

/* 패턴 효과 */
body.effect-pattern {
    background-image: radial-gradient(var(--panel-color) 1px, transparent 0);
    background-size: 20px 20px;
}

/* [4] 증감 색상 (테마와 상관없이 고정) */
.val-up { color: #d63031 !important; }   /* 증가: 빨강 */
.val-down { color: #0984e3 !important; } /* 감소: 파랑 */

/* [추가] 질감 옵션 스타일 */
.matte { box-shadow: none !important; border: 1px solid var(--border); }
.glossy { background: linear-gradient(180deg, rgba(255,255,255,0.15), rgba(0,0,0,0.1)); }
.pattern { background-image: radial-gradient(#444 0.5px, transparent 0.5px); background-size: 10px 10px; }

/* [추가] 삭제 표시 형식 */
.row-deleted { opacity: 0.5; text-decoration: line-through; background: #ffeaea !important; }

/* [질감 패턴] 아주 미세한 점과 격자무늬 */
.effect-pattern-dot { background-image: radial-gradient(#444 0.5px, transparent 0.5px); background-size: 15px 15px; }
.effect-pattern-grid { background-image: linear-gradient(#333 0.5px, transparent 0.5px), linear-gradient(90deg, #333 0.5px, transparent 0.5px); background-size: 20px 20px; }

/* [삭제 표시 규격] */
.row-deleted { 
    text-decoration: line-through !important; 
    background-color: #ffeaea !important; 
    color: #a0a0a0 !important; 
    opacity: 0.6; 
}