/* CentralRP Phone v1.6.2 - free layout / launcher / light quick shade */

/* CR Internet widget: FULL width, roughly half the old height. */
.widget-browser.widget-v160{border-radius:16px!important;padding:2px 10px!important;min-height:0!important}
.widget-browser-form{grid-template-columns:27px 1fr 27px!important;gap:5px!important}
.widget-browser-form input{font-size:.84rem!important;line-height:1.1!important}
.widget-browser-form button{width:25px!important;height:25px!important}

/* Better visual feedback while an item is being freely positioned. */
.editing .home-page{background-image:linear-gradient(rgba(94,163,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(94,163,255,.055) 1px,transparent 1px);background-size:12.5% calc(100% / 14);background-position:0 0}
.home-widget.dragging,.app-tile-wrap.dragging{z-index:180!important;opacity:.88!important;pointer-events:none!important}
.drawer-placement-ghost{position:absolute;z-index:210;transform:translate(-50%,-50%);width:76px;display:grid;justify-items:center;gap:4px;pointer-events:none;color:var(--text);text-shadow:0 2px 5px rgba(0,0,0,.8)}
.drawer-placement-ghost .icon-shell{width:47px;height:47px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(0,0,0,.30)),var(--app-color);border:1px solid rgba(255,255,255,.22);color:#fff;box-shadow:0 10px 28px rgba(0,0,0,.42)}
.drawer-placement-ghost .icon-shell svg{width:54%;height:54%}.drawer-placement-ghost>span:last-child{font-size:10px;font-weight:700}

/* Launcher only contains apps that are not already placed on Home/Dock. */
.drawer-panel .drawer-help{margin:1px 0 8px;line-height:1.35}
.drawer-unplaced{min-height:74px!important;display:grid;place-items:center!important}
.drawer-unplaced .app-tile-wrap{min-height:70px!important;width:100%}
.drawer-empty{grid-column:1/-1;padding:18px 12px;text-align:center;line-height:1.4}

/* White mode must include the notification/quick shade, not only app pages. */
#phone[data-theme="light"] .quick-shade{background:rgba(215,224,234,.20)}
#phone[data-theme="light"] .shade-panel{background:rgba(248,251,255,.985)!important;border-bottom-color:rgba(24,45,70,.14)!important;color:#111a25!important;box-shadow:0 18px 34px rgba(32,48,67,.18)!important}
#phone[data-theme="light"] .shade-handle{background:rgba(25,42,61,.30)!important}
#phone[data-theme="light"] .shade-top strong,#phone[data-theme="light"] .shade-section-title{color:#111a25!important}
#phone[data-theme="light"] .shade-top span,#phone[data-theme="light"] .shade-section-title small,#phone[data-theme="light"] .shade-empty{color:#667587!important}
#phone[data-theme="light"] .quick-tile{background:#edf2f7!important;border-color:rgba(23,45,70,.12)!important;color:#17212d!important}
#phone[data-theme="light"] .quick-tile span{color:#3f4d5e!important}
#phone[data-theme="light"] .quick-tile.on{background:#dcecff!important;border-color:#65aaff!important;color:#1268c9!important}
#phone[data-theme="light"] .slider-card{background:#edf2f7!important;border-color:rgba(23,45,70,.12)!important;color:#1b2633!important}
#phone[data-theme="light"] .shade-notification{background:#fff!important;border-color:rgba(23,45,70,.11)!important;color:#111a25!important;box-shadow:0 3px 12px rgba(26,45,67,.05)}
#phone[data-theme="light"] .shade-notification-head strong{color:#111a25!important}
#phone[data-theme="light"] .shade-notification-head span,#phone[data-theme="light"] .shade-notification p{color:#5f6f82!important}
#phone[data-theme="light"] .icon-btn{color:#1b2633!important;background:rgba(20,40,64,.06)!important}
#phone[data-theme="light"] .drawer-panel{background:#f8fbff!important;color:#111a25!important;border-top-color:rgba(24,45,70,.14)!important}
#phone[data-theme="light"] .drawer-search{background:#edf2f7!important;border-color:rgba(23,45,70,.12)!important}
#phone[data-theme="light"] .drawer-search input{color:#17212d!important}
#phone[data-theme="light"] .drawer-help{color:#677789!important}

@media(max-height:900px){.widget-browser.widget-v160{padding:1px 8px!important}.drawer-placement-ghost .icon-shell{width:43px;height:43px}}