/* ============================================================
   apps.css — per-application styling
   ============================================================ */

/* Generic app scroll body */
.app-body { flex:1 1 auto; overflow:auto; }

/* Notepad */
.notepad-text { flex:1 1 auto; width:100%; border:0; outline:0; resize:none;
  font-family:var(--mono); font-size:13px; padding:6px; color:#000; background:#fff; }

/* Calculator */
.calc { padding:8px; display:flex; flex-direction:column; gap:8px; background:var(--face); height:100%; }
.calc .disp { text-align:right; font-family:var(--mono); font-size:20px; padding:6px 8px;
  background:#fff; border:1px solid #7f9db9; box-shadow:inset 1px 1px 2px rgba(0,0,0,.2); overflow:hidden; }
.calc .grid { display:grid; grid-template-columns:repeat(4,1fr); gap:5px; flex:1 1 auto; }
.calc .grid .xbtn { min-width:0; font-size:13px; padding:6px 0; }
.calc .grid .op { color:#1146a6; font-weight:700; }
.calc .grid .eq { color:#a62211; font-weight:700; }

/* Command prompt (visual only) */
.cmd { height:100%; background:#000; color:#c8c8c8; font-family:var(--mono); font-size:13px;
  padding:6px 8px; overflow:auto; }
.cmd .line { white-space:pre-wrap; word-break:break-word; }
.cmd .inl { display:flex; }
.cmd .inl input { flex:1 1 auto; background:transparent; border:0; outline:0;
  color:#c8c8c8; font-family:var(--mono); font-size:13px; caret-color:#c8c8c8; }

/* Paint */
.paint { display:flex; height:100%; background:var(--face); }
.paint .tools { width:56px; display:grid; grid-template-columns:1fr 1fr; gap:3px; padding:5px;
  align-content:start; border-right:1px solid #d0ccbc; }
.paint .tools .pt { width:22px; height:22px; border:1px solid #b8b4a4; background:linear-gradient(180deg,#fff,#e3e0d3);
  display:grid; place-content:center; font-size:12px; }
.paint .tools .pt.on { background:#c1d2ee; border-color:#316ac5; }
.paint .stage { flex:1 1 auto; overflow:auto; padding:8px; background:#808080; }
.paint canvas { background:#fff; box-shadow:0 0 0 1px #000, 2px 2px 5px rgba(0,0,0,.4); cursor:crosshair; }
.paint .palette { position:absolute; bottom:26px; left:60px; display:flex; flex-wrap:wrap; width:150px; gap:2px; }
.paint .palette .sw { width:15px; height:15px; border:1px solid #808080; }

/* Browser (visual only) */
.browser { display:flex; flex-direction:column; height:100%; }
.browser .page { flex:1 1 auto; background:#fff; overflow:auto; padding:0; }
.browser .home { padding:24px; text-align:center; font-family:var(--ui); }
.browser .home h1 { color:#1146a6; font-size:22px; margin:8px 0; }
.browser .home .links { display:flex; gap:14px; justify-content:center; flex-wrap:wrap; margin-top:16px; }
.browser .home .links a { color:#1146a6; text-decoration:underline; cursor:default; }

/* Media player (visual only) */
.wmp { height:100%; background:#0d1420; color:#cfe0f5; display:flex; flex-direction:column; }
.wmp .screen { flex:1 1 auto; display:flex; align-items:flex-end; justify-content:center; gap:3px;
  padding:14px; background:radial-gradient(120% 80% at 50% 0,#16283f,#0d1420); }
.wmp .screen .b { width:7px; background:linear-gradient(180deg,#7bd0ff,#1a6bd0); border-radius:2px 2px 0 0; }
.wmp .ctrls { flex:0 0 auto; height:38px; display:flex; align-items:center; gap:10px; padding:0 12px;
  background:linear-gradient(180deg,#2a4f7a,#12233a); border-top:1px solid #33507a; }
.wmp .ctrls .pb { width:26px; height:26px; border-radius:50%; border:1px solid #7bd0ff;
  background:linear-gradient(180deg,#3a7bd5,#12233a); color:#fff; display:grid; place-content:center; }
.wmp .ctrls .seek { flex:1 1 auto; height:6px; background:#0a1420; border:1px solid #33507a; border-radius:4px; }
.wmp .ctrls .seek > i { display:block; height:100%; width:30%; background:linear-gradient(90deg,#1a6bd0,#7bd0ff); border-radius:4px; }

/* Control panel */
.cpl { display:flex; flex-wrap:wrap; gap:10px; padding:14px; align-content:flex-start; }
.cpl .applet { width:96px; text-align:center; padding:8px 4px; border:1px solid transparent; border-radius:3px; }
.cpl .applet:hover { background:var(--sel-soft); }
.cpl .applet img { width:32px; height:32px; margin-bottom:5px; }

/* Dialogs */
.dlg-body { padding:16px; display:flex; gap:14px; align-items:flex-start; }
.dlg-body .dico { width:32px; height:32px; flex:0 0 auto; }
.dlg-actions { display:flex; justify-content:flex-end; gap:8px; padding:0 14px 12px; }

/* Run dialog */
.run-body { padding:14px; }
.run-body .top { display:flex; gap:12px; margin-bottom:12px; }
.run-body .top img { width:32px; height:32px; }
.run-body .field { display:flex; align-items:center; gap:8px; margin-top:8px; }
.run-body .field .xinput { flex:1 1 auto; }

/* build 1783239820 */