/* JackOS desktop programs (apps.js + app packs). Each pack may append its own section below. */
.appwin{display:flex;flex-direction:column;min-width:200px;max-height:calc(100vh - 40px);position:fixed}
.appwin > .tb{cursor:default;touch-action:none;flex:none}
.appwin > .tb .ico{width:16px;height:16px;flex:none;display:inline-flex}
.appwin > .tb .ico svg{width:16px;height:16px}
.appwin > .appmenu{flex:none;border-bottom:1px solid #808080;box-shadow:0 1px #fff}
.appwin > .appbody{flex:1;min-height:0;overflow:auto;padding:6px;position:relative}
.appwin > .appstatus{flex:none}
.appwin.maxwin{left:0!important;top:0!important;width:100%!important;height:calc(100vh - 32px)!important;max-height:none}
.appwin .appgrip{position:absolute;right:2px;bottom:2px;width:13px;height:13px;cursor:nwse-resize;touch-action:none}
.appwin.inactive > .tb{background:linear-gradient(90deg,#808080,#c0c0c0);color:#c0c0c0}
.appwin .appgrip{background:linear-gradient(135deg,transparent 0 45%,#fff 45% 50%,#808080 50% 58%,transparent 58% 63%,#fff 63% 68%,#808080 68% 76%,transparent 76% 81%,#fff 81% 86%,#808080 86% 94%,transparent 94%)}
.appwin.maxwin .appgrip{display:none}
.tbtn .tico{display:inline-flex;width:16px;height:16px;flex:none}
.tbtn .tico svg{width:16px;height:16px}
#tasks .tbtn{display:flex;align-items:center;gap:4px}
#tasks .tbtn span:last-child{overflow:hidden;text-overflow:ellipsis}
.icons{max-height:calc(100% - 20px);flex-wrap:wrap;align-content:flex-start}
.dicon.sel span{background:#000080;outline:1px dotted #fff}
#startMenu .smsub{position:relative}
#startMenu .smsub::after{content:"";position:absolute;right:9px;top:50%;width:4px;height:7px;margin-top:-4px;background:currentColor;-webkit-mask:var(--g-right) no-repeat center;mask:var(--g-right) no-repeat center}
#startMenu .side{font-size:17px}
.menu .mico svg{width:16px;height:16px}
.sec-row{padding:2px 4px;border-bottom:1px dotted #ccc}
.sec-row.got{color:#060}
.cpi{padding:1px 4px;cursor:default}
.cpi.sel{background:#000080;color:#fff}
.secretpage{min-height:420px}