/* Uygulama genelinde ortak mobil calisma alani ve kutu duzeni */
:root { --workspace-gap:10px; --workspace-radius:20px; --workspace-radius-lg:24px; --workspace-gutter:12px; }
.page:not(.active) { display:none !important; }
.workspace-page { padding:14px var(--workspace-gutter) calc(var(--nav-height) + var(--safe-bottom) + 18px); }
.workspace-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:10px; margin:2px 2px 13px; }
.workspace-heading > div { min-width:0; }
.workspace-heading span { display:block; margin-bottom:3px; color:var(--primary); font-size:.62rem; font-weight:800; letter-spacing:.12em; }
.workspace-heading h2 { margin:0; color:var(--text-primary); font-size:1.2rem; line-height:1.12; letter-spacing:-.035em; }
.workspace-heading p { margin:5px 0 0; color:var(--text-secondary); font-size:.72rem; line-height:1.35; }
.tile-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--workspace-gap); }
.tile-span-2 { grid-column:1 / -1; }
.metric-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
.workspace-tile { min-width:0; overflow:hidden; border:1px solid rgba(15,43,66,.08); border-radius:var(--workspace-radius); background:var(--bg-card); box-shadow:0 7px 18px rgba(15,43,66,.055); }
.workspace-tile-title { display:flex; align-items:center; justify-content:space-between; gap:7px; margin:0 0 10px; color:var(--text-primary); font-size:.8rem; font-weight:800; }
.workspace-tile-title i { color:var(--primary); }
.workspace-page .section-title { margin:0; }
@media (min-width:700px) { .workspace-page { padding-inline:20px; } .tile-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } .tile-span-2 { grid-column:span 2; } }
@media (max-width:359px) { .workspace-page { padding-inline:10px; } .tile-grid { gap:8px; } }