/* Presentation only: fixed BIO viewport and the requested delivery/capture controls. */
body.dashboard-tool-bio .body-wrapper .bio-dashboard-preview{width:min(100%,256px)!important;height:416px!important;min-height:416px!important;max-height:416px!important;flex:none!important;border-width:5px!important;border-radius:25px!important;overflow:hidden!important}
body.dashboard-tool-bio .bio-phone-scroll{height:100%;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#88b39b transparent;position:relative}
body.dashboard-tool-bio .bio-dashboard-preview .cover-photo{flex:0 0 80px;height:80px!important;min-height:80px!important}
body.dashboard-tool-bio .bio-dashboard-preview .profile-photo{width:54px!important;height:54px!important;top:56px!important;left:13px!important;border-width:3px!important}
body.dashboard-tool-bio .bio-dashboard-preview .bg{flex:1 0 auto;box-sizing:border-box;min-height:calc(100% - 70px)!important;height:auto!important;overflow:visible!important;background-repeat:no-repeat;padding:24px 10px 13px!important}
/* Center link images against the button itself, keeping row spacing outside it. */
.mobile-frame .links-list>.position-relative{display:flex;align-items:center;margin-bottom:10px}
.mobile-frame .links-list>.position-relative>.bio-input{margin-bottom:0!important}
.mobile-frame .links-list>.position-relative>img{top:50%!important;left:10px!important;margin:0!important;transform:translateY(-50%);object-fit:cover;pointer-events:none;z-index:1}
.mobile-frame .links-list>.position-relative:has(>img)>.bio-input{padding-inline:44px!important}
body.dashboard-tool-bio .body-wrapper .bio-editor-urlbar{display:grid!important;grid-template-columns:96px minmax(0,220px) minmax(0,1fr) 48px 40px;gap:6px;align-items:center;max-width:100%;min-width:0}
body.dashboard-tool-bio .body-wrapper .bio-editor-urlbar .input-group-text{white-space:nowrap;overflow-wrap:normal;font-size:10px;padding:9px 6px!important;min-width:0;min-height:40px;height:auto}
body.dashboard-tool-bio .body-wrapper .bio-editor-urlbar .dp_btn{width:100%!important;padding:8px 4px!important;margin:0!important;font-size:11px!important;min-height:40px;position:static!important}
body.dashboard-tool-bio .body-wrapper .bio-editor-urlbar .open_btn i{font-size:17px;line-height:1}
body.dashboard-tool-bio .body-wrapper .bio-editor-urlbar #bio_slug{min-width:0;width:100%;font-size:12px;padding:9px 8px!important}
body.dashboard-tool-bio #error_modal .modal-dialog{width:min(540px,calc(100% - 28px))!important;max-width:540px;margin-inline:auto}
body.dashboard-tool-bio #error_modal .modal-body{padding:38px 22px 26px!important;min-height:0}
.bio-completion-guide{width:100%;display:grid;justify-items:center;gap:14px;font-family:Meiryo,'メイリオ',sans-serif}
.bio-completion-symbol{display:grid;place-items:center;width:50px;height:50px;border-radius:16px;background:#e7f4eb;color:#3c8563;font-size:25px}
.bio-completion-guide>p{font-size:17px;line-height:1.8;margin:0;text-align:center;overflow-wrap:anywhere}
.bio-completion-guide ul{display:grid;gap:10px;width:100%!important;max-width:100%;padding:0!important;margin:0;list-style:none;text-align:left}
.bio-completion-guide li{display:flex;align-items:center;gap:12px;width:100%;box-sizing:border-box;padding:13px 16px;min-height:52px;line-height:1.8;font-size:13px;border:1px solid #cfe2d5;border-radius:13px;background:#edf7f0;color:#436d52;overflow-wrap:anywhere}
.bio-completion-guide li input{flex:0 0 17px;width:17px;height:17px;margin:0;accent-color:#498268}
.bio-completion-guide li:has(input:not(:checked)){border:1px solid #dc6464;background:#fff4f3;color:#a93737;animation:bio-missing-glow 1.5s ease-in-out infinite}
/* TOP uses the same missing-item treatment, without altering its readiness logic. */
body.home-top-page #error_modal #err_msg li:has(input:not(:checked)){border:1px solid #dc6464!important;background:#fff4f3!important;color:#a93737!important;animation:bio-missing-glow 1.5s ease-in-out infinite}
@keyframes bio-missing-glow{0%,100%{box-shadow:0 0 0 0 #d9515110}50%{box-shadow:0 0 0 3px #d951512b,0 0 15px #d9515133}}
body.dashboard-tool-data .dashboard-tool-heading{justify-content:flex-start;gap:12px;padding-inline:24px;flex-wrap:wrap}
body.dashboard-tool-data .dashboard-tool-heading h1{font-size:20px;line-height:1.8;color:#315b46;text-align:left;margin:0}
body.dashboard-tool-data .dashboard-tool-heading .feature-difference-trigger{margin-left:0;flex:none;animation:delivery-ready-glow 2.8s ease-in-out infinite}
body.dashboard-tool-data #react-root{padding:24px!important;background:#ffffffeb;border:1px solid #dce7df;border-radius:20px;max-width:1392px;width:calc(100% - 48px);margin:0 auto 24px;box-shadow:0 10px 28px -20px #315d444d}
/* Keep the card inset when the shared fixed-header layout resets container padding. */
body.dashboard-tool-data #main-wrapper[data-layout="vertical"][data-header-position="fixed"] .body-wrapper>#react-root{padding-top:24px!important}
body.dashboard-tool-data #react-root>.col-12.my-3.text-center:first-child{display:none}
body.dashboard-tool-data #react-root .files-box{border:2px dashed #bdd9c9!important;border-radius:17px!important;background:#f2f8f4!important;min-height:190px;align-items:center;padding:20px!important;margin-top:0}
body.dashboard-tool-data #react-root .files-box.dragging{border-color:#34876a!important;background:#e5f5eb!important}
body.dashboard-tool-data #react-root .files-box h4{color:#628771!important;font-size:18px;line-height:1.8!important;overflow-wrap:anywhere}
body.dashboard-tool-data #react-root .bioInput{border:1px solid #c7ddce!important;border-radius:12px!important;min-width:0!important;min-height:44px;height:auto!important;padding:10px 14px!important;font:13px/1.8 Meiryo,'メイリオ',sans-serif!important;background:#f5faf6!important;color:#365c48}
body.dashboard-tool-data #react-root .bioInput:disabled{background:#edf1ee!important;color:#819086}
body.dashboard-tool-data #react-root .btn-sm.btn-new.position-relative{min-width:86px!important;width:112px!important;min-height:40px;height:auto!important;padding:4px!important;border:1px solid #c7ddce;border-radius:13px!important;cursor:pointer}
body.dashboard-tool-data #react-root .btn-sm.btn-new.position-relative>button{min-width:54px;width:auto!important;min-height:32px;padding:5px 8px!important;font-size:11px!important;border-radius:9px!important;margin:0!important;line-height:1.8!important;white-space:normal;overflow-wrap:anywhere}
body.dashboard-tool-data #react-root .date-placeholder{font:12px/1.8 Meiryo,'メイリオ',sans-serif!important;background:#f5faf6!important;max-width:75%;overflow-wrap:anywhere}
body.dashboard-tool-data #react-root .delivery-publish-action button:not(:disabled){animation:delivery-ready-glow 2s ease-in-out infinite}
@keyframes delivery-ready-glow{0%,100%{transform:translateY(0);box-shadow:0 4px 12px #3a92611a}50%{transform:translateY(-2px);box-shadow:0 6px 18px #3a926138}}
body.dashboard-tool-capture .media-folder-sidebar{position:relative;background:#f3f8f4!important;border:1px solid #dfebe2;margin-bottom:16px}
body.dashboard-tool-capture .media-folder-disclosure>summary{list-style:none;display:flex;align-items:center;gap:8px;min-height:42px;padding-right:42px;font-size:17px;line-height:1.8;color:#365c48;font-family:Meiryo,'メイリオ',sans-serif;cursor:pointer}
body.dashboard-tool-capture .media-folder-disclosure>summary::-webkit-details-marker{display:none}
body.dashboard-tool-capture .media-folder-chevron{display:none;font-size:14px;transition:transform .2s}
body.dashboard-tool-capture .media-folder-create{position:absolute;top:18px;right:16px;display:grid;place-items:center;border:1px solid #cbded2;border-radius:10px;background:#fff;color:#49886a;width:34px;min-height:34px;padding:5px;font-size:18px}
body.dashboard-tool-capture #side-bar-folders{margin-top:12px;gap:5px}
body.dashboard-tool-capture #side-bar-folders .list-group-item{font-size:12px;line-height:1.8;border:1px solid #dce8df;border-radius:10px!important;min-height:42px;padding:9px 12px;color:#52735f;background:#fff;overflow-wrap:anywhere}
body.dashboard-tool-capture #side-bar-folders .list-group-item.active{background:linear-gradient(130deg,#329577,#1e745a)!important;border-color:#31856a!important;color:#fff!important}
body.dashboard-tool-capture #side-bar-folders .open-folder{min-width:0}
body.dashboard-tool-capture #side-bar-folders .open-folder span{min-width:0;overflow-wrap:anywhere}
body.dashboard-tool-capture .folder-files .file-item .card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
body.dashboard-tool-capture .folder-files .file-item .card:focus-within{border-color:#75b595!important;box-shadow:0 12px 25px -15px #28744e66}
@media(hover:hover){body.dashboard-tool-capture .folder-files .file-item .card:hover{transform:translateY(-4px);border-color:#75b595!important;box-shadow:0 14px 26px -14px #28744e66}}
@media(max-width:991px){body.dashboard-tool-capture .media-folder-disclosure>summary{font-size:14px}body.dashboard-tool-capture .media-folder-chevron{display:inline-block}body.dashboard-tool-capture .media-folder-disclosure[open] .media-folder-chevron{transform:rotate(180deg)}}
@media(max-width:600px){body.dashboard-tool-bio .body-wrapper .bio-editor-urlbar{grid-template-columns:70px minmax(35px,1fr) 0 40px 34px;gap:4px}body.dashboard-tool-bio .body-wrapper .bio-editor-urlbar .input-group-text{font-size:8px;padding:8px 2px!important}body.dashboard-tool-bio .body-wrapper .bio-editor-urlbar .dp_btn{font-size:10px!important}body.dashboard-tool-data #react-root{width:calc(100% - 24px);padding:14px!important}body.dashboard-tool-data .dashboard-tool-heading{padding-inline:14px;gap:8px}body.dashboard-tool-data .dashboard-tool-heading h1{font-size:15px}body.dashboard-tool-data #react-root .bioInput{padding:9px!important;font-size:11px!important}}
@media(prefers-reduced-motion:reduce){.bio-completion-guide li,body.home-top-page #error_modal #err_msg li,body.dashboard-tool-data .feature-difference-trigger,body.dashboard-tool-data .delivery-publish-action button,body.dashboard-tool-capture .folder-files .file-item .card{animation:none!important;transition:none!important;transform:none!important}}
@media(max-width:600px){body.dashboard-tool-data #main-wrapper[data-layout="vertical"][data-header-position="fixed"] .body-wrapper>#react-root{padding-top:16px!important}}

/* Reuse the existing full-screen effect on successful TOP QR creation. */
.dashboard-tool-confetti{position:fixed;inset:0;z-index:2147483646;pointer-events:none!important;overflow:hidden}
@keyframes dashboard-confetti-burst{0%{opacity:0;transform:translate3d(0,0,0) rotate(0)}8%{opacity:1}40%{opacity:1;transform:translate3d(var(--piece-apex-x),var(--piece-rise),0) rotate(calc(var(--piece-spin)*.45))}80%{opacity:1}100%{opacity:0;transform:translate3d(var(--piece-x),65vh,0) rotate(var(--piece-spin))}}
@media(prefers-reduced-motion:reduce){.dashboard-tool-confetti{display:none!important}}

body.dashboard-tool-data #react-root .date-placeholder+input[type=date]{color:transparent!important}
body.dashboard-tool-data #react-root .date-placeholder+input[type=date]::-webkit-datetime-edit{opacity:0}

/* Keep drop content inside its card and report the existing rejected-file state. */
:is(body.dashboard-tool-data,body.home-top-page) #react-root .files-box{margin-inline:0!important;width:100%;max-width:100%;flex-direction:column;gap:10px;box-sizing:border-box}
body.dashboard-tool-data #react-root{margin-top:16px}
#react-root .delivery-drop-icon{font-size:38px;line-height:1;color:#60977a;text-align:center;display:block;width:100%;flex:none}
#react-root .delivery-file-error{padding:10px 14px;margin:8px 0 12px;border:1px solid #d76767;border-radius:12px;background:#fff3f1;color:#ad3535;font:12px/1.8 Meiryo,'メイリオ',sans-serif;overflow-wrap:anywhere}
body.dashboard-tool-qr .qr-list-metadata{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:7px}
body.dashboard-tool-qr .qr-list-metadata .qr-created-badge{display:inline-flex;align-items:center;justify-content:center;line-height:1.7;font-size:11px;padding:4px 8px;margin:0!important;border:1px solid #d2e2d7;border-radius:10px;background:#edf6f0;color:#507960;white-space:nowrap}
body.dashboard-tool-qr .qr-list-download{margin-left:auto;align-self:center;justify-content:flex-end}
@media(min-width:768px){body.dashboard-tool-qr .qr-list-download a{display:inline-flex;align-items:center;justify-content:center;margin-left:auto}}
@media(max-width:359px){body.dashboard-tool-qr .qr-list-metadata{gap:4px}body.dashboard-tool-qr .qr-list-metadata .qr-created-badge{font-size:9px;padding:3px 5px}}

#react-root .files-box:has(+.delivery-file-error){border-color:#d76767!important;background:#fff5f3!important}
body.dashboard-tool-qr .qr-list-download{flex:0 0 auto;width:auto;margin-left:auto;align-self:center}
body.dashboard-tool-qr .qr-list-download .btn{min-width:112px;height:auto;min-height:40px}
body #react-root .files-box:has(+.delivery-file-error[role=alert]){border-color:#d76767!important;background:#fff5f3!important}

/* Reserve the full URL prefix width instead of squeezing it under the input. */
@media (max-width: 767px) {
    body.dashboard-tool-bio .body-wrapper .bio-editor-urlbar {
        grid-template-columns: max-content minmax(0, 1fr) 40px 34px;
        gap: 4px;
    }
    body.dashboard-tool-bio .body-wrapper .bio-editor-urlbar .bio-urlbar-spacer { display: none; }
    body.dashboard-tool-bio .body-wrapper .bio-editor-urlbar #basic-addon1 {
        width: auto;
        font-size: 9px;
        padding: 8px 4px !important;
        white-space: nowrap;
        overflow-wrap: normal;
    }
}